跳蚤市場(chǎng)設(shè)計(jì)報(bào)告

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