跳蚤市場設(shè)計報告樣本

資料內(nèi)容僅供您學習參考，如有不當或者侵權(quán)，請聯(lián)系改正或者刪除。【摘要】本課程設(shè)計運用java語言,將實際跳蚤市場搬到互聯(lián)網(wǎng),實現(xiàn)網(wǎng)上信息發(fā)布與留言。只有在校生才能注冊用戶,登錄后方可發(fā)布信息與留言。管理員能夠查看用戶注冊信息、刪除用戶留言等。用戶以郵件方式、聯(lián)系電話實現(xiàn)信息交互,留言反饋。商品管理在發(fā)布信息時實現(xiàn)信息的分類,網(wǎng)絡(luò)版的”跳蚤市場”讓校園交易變得輕松,簡單。關(guān)鍵詞:跳蚤市場發(fā)布互聯(lián)網(wǎng)信息交互一需求分析隨著現(xiàn)代信息化的普及,網(wǎng)絡(luò)逐漸成為一個商品交易的平臺。用戶要進行商品的買賣,網(wǎng)絡(luò)使這種交易變得更加靈活。這就要求將實際的跳蚤市場變成網(wǎng)絡(luò)上的跳蚤市場,用戶能夠在網(wǎng)絡(luò)上直接發(fā)布求購信息和出售信息。為了使交易更加方便順利的進行,同時使本校學生能夠很快的實現(xiàn)自己的商品交易,本跳蚤市場使用java語言,嵌入javascript腳本和div的布局,在Myeclipise7.0的環(huán)境下,使用sqlserver數(shù)據(jù)庫,實現(xiàn)了動態(tài)網(wǎng)頁的信息交互。該網(wǎng)站只對本校學生開放。所有的人都能夠查看用戶發(fā)布的信息和留言。進入網(wǎng)站之后,要想發(fā)布信息和留言,必須先登錄,如果是本校學生且是本網(wǎng)站的用戶,能夠輸入用戶名和密碼直接進入發(fā)布信息和發(fā)布留言。該用戶能夠查看所有留言和發(fā)布的信息。想要修改留言和發(fā)布信息的話還能夠修改,但只能修改自己發(fā)布的信息。還能夠刪除自己的信息。如果是本校生可是沒有注冊用戶的話,能夠注冊后再登錄。為了核查注冊的用戶是本校學生,必須輸入學號以核實。為了本網(wǎng)站的安全性,非本校生不能夠注冊。如果用戶想要退出本跳蚤市場,能夠注銷。為了便于本網(wǎng)站的管理,用戶注銷后,該用戶所發(fā)布的信息和留言也隨之刪除。作為一個網(wǎng)站,用戶應(yīng)該能夠修改自己的信息:用戶名和密碼。本網(wǎng)站還設(shè)計了用戶修改信息的頁面,供用戶修改。為了便于管理和信息的安全性和有效性,避免不良信息的出現(xiàn),本網(wǎng)站設(shè)有管理員。能夠更新和刪除所有用戶的留言信息。還能夠查看用戶的注冊信息。為了使網(wǎng)頁看起來美觀,該網(wǎng)站采用了div的布局方式,嵌入了多種javascript腳本。為了使進入本網(wǎng)站的人能夠先了解本網(wǎng)站,在首頁的右側(cè)設(shè)置了簡介。要使進入該網(wǎng)站的所有人能夠更容易的找到自己所需要的信息,本網(wǎng)站設(shè)置了信息分類,能夠查看發(fā)布的信息的詳情,這樣能夠更容易找到買者或賣者。為了使網(wǎng)站整體更協(xié)調(diào),在首頁右上角插入了透明flash,更好地與首頁背景圖融合在一起。在頁面中還導入了自己制作的導航條,使鏈接更加方便和快捷,使頁面更加的美觀。需求分析是很有必要的,有所需才會有所求。只有需要了,才會知道應(yīng)該怎么去做。盲目的去做,肯定達不到自己想要的效果。在編程過程中做好需求分析,才能更好地進行下一步的操作。才能更好地服務(wù)于用戶。二概要設(shè)計該網(wǎng)站整體采用了div的布局方式,中間內(nèi)容是一個iframe。共有五個模塊。首頁部分、信息分類部分、發(fā)布信息部分、留言簿部分和幫助部分。首頁部分是對該網(wǎng)站的簡單介紹。信息分類部分中是各個用戶發(fā)布的商品信息,用了框架布局。左側(cè)是信息的分類。右側(cè)是信息的內(nèi)容。內(nèi)容中能夠查看信息詳情。發(fā)布信息部分中用戶能夠發(fā)布信息,可是必須先登錄。合法的用戶登錄進去之后方可發(fā)布信息。用戶能夠查看自己發(fā)布的商品信息,能夠更新和刪除自己的信息。在發(fā)布信息大字下面點擊我要發(fā)布就能夠發(fā)布信息。所有人都能夠查看所有留言,如果要發(fā)布留言,點擊我要留言時,提示先登錄。用戶在登陸進去之后才可留言。登錄進去之后用戶能夠更新和刪除自己的留言信息。在更新留言的頁面中用戶還能夠?qū)υ擁撁娓鼡Q背景顏色。幫助信息中用戶能夠查看各個模塊的操作方法。在首頁的右側(cè)也能夠查看各個模塊的使用說明。三詳細設(shè)計(一)模塊劃分1、模塊劃分該網(wǎng)站共有六個模塊。用戶模塊、首頁模塊、信息分類模塊、發(fā)布信息模塊、留言簿模塊和幫助模塊。該網(wǎng)站最大的特點就是多處運用javascript代碼,透明flash,還運用了網(wǎng)頁中使?jié)L動條變顏色的插件。(1)、用戶模塊用戶模塊包括用戶注冊、用戶注銷和用戶信息修改。只有數(shù)據(jù)庫message表(相當于學校學生數(shù)據(jù)庫)里的學號能夠注冊用戶。用戶注冊時必須先輸入學號以判斷學號是否是合法的,如果學號不合法就不能進行注冊。如果注冊的用戶名已存在的話有相應(yīng)的提示。用戶如果想要退出跳蚤市場,能夠進行注銷。注銷后該用戶的所有留言信息和發(fā)布信息都會隨之刪除。用戶還能夠修改自己的密碼。(2)、首頁模塊首頁是該網(wǎng)站一些簡單的簡介。(3)、信息分類模塊信息分類是所有用戶發(fā)布的商品信息。還可按發(fā)布的商品信息的類型進行劃分。該跳蚤市場的商品信息的類型共有九類:計算機類、金融類、會計類、英語類(屬于書籍類)、mp3、電腦(屬于電子產(chǎn)品類)、電腦硬件類、日常見品類和其它類。還能夠查看商品的的詳情。(4)發(fā)布信息模塊要想發(fā)布信息,提示先登錄。只有已注冊的用戶才能夠發(fā)布信息。用戶還能夠更新和刪除自己的發(fā)布信息。(5)、留言簿模塊任何人都能夠查看所有的留言信息?？墒且肓粞?必須先登錄。登錄之后才可發(fā)布留言和更新刪除自己的留言。如果管理員進入留言簿,能夠查看用戶注冊的信息,能夠更新和刪除所有的用戶的留言信息。(6)、幫助模塊幫助模塊主要是對該網(wǎng)站的一些功能的用法的介紹。2、程序流程圖首頁首頁首頁用戶信息分類類我要發(fā)布留言簿幫助注冊計算機類修改信息注銷電腦硬件電腦Mp3英語類會計類金融類其它日常見品登錄發(fā)布信息我要發(fā)布修改/刪除詳情留言表登錄管理員登陸用戶登錄用戶信息進入留言板進入留言板我要留言更新刪除我要留言更新刪除所有留言自己留言(二)數(shù)據(jù)庫設(shè)計本網(wǎng)站的數(shù)據(jù)庫采用sqlserver數(shù)據(jù)庫。數(shù)據(jù)庫的名字為market。market中有四張表,分別是message表(學生信息表)、usermessages表(用戶注冊信息表)、board表(留言信息表)和goodsmessage表(用戶發(fā)布的商品信息表)。用戶注冊的時候,注冊的學號應(yīng)與message學生信息表中的學號去匹配。如果注冊的學號沒有在message表里,提示學號不合法。輸入合法的學號、用戶名和密碼之后,信息直接插入到usermessage表里。用戶發(fā)布的留言插入到board表中,發(fā)布的商品信息插入到goodsmessage表里。(三)代碼設(shè)計1、首頁的設(shè)計首頁中是該網(wǎng)站的一些簡單介紹。首頁中的字放在了marquee中,設(shè)置它的direction屬性為down,效果就是字體從頁面的上部鄉(xiāng)下滾動。效果如下圖所示:2、用戶模塊的設(shè)計用戶模塊中要注冊用戶時需要輸入學號,與數(shù)據(jù)庫中message學生信息表中的學號去匹配,如果message表中沒有該學號就不能注冊。效果如下:3、信息分類的設(shè)計點擊信息分類時能夠查看所有發(fā)布的信息。左側(cè)有信息的分類,能夠查看發(fā)布的各類信息。如:要查看計算機類的書籍的發(fā)布情況,點擊之后就進入到了計算機類書籍的頁面。查看詳情的時候,用url信息跟蹤把該條信息的商品號跟蹤下來,從數(shù)據(jù)庫中查出該商品號的所有信息,在頁面上顯示出來。經(jīng)過javascript中瀏覽器對象中的history對象返回上一頁。在信息分類的內(nèi)容區(qū)域中,使用了框架集。點擊左側(cè)的類型,內(nèi)容顯示在右側(cè)。效果如下圖所示:查看詳情效果如下:4、我要發(fā)布的設(shè)計要發(fā)布信息,首先需要登錄。登錄之后能夠查看自己所發(fā)布的信息,能夠更新和刪除。更新和刪除也是用url信息跟蹤,把該條信息的商品號跟蹤下來。刪除時會彈出提示信息,是否要刪除。點擊是的話就會刪除該條信息,點擊否的話就會返回。發(fā)布信息的頁面出現(xiàn)的方式是垂直百葉窗的方式,使網(wǎng)頁更加美觀。刪除的提示如下圖所示:5、留言簿的設(shè)計點擊留言簿的時候,能夠看到所有的留言信息,不能夠更新和刪除?？墒且氚l(fā)布留言點擊我要留言時提示先登錄。為了保證信息的安全性,登錄之后才可留言,管理員登陸進去之后能夠修改和刪除所有人的留言。能夠查看所有已注冊的用戶的注冊信息。用戶進入之后只可刪除自己的。在這里,從數(shù)據(jù)庫中取出信息的時候,代碼中用了一條if和else語句。if(name.equals("admin")){sql="select*fromboard";}else{sql="select*fromboardwhereusername='"+name.trim()+"'";}刪除留言信息時也有相應(yīng)的提示,在更新頁面的左上角有一個按鈕,按下去之后能夠更換背景顏色,這是用了一段javascript代碼。在更新留言和留言板頁面中,表情放在了一個層里,所用的圖片是gif圖片。留言板的效果如下:更新頁面如下:幫助的設(shè)計在幫助頁面中插入了一個四行兩列的表格。里面是一些幫助信息。效果如下:四測試與維護(一)測試在編寫代碼的過程中,每實現(xiàn)一個功能的每一部分都要有相應(yīng)的測試。在這個過程中遇到了很多問題。先將遇到的問題和解決方案總結(jié)如下:問題一:在運行過程中出現(xiàn)了類找不到和空指針異常解決:經(jīng)同學提醒后發(fā)現(xiàn)沒有導入三個包問題二:登錄進去后,出現(xiàn)了表user附近有語法錯誤。解決:經(jīng)同學提醒,在數(shù)據(jù)庫里建表時表名用了user,改過之后運行正常。問題三:運行時出現(xiàn)了數(shù)據(jù)庫連接異常。解決:經(jīng)仔細檢查,在操作的時候沒有附加上相應(yīng)的數(shù)據(jù)庫。問題四:在留言板選擇頭像時頭像圖片顯示不出來。解決:仔細檢查后發(fā)現(xiàn),原來是在JavaScript中頭像沒有獲取正確。問題五:更新留言時獲取不過來留言內(nèi)容和留言主題。解決:仔細檢查后發(fā)現(xiàn)在DBConn.java中經(jīng)過id傳的那個方法中的連接數(shù)據(jù)庫的表名寫錯了。問題六:在發(fā)布信息中,單選按鈕的買或賣插入不到數(shù)據(jù)庫,插到數(shù)據(jù)庫中的是on。解決:上網(wǎng)查了資料后才知道,在input中應(yīng)寫上value,這樣就能夠了問題七:在發(fā)布信息的選擇下拉列表中,獲取的是option的value的值,沒有獲取到<option>與</option>中間的漢字。解決:經(jīng)上網(wǎng)查資料后知道下拉列表中獲取的就是value的值,我把value的值寫成了<option>與</option>中間的漢字,這樣問題就解決了,漢字就能夠插入到數(shù)據(jù)庫了。問題八:在刪除自己的發(fā)布信息時出現(xiàn)了NumberFormatException異常。解決:經(jīng)仔細檢查后發(fā)現(xiàn),經(jīng)過goodsID刪除時字段名寫錯了。問題九:更新發(fā)布的信息時能獲取要更新的信息,可是不能更新,又作為一條新的發(fā)布信息插入到數(shù)據(jù)庫。解決:更新信息頁面的表單的action寫成了測試插入發(fā)布信息的頁面。在編程過程中難免遇到錯誤,因此在每寫一段代碼時都應(yīng)該進行測試。在遇到錯誤時要仔細看看代碼,看到底是哪出了問題。一定要認真仔細。測試與調(diào)試過程是很困難的,有時候會只因為自己一點小馬虎折騰好幾天。因此,測試過程是很重要的。不要等到代碼都寫完了再去測試,那樣會很麻煩。測試也是軟件工程的一部分,有人會認為我寫出代碼就行了,那她就犯了一個很大的錯誤。測試是不可小覷的。(二)維護程序做完全部運行成功之后,在以后的使用中還需要定時的進行維護。本網(wǎng)站需要定時查看有沒有發(fā)布不良信息。有的話管理員要及時刪除。定時查看有沒有出現(xiàn)異常情況。定時測試程序的功能,以便用戶更好的使用。五總結(jié)在每一次的編程過程中都會有新的發(fā)現(xiàn),新的體會。編程是一個很艱難的過程。有的時候會因為程序沒做完而不吃飯。課程設(shè)計做完了,可是我們的程序還沒有結(jié)束。還要進一步的完善。這次的課程設(shè)計最大的一個收獲就是遇到問題時90%都是自己解決的。這是一個很大的提高。編程不怕出錯,老師說的沒錯,出錯了解決之后一定要做筆記,錯在哪,為什么錯,都需要自己去好好分析,出了問題自己就能更好的掌握更多的知識,以后再出現(xiàn)問題時就不會措手不及了。還有一個收獲就是提高了自己上網(wǎng)查資料的水平。以前一遇到問題就會著慌,急著問同學。現(xiàn)在想想,其實自己上網(wǎng)查資料會更好一些。實在不會了,應(yīng)該請教一下同學或者老師。在編程過程中一定要非常認真,這也是我一直所信仰的?？墒窃趯懘a的過程中還是免不了因為不認真出現(xiàn)錯誤。編程過程雖然很艱難,但在自己寫出一個程序的時候會覺得很開心,很有成就感。這次的課程設(shè)計用了很長時間,至少在我看來是很值得的,因為它讓我懂得了很多東西,讓我收獲良多。從一開始的不懂到現(xiàn)在的熟練,這是一個慢慢成長的過程。摔倒了只有慢慢爬起來才會有前進的可能。編的代碼多了還有一個小小的好處,那就是能提高自己的打字水平。經(jīng)過這次的課程設(shè)計,我深深體會到了在做一個項目時首先應(yīng)該有思路。剛開始著手課程設(shè)計時一點思路也沒有,別人都開始了一半了,自己還沒有開始,覺得很是著急,可是著急也沒用,應(yīng)該冷靜下來仔細考慮考慮。雖然我的課程設(shè)計比別人開始的晚,但我相信,只要我努力,我會完成的。事實證明我做完了。我相信,只要自己肯努力,會有收獲的。從前臺頁面的設(shè)計到后臺數(shù)據(jù)庫的使用,知識都是相通的,到現(xiàn)在我更加地體會到了這一點。前臺界面需要用到網(wǎng)頁設(shè)計的布局,后臺需要數(shù)據(jù)庫的支持,代碼需要用到j(luò)ava語言,這次的課程設(shè)計綜合了所學的三門學科的知識,更融洽地將這三門學科結(jié)合到了一起。也使我們懂得了學好各科目的重要性。這次的課程設(shè)計很有價值,也是我們做動態(tài)網(wǎng)站的一個開始。良好的開端是成功的一半,相信我們在以后的編程過程中會變得更加成熟。相信天道酬勤,時不我待!致謝:能做好這次的課程設(shè)計,首先感謝辛辛苦苦教我們的曹瑩老師,是曹老師辛辛苦苦的教我們知識,幫我們解決問題,我們才會有今天的成果。然后感謝我的舍友,在我遇到問題解決不了時,是她們給了我?guī)椭?。感謝所有支持我的人,謝謝你們的支持!參考文獻:JSP由淺入深開發(fā)技術(shù)能力教程六用戶使用說明書該網(wǎng)站的使用環(huán)境:MyEclipse7.0使用的數(shù)據(jù)庫:sqlserver安裝環(huán)境:先裝好jdk和tomcat6.0,裝好之后再裝上MyEclipse7.0,都裝好之后在文件下拉菜單下導入本項目market。之后在MyEclipse7.0環(huán)境的菜單欄中選擇window->preference->MyEclipseEnterpriseWorkbench->Servers->Tomcat,在相應(yīng)的位置上部署好tomcat,在tomcat下部署好jdk。然后在把market項目部署到tomcat里,啟動服務(wù)器,注意: