基于Web的眾換平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)-物品的展示介紹和購(gòu)買塊模

完整源代碼CAD設(shè)計(jì)資料請(qǐng)聯(lián)系68661508索要本科生畢業(yè)設(shè)計(jì)（論文）題目基于Web眾換平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)——物品的展示介紹和購(gòu)買模塊姓名 學(xué)號(hào) 學(xué)院 信息工程學(xué)院專業(yè) 軟件工程指導(dǎo)教師 2016年5月16日摘要隨著科技的不斷進(jìn)步，網(wǎng)絡(luò)技術(shù)更是發(fā)展迅猛，應(yīng)用到了社會(huì)的各個(gè)領(lǐng)域。有的用于通信交流，有的用于商業(yè)使用，在網(wǎng)上買賣、拍賣、宣傳等操作。從而使得網(wǎng)絡(luò)在社會(huì)中變得必不可少，而網(wǎng)站則是網(wǎng)絡(luò)的重要組成部分之一。建立網(wǎng)站的首要條件是，要了解用戶的需求，根據(jù)用戶的需求來規(guī)劃網(wǎng)站的內(nèi)容，以及網(wǎng)站的界面設(shè)計(jì)，這樣才能更好的實(shí)現(xiàn)網(wǎng)站與用戶之間的交互操作，進(jìn)而滿足用戶的需求，吸引更多的用戶來我們的網(wǎng)站瀏覽使用。由于互聯(lián)網(wǎng)信息傳遞起來更加便捷，受眾人群覆蓋面積更加廣闊。因此，為了不讓物品失去其該有的價(jià)值，眾換網(wǎng)站出現(xiàn)了，它能讓大家在平臺(tái)上把對(duì)大家沒有作用的物品，交換成對(duì)自己有用的東西。這樣能讓物品價(jià)值重生，也是大家享受到了換物的樂趣，更是減少了物品的浪費(fèi)。關(guān)鍵詞：二手交易；交換；Mysql；JspAbstractWiththeconstantprogressofscienceandtechnology,networktechnologyisdevelopingrapidly,appliedtoeachfieldofthesociety.Usedincommunication,usedforcommercialuse,buyingandselling,intheonlineauction,propaganda,andsoon.Soastomakethenetworkbecomeessentialinthesociety,andthesiteisoneofanimportantpartofthenetwork.Websitefirstconditionisthattounderstandtheneedsofusers,thecontentoftheplanningsite,accordingtotheneedsofusersaswellasthewebsiteinterfacedesign,soastobettertheimplementationofthesiteandtheinteractionbetweentheuseroperations,tosatisfytheneedsofusers,toattractmoreuserstobrowseusingourwebsite.BecauseoftheInternetinformationtransfermoreconvenient,coverareawideraudience.Therefore,inordertokeepthesomeitemslosetheirvalue,andtheinsite,itallowseveryonetohavenoeffectontheplatformofgoods,exchangetheirusefulthingsinpairs.Rebirth,thiscanletthegoodsvalueisalsoeverybodyenjoyedthefunofbarter,butalsoreducethewasteoftheitem.Keywords:Second-handtransactions;Exchange;Mysql;Jsp

目錄TOC\o"1-2"\h\z\t"標(biāo)題3,3"19846摘要 I25266Abstract I281331緒論 1295241.1選題背景 162401.2課題的目的和意義 1189141.3平臺(tái)設(shè)計(jì)思想 1208231.3.1實(shí)用性 2115731.3.2先進(jìn)性 2123731.3.3可擴(kuò)展性及靈活性 2231602相關(guān)技術(shù)與工具介紹 367792.1B/S體系結(jié)構(gòu) 3215982.2Struts2技術(shù) 3228782.3Hibernate技術(shù) 343752.4HTML介紹 4147692.5Mysql介紹 494062.6Myeclipse介紹 5308423可行性分析 6133933.1技術(shù)可行性 6150023.2經(jīng)濟(jì)可行性 675533.3社會(huì)行性 6271254平臺(tái)需求分析 7250424.1目標(biāo) 7277734.2業(yè)務(wù)流程分析 761164.3用戶需求 733064.4平臺(tái)基本需求 7317074.4.1實(shí)用性 7271144.4.2技術(shù)性 7164554.4.3可維護(hù)性 7102475模塊概要設(shè)計(jì) 928035.1平臺(tái)功能設(shè)計(jì) 9173095.2功能模塊描述 1096035.2.1登錄注冊(cè) 1029605.2.2瀏覽界面 10265855.2.3易物車界面 10211566數(shù)據(jù)庫設(shè)計(jì) 11211196.1數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì) 1152866.2表的邏輯結(jié)構(gòu)設(shè)計(jì) 14168286.3表的詳細(xì)設(shè)計(jì) 15301497眾換網(wǎng)站平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn) 1997267.1平臺(tái)注冊(cè)登錄功能 19301547.2平臺(tái)首頁展示功能 24216787.3導(dǎo)航欄功能 25158987.4分類列表頁功能 25237397.5物品詳細(xì)展示功能 26267817.6易物車功能 27256877.7平臺(tái)易物功能 2720222結(jié)論 29440致謝 3011497參考文獻(xiàn) 31

基于Web的眾換平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)——物品的展示介紹和購(gòu)買塊模1緒論1.1選題背景現(xiàn)在是一個(gè)網(wǎng)絡(luò)信息化時(shí)代，任何一種傳播方式都比不過網(wǎng)絡(luò)的傳播速度。所以把這中方式應(yīng)用到現(xiàn)實(shí)生活中，就能解決一些物品的再利用，減少資源的浪費(fèi)。換客就比較明顯的發(fā)揮了網(wǎng)絡(luò)這一強(qiáng)大的資源共享平臺(tái)所凝聚的作用，通過網(wǎng)絡(luò)建立起來了人脈關(guān)系和物資資源網(wǎng)，我們不需要且覺得無用的東西，可能在網(wǎng)絡(luò)的另一邊有人需要，這樣我們就能通過網(wǎng)絡(luò)建立起來的聯(lián)系進(jìn)行物品的交換。網(wǎng)絡(luò)給我們的生活帶來了切切實(shí)實(shí)的便利?，F(xiàn)在物價(jià)飛漲，買件衣服都不便宜，現(xiàn)在很多“換客”已經(jīng)在網(wǎng)絡(luò)上開始與別人交換自己閑置的物品?！耙阅闼钃Q我所求”，秉承這個(gè)理念，當(dāng)下?lián)Q物網(wǎng)平臺(tái)越來越火爆，正為年輕人所追捧。而換物網(wǎng)站直接催生了“換客”這一群體，這一群體以年輕人為主，他們遵循“需求決定價(jià)值”的理念，在網(wǎng)絡(luò)上交換自己所需的物品和服務(wù)，并從交換的過程和收貨的東西中享受樂趣。以物易物，這是一種古老的交易方式，現(xiàn)在則是以一種時(shí)尚、新潮的姿態(tài)華麗亮相。換我網(wǎng)、上海換物街、易物天下、換物吧、換啦聯(lián)盟總站、中國(guó)換客網(wǎng)、一起換貨網(wǎng)、換就換手機(jī)回收網(wǎng)、愛喜千團(tuán)網(wǎng)……眾多換物網(wǎng)站都想打造出一個(gè)嶄新模式的“社區(qū)化物品交換平臺(tái)”，為廣大的換客提供一種安全、誠(chéng)信、有保障的在線物品交換的新體驗(yàn)。1.2課題的目的和意義眾換平臺(tái)是一個(gè)致力于為中國(guó)的網(wǎng)絡(luò)用戶打造一個(gè)全方位、立體的網(wǎng)上換物平臺(tái)。網(wǎng)站是基于WEB技術(shù)來設(shè)計(jì)實(shí)現(xiàn)的，向網(wǎng)站的換客們提供了免費(fèi)的物品交換平臺(tái)。通過這個(gè)平臺(tái)，換客可以通過原始的交易方式在網(wǎng)站上發(fā)布自己的閑置物品，但是本平臺(tái)為了保證用戶的安全交易，發(fā)貨前雙方需要向平臺(tái)官方繳納保證金，待雙方收貨，確保物品沒問題以后，官方退還雙方的保證金。這樣，換客們不僅換到了自己所需要的物品，還讓閑置物品的價(jià)值再次被利用。平臺(tái)用戶主要以年輕人為中心，因?yàn)樗麄冏非髸r(shí)尚新物品，閑置物品較多，且受資金影響，不能總是想夠買自己喜歡的物品，因此可以把自己閑置的物品交換自己喜歡的物品。關(guān)鍵操作圍繞著您“有什么”和“要什么”來進(jìn)行。在這里，有多種分類的物品可供您選擇；物品的詳細(xì)分類，可以讓您十分方便地選擇自己想要交換的物品；物品詳情界面對(duì)于物品有完整的信息介紹，有物品發(fā)布人的聯(lián)系方式，可以使您快速地閱讀信息和交換物品。同時(shí)，網(wǎng)站還為換客交換物品時(shí)，提供了物品進(jìn)行安全交換的保障方式。1.3平臺(tái)設(shè)計(jì)思想一個(gè)易物網(wǎng)平臺(tái)，必須要有一個(gè)正確的設(shè)計(jì)指導(dǎo)思想，通過合理選擇頁面功能設(shè)計(jì)、數(shù)據(jù)庫邏輯設(shè)計(jì)、操作系統(tǒng)和開發(fā)環(huán)境，進(jìn)而構(gòu)建出一個(gè)完善的體系結(jié)構(gòu)，這樣才可能充分發(fā)揮出網(wǎng)絡(luò)信息化的優(yōu)勢(shì)。根據(jù)實(shí)際需求分析，本網(wǎng)站平臺(tái)的設(shè)計(jì)按照下列原則進(jìn)行。1.3.1實(shí)用性平臺(tái)以用戶需求為目標(biāo)，以方便用戶為原則[1]。根據(jù)實(shí)際用戶需求的功能情況，來創(chuàng)建一個(gè)具有巨大優(yōu)勢(shì)的易物平臺(tái)，盡可能降低使用前的指導(dǎo)和使用中的維護(hù)時(shí)間。充分滿足用戶現(xiàn)在及未來的各種需求，真正為用戶交換物品提供強(qiáng)有力的支持。1.3.2先進(jìn)性本設(shè)計(jì)將充分應(yīng)用現(xiàn)有成熟的web技術(shù)，為用戶提供高性能的平臺(tái)。平臺(tái)采用Mysql數(shù)據(jù)庫管理系統(tǒng)，可以方便的將用戶和物品的各類信息進(jìn)行統(tǒng)一的管理，方便快捷。1.3.3可擴(kuò)展性及靈活性本平臺(tái)的設(shè)計(jì)為了方便未來業(yè)務(wù)的擴(kuò)展和系統(tǒng)功能的增加，系統(tǒng)要求能夠方便的升級(jí)，能夠充分保護(hù)系統(tǒng)的用戶個(gè)人信息和數(shù)據(jù)資源。

2相關(guān)技術(shù)與工具介紹2.1B/S體系結(jié)構(gòu)本平臺(tái)所面向的用戶是平臺(tái)的會(huì)員用戶，為了要突出平臺(tái)的時(shí)代感和時(shí)尚感。因此，本平臺(tái)將要采用比較熱門的B/S三層結(jié)構(gòu)。圖2-1B/S三層結(jié)構(gòu)圖B/S體系結(jié)構(gòu)和C/S，兩者相比B/S體系結(jié)構(gòu)不但有用其全部的優(yōu)點(diǎn)，而且還擁有C/S體系結(jié)構(gòu)所不具備的獨(dú)特優(yōu)勢(shì):(1)開放的標(biāo)準(zhǔn)：B/S所采用的標(biāo)準(zhǔn)都是、非專用的，是經(jīng)過標(biāo)準(zhǔn)化組織所確定而非單一政府所制定，保證了其應(yīng)用的通用性和跨平臺(tái)性[2]。(2)較低的開發(fā)和維護(hù)成本：B/S的應(yīng)用只需在客戶端安裝通用的瀏覽器即可，和升級(jí)工作都在服務(wù)器端進(jìn)行，不需對(duì)客戶端進(jìn)行任何改變，故而大大降低了開發(fā)和維護(hù)的成本[3]。(3)用戶使用簡(jiǎn)單，界面友好：B/S用戶的界面都在統(tǒng)一的瀏覽器上，瀏覽器易于使用、，又因?yàn)樗辉儇?fù)責(zé)數(shù)據(jù)的存取和復(fù)雜數(shù)據(jù)計(jì)算等任務(wù)，只需要進(jìn)行顯示，因而大大降低了對(duì)客戶端的要求[4]。從上面的分析和比較能夠得出，B/S擁有C/S模式無法替代的優(yōu)越性:它不但簡(jiǎn)化了平臺(tái)的，而且適用于網(wǎng)上發(fā)布信息。因此，我開發(fā)的在線物品交換平臺(tái)采用了B/S模式的體系結(jié)構(gòu)。2.2Struts2技術(shù)作為Struts的下一代產(chǎn)品，Struts2整合了Struts1和WebWork的技術(shù)基礎(chǔ)。作為優(yōu)秀的B/S軟件開發(fā)框架，Struts2憑借著它強(qiáng)大的功能，優(yōu)雅的實(shí)現(xiàn)，簡(jiǎn)潔的應(yīng)用，已經(jīng)被人們使用好幾年了[5]。目前很多企業(yè)都利用Struts2來進(jìn)行產(chǎn)品的開發(fā)。所以說，掌握Struts2技術(shù)是每一個(gè)B/S模式軟件開發(fā)程序員的必備技能，這樣說毫不夸張。2.3Hibernate技術(shù)作為一個(gè)開放源代碼的對(duì)象關(guān)系映射框架，Hibernate對(duì)JDBC進(jìn)行了輕量級(jí)的封裝，我們可以通過操作對(duì)象來對(duì)數(shù)據(jù)庫進(jìn)行一定的操作[6]。既可以在java開發(fā)的客戶端程序中使用，也可以在B/S模式的軟件或系統(tǒng)中使用。最值得注意的是，Hibernate完成了在J2EE架構(gòu)中數(shù)據(jù)持久化的重任。Hibernate封裝了JDBC對(duì)數(shù)據(jù)庫的操作，使得我們?cè)谑褂肏ibernate時(shí)，不用寫繁瑣的sql語句，對(duì)數(shù)據(jù)的操作更加方便、易于書寫[7]?？傊?，Hibernate優(yōu)點(diǎn)有很多，就目前我在學(xué)習(xí)中體會(huì)到的最大的優(yōu)點(diǎn)是：以對(duì)象的形式操作數(shù)據(jù)，提高了開發(fā)效率，更換數(shù)據(jù)庫只要修改配值文件，不用關(guān)心數(shù)據(jù)庫種類。2.4HTML介紹HTML的英文全稱是"HypertextMarkupLanguage",中文譯為“超文本標(biāo)記語言”[8]。“超文本”就是指頁面內(nèi)可以包含圖片，聯(lián)接，甚至音樂，程序等非文字的元素[9]。一個(gè)HTML文件中包含了所有將顯示在網(wǎng)頁上的文字信息，其中也包括對(duì)瀏覽器的一些指示，如哪些文字應(yīng)放置在何處，顯示樣式是什么樣的等。如果你還有一些圖片、動(dòng)畫、聲音或是任何其它形式的資源，HTML文件也會(huì)告訴瀏覽器到哪里去查找這些資源，以及這些資源將放置在網(wǎng)頁的什么位置[10]。瀏覽的網(wǎng)頁就是由HTML語言編寫出來的。雖然HTML是一種，但HTML不是程序語言，如C++和Java，它只是標(biāo)示語言，你只要各種標(biāo)記的用法便算學(xué)會(huì)了HTML，HTML非常簡(jiǎn)單，只是由文字及標(biāo)記，因此任何文本編輯器都可以制作HTML頁面[11]。本平臺(tái)采用了一些HTML5的canvas繪圖技術(shù)，如下：<canvasid="canvas"style="border:0solidaquamarine;position:absolute;z-index:-1;"></canvas><scripttype="text/javascript">varcanvas=document.getElementById('canvas');canvas.width=1100;canvas.height=80;varcontext=canvas.getContext('2d'); varlGrd=context.createLinearGradient(0,0,0,80); lGrd.addColorStop(0,'#4f4f48'); lGrd.addColorStop(0.5,'#797970'); lGrd.addColorStop(1,'#c5c5b9'); context.fillStyle=lGrd; context.fillRect(0,0,canvas.width,canvas.height); </script>利用以上代碼實(shí)現(xiàn)網(wǎng)頁頭部顏色的漸變來作為背景色，實(shí)現(xiàn)結(jié)果如下圖2-2所示：圖2-2canvas實(shí)現(xiàn)顏色漸變2.5Mysql介紹Mysql是一個(gè)完全支持Web的數(shù)據(jù)庫產(chǎn)品，提供了對(duì)可擴(kuò)展標(biāo)記語言(XML)的核心支持以及在Internet上和防火墻外進(jìn)行查詢的能力，提供了以Web標(biāo)準(zhǔn)為基礎(chǔ)的擴(kuò)展數(shù)據(jù)庫編程功能[12]。目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫[13]。本平臺(tái)則是使用MySQL作為網(wǎng)站數(shù)據(jù)庫，來實(shí)現(xiàn)平臺(tái)數(shù)據(jù)的存儲(chǔ)。2.6Myeclipse介紹作為開發(fā)客戶端程序,B/S模式軟件的Eclipse插件集合，MyEclipse憑借它強(qiáng)大的功能，當(dāng)之無愧的被人們稱為十分優(yōu)秀的工具[14]。由于MyEclipse集成了強(qiáng)大的功能，利用它我們可以很方便地進(jìn)行軟件開發(fā)和JavaEE的發(fā)布，極大提高了工作效率。在對(duì)開源產(chǎn)品的支持上，MyEclipse可謂做到了極致，例如，它可以完美支持Struts、JDBC、Hibernate、JSP等多項(xiàng)數(shù)據(jù)庫連接工具。

3可行性分析可行性分析也稱為可行性研究，是在調(diào)查的基礎(chǔ)上，針對(duì)新網(wǎng)站平臺(tái)的開發(fā)是否具備必要性和可能性，對(duì)新網(wǎng)站平臺(tái)的開發(fā)從技術(shù)、經(jīng)濟(jì)、社會(huì)等方面進(jìn)行分析和研究，以避免投資失誤，保證新網(wǎng)站平臺(tái)的開發(fā)成功[15]?？尚行匝芯康哪康氖菫榱擞米钚〉拇鷥r(jià)在盡可能短的時(shí)間內(nèi)確定問題是否能夠解決。接下來，我將從技術(shù)、經(jīng)濟(jì)、社會(huì)這三方面對(duì)眾換平臺(tái)的創(chuàng)建進(jìn)行分析和規(guī)劃。3.1技術(shù)可行性根據(jù)社會(huì)發(fā)展，物質(zhì)消費(fèi)的功能、性能及實(shí)現(xiàn)網(wǎng)站平臺(tái)的各種約束條件，根據(jù)網(wǎng)站平臺(tái)的目標(biāo)來衡量所需的技術(shù)是否具備。就目前而言，現(xiàn)有的技術(shù)已較為成熟，硬件、軟件的性能要求等各種條件良好，估計(jì)利用現(xiàn)有技術(shù)應(yīng)該完全可以達(dá)到本平臺(tái)的功能需求。整個(gè)平臺(tái)可分為前臺(tái)界面，和后臺(tái)對(duì)象的開發(fā)。前臺(tái)主要是界面設(shè)計(jì)和控件的使用，預(yù)計(jì)實(shí)現(xiàn)將比較容易。通過以上分析可知，眾換平臺(tái)的開發(fā)在技術(shù)上是可行的。3.2經(jīng)濟(jì)可行性軟件的經(jīng)濟(jì)可行性是指軟件所能帶來的經(jīng)濟(jì)效益與開發(fā)設(shè)計(jì)所需要的投資相比，是否相適宜，同時(shí)還要看此軟件能否真正給用戶帶來足夠的經(jīng)濟(jì)效益[16]。我所開發(fā)的全國(guó)眾換平臺(tái)易物網(wǎng)正是基于為用戶提高工作效率、節(jié)省工作時(shí)間、方便操作與管理的目的而設(shè)計(jì)的。本平臺(tái)的開發(fā)在經(jīng)濟(jì)上是完全可行的。開發(fā)此網(wǎng)站平臺(tái)不需要大量的，而且是學(xué)生設(shè)計(jì)，可以節(jié)省許多費(fèi)用，同時(shí)也可提高我們個(gè)人的實(shí)際能力。網(wǎng)站平臺(tái)的開發(fā)基于本人對(duì)程序開發(fā)的實(shí)踐學(xué)習(xí)而來，無需太多資金投入，并且軟件開發(fā)過程投入的成本不高，因此開發(fā)經(jīng)費(fèi)完全可以接受。由以上分析可知，眾換平臺(tái)在經(jīng)濟(jì)上是可行的。3.3社會(huì)可行性本網(wǎng)站平臺(tái)是根據(jù)眾換平臺(tái)的實(shí)際情況開發(fā)的，是通過分析大量網(wǎng)絡(luò)數(shù)據(jù)得出來的，網(wǎng)站平臺(tái)的軟件設(shè)計(jì)是在獨(dú)立的環(huán)境下完成的，無可供抄襲的軟件產(chǎn)品。本網(wǎng)站平臺(tái)對(duì)用戶的要求，除了需要具備會(huì)使用電腦上網(wǎng)外，并不需要特別的技術(shù)能力。使用網(wǎng)站平臺(tái)的管理員，需要具備對(duì)Tomcat服務(wù)器的使用能力，在投入使用前，無需對(duì)操作網(wǎng)站系統(tǒng)的人員進(jìn)行培訓(xùn)。這樣既減少投入成本又簡(jiǎn)化了操作環(huán)節(jié)。由以上分析可知，本網(wǎng)站平臺(tái)具有社會(huì)可行性。4平臺(tái)需求分析需求是用戶對(duì)系統(tǒng)提出的要求，這些要求可以是原始的、籠統(tǒng)的，也可以是抽象的，細(xì)節(jié)化的。任何一個(gè)全國(guó)眾換交易網(wǎng)站的開發(fā)都必須以這些需求作為出發(fā)點(diǎn)。網(wǎng)站需求分析工作質(zhì)量的好壞，將對(duì)后面幾個(gè)階段的開發(fā)工作產(chǎn)生決定性的影響。一個(gè)網(wǎng)站平臺(tái)不管其設(shè)計(jì)、編碼工作做得多好，若需求分析存在缺陷，不能滿足用戶要求，將嚴(yán)重影響網(wǎng)站質(zhì)量并會(huì)給開發(fā)者帶來很大的困難和損失。需求分析過程是整個(gè)平臺(tái)開發(fā)最重要的階段，分析的成功與否，決定著整個(gè)平臺(tái)功能的完善性以及穩(wěn)定性[17]。在該階段需求分析人員需要確定整個(gè)系統(tǒng)的，并且將現(xiàn)實(shí)事務(wù)抽象成對(duì)象并建模。4.1目標(biāo)獨(dú)立開發(fā)并完成此平臺(tái)主要功能，滿足用戶的基本需求，產(chǎn)品能投入到實(shí)際使用。編寫出詳細(xì)的文檔，為后續(xù)開發(fā)維護(hù)做好準(zhǔn)備。代碼在保證足夠的性能的前提下盡量追求可讀性。4.2業(yè)務(wù)流程分析在進(jìn)行業(yè)務(wù)時(shí)，需要按照原有信息，逐個(gè)地調(diào)查分析所有環(huán)節(jié)的、、處理順序和對(duì)處理時(shí)間的要求，弄清各個(gè)環(huán)節(jié)需要的信息、、流經(jīng)去向、處理方法、、提供信息的時(shí)間和信息形態(tài)（、報(bào)單、）等。業(yè)務(wù)流程分析可以了解該業(yè)務(wù)，和處理網(wǎng)站系統(tǒng)調(diào)查工作中的錯(cuò)誤和。業(yè)務(wù)流程分析是通過業(yè)務(wù)流程圖來進(jìn)行，即用一些規(guī)定的符號(hào)及連線來表示某個(gè)具體業(yè)務(wù)處理過程[18]。4.3用戶需求平臺(tái)分為用戶和管理員，用戶可以在平臺(tái)發(fā)布自己想要交換的物品，并處理自己的訂單，修改自己的個(gè)人信息，管理員主要在于審核用戶提交的訂單。審核通過，訂單雙方則可以發(fā)貨。4.4平臺(tái)基本需求4.4.1實(shí)用性軟件設(shè)計(jì)開發(fā)的最終目的就是應(yīng)用。因而本軟件以實(shí)用性為終極目標(biāo)，實(shí)行人性化設(shè)計(jì)，操作簡(jiǎn)單、方便。4.4.2技術(shù)性本軟件開發(fā)環(huán)境是在Windows的開發(fā)平臺(tái)上，用Myeclipse編寫，Mysql作后臺(tái)數(shù)據(jù)庫開發(fā)。具有安全可靠、可移植性強(qiáng)的特點(diǎn)。4.4.3可維護(hù)性一個(gè)軟件的也是軟件開發(fā)過程中研究的一個(gè)，本平臺(tái)秉承軟件工程程序，注重程序的可重用性，將需重復(fù)使用的代碼進(jìn)行封裝，減少了，提高了效率。同時(shí)，時(shí)盡量注重?cái)?shù)據(jù)之間的關(guān)聯(lián)性，使表結(jié)構(gòu)、，提高數(shù)據(jù)的可維護(hù)性。5模塊概要設(shè)計(jì)5.1平臺(tái)功能設(shè)計(jì)網(wǎng)站系統(tǒng)設(shè)計(jì)是一個(gè)把軟件需求轉(zhuǎn)換成用軟件網(wǎng)站系統(tǒng)表示的過程[19]。通過對(duì)目標(biāo)網(wǎng)站系統(tǒng)的分析和研究，做出了眾換平臺(tái)的總體規(guī)劃，這是全面開發(fā)網(wǎng)站系統(tǒng)的重要基礎(chǔ)。在對(duì)眾換平臺(tái)全面分析調(diào)查的基礎(chǔ)上，制定出眾換平臺(tái)的總體規(guī)劃。網(wǎng)站系統(tǒng)設(shè)計(jì)包括網(wǎng)站系統(tǒng)總體設(shè)計(jì)、網(wǎng)站、網(wǎng)站系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)、和開發(fā)模式等。下圖為本平臺(tái)的模塊功能圖，描述了本平臺(tái)的操作功能。如下圖所示：圖5-1平臺(tái)模塊功能圖圖5-2商品瀏覽模塊圖圖5-3商品購(gòu)買模塊圖5.2功能模塊描述5.2.1登錄注冊(cè)此平臺(tái)提供用戶注冊(cè)，管理員和用戶的登錄。5.2.2瀏覽界面主界面模塊：進(jìn)行物品的簡(jiǎn)單分類導(dǎo)航，顯示物品的名稱，名稱由用戶自定義。并有顯示最新物品的模塊和點(diǎn)擊率最高的物品，以及最新物品的圖片的輪播。分類物品列表模塊：顯示該類物品的信息，包括物品名稱，物品的估價(jià)，賣家昵稱，以及物品所在地等。物品詳細(xì)介紹模塊：左側(cè)顯示賣家的信息，包含賣家的昵稱和聯(lián)系方式，右側(cè)顯示物品信息，包含物品圖片，物品的名稱，新舊程度，物品估價(jià)，以及物品的詳細(xì)描述等。5.2.3易物車界面顯示加入易物車的物品信息，包括物品的名稱，分類，評(píng)估價(jià)格，數(shù)量，以及對(duì)物品的刪除操作。也能返回首頁，繼續(xù)選購(gòu)物品?；蛘唿c(diǎn)擊下一步，跳轉(zhuǎn)到生成訂單界面。生成訂單模塊：在想要交換的物品下面，留下自己提供的物品信息，以及自己的收貨地址。點(diǎn)擊下一步，生成訂單號(hào)。6數(shù)據(jù)庫設(shè)計(jì)6.1數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)數(shù)據(jù)庫關(guān)系模型的組成元素有：實(shí)體、屬性、聯(lián)系。數(shù)據(jù)庫關(guān)系模型用數(shù)據(jù)庫關(guān)系圖表示。實(shí)體是用戶工作環(huán)境中所涉及的事務(wù)，屬性是對(duì)實(shí)體特征的描述[20]。(1)模型中的實(shí)體相當(dāng)于實(shí)體集、，而不是單個(gè)實(shí)體或表中的一行。實(shí)體用矩形框表示，實(shí)體名稱標(biāo)注在矩形框內(nèi)。用菱形表示實(shí)體間的聯(lián)系，菱形框內(nèi)寫上聯(lián)系名，用無向邊把菱形分別與有關(guān)實(shí)體相連接，在無向邊旁標(biāo)上聯(lián)系的類型[21]。(2)屬性是。用橢圓，與用一條線相連表的主碼是，加下劃線[22]。(3)各子網(wǎng)站系統(tǒng)模塊中主鍵相同的字段之間存在著相互關(guān)聯(lián)的關(guān)系[23]。(4)在程序中實(shí)現(xiàn)對(duì)他們的和一致性控制。網(wǎng)站中用戶信息實(shí)體E-R圖，如圖6-1所示：圖6-1用戶信息實(shí)體圖網(wǎng)站中物品信息實(shí)體E-R圖，如圖6-2所示：圖6-2物品信息實(shí)體圖網(wǎng)站訂單信息實(shí)體E-R圖，如圖6-3所示：圖6-3訂單信息實(shí)體圖網(wǎng)站物品分類信息實(shí)體E-R圖，如圖6-4所示：圖6-4分類信息實(shí)體圖網(wǎng)站中易物車訂單信息E-R圖，如圖6-5所示：圖6-5易物車實(shí)體圖數(shù)據(jù)庫E-R圖，如圖6-6所示：圖6-6數(shù)據(jù)庫實(shí)體圖從數(shù)據(jù)中得出網(wǎng)站系統(tǒng)的實(shí)體圖，遵循三范式原則，對(duì)實(shí)體之間的依賴關(guān)系進(jìn)行了整合，得出網(wǎng)站系統(tǒng)數(shù)據(jù)庫關(guān)系圖，如圖6-9所示：圖6-7眾換平臺(tái)數(shù)據(jù)庫關(guān)系圖6.2表的邏輯結(jié)構(gòu)設(shè)計(jì)將概念模型轉(zhuǎn)換為邏輯模型，得到以下眾換平臺(tái)系統(tǒng)的關(guān)系模型：1.用戶信息表關(guān)系模型用戶信息表（用戶編號(hào)，用戶姓名，用戶真實(shí)姓名，用戶密碼，用戶QQ，用戶電話號(hào)碼，用戶郵箱，用戶性別，用戶身份標(biāo)識(shí)，用戶地址），主碼為用戶編號(hào)，外碼為用戶地址。2.地址信息表關(guān)系模型地址信息表（地址編號(hào)，地址父級(jí)編號(hào)，地址名稱，地址排序），主碼為地址編號(hào)。3.物品信息表關(guān)系模型物品信息表（物品編號(hào)，物品姓名，物品的新舊程度，提供想要想交換的物品，物品的價(jià)格，物品的數(shù)量，物品的描述，物品的圖片地址1，物品圖片地址2，物品圖片地址3，物品圖片地址4，物品是否出售的標(biāo)識(shí)，用戶編號(hào)，地址編號(hào)，物品分類編號(hào)，物品發(fā)布時(shí)間，物品點(diǎn)擊次數(shù)）主碼為物品編號(hào)，外碼為用戶編號(hào)，地址編號(hào)，物品分類編號(hào)。4.物品分類信息表關(guān)系模型物品分類信息表（物品分類編號(hào)，物品分類名稱）主碼為物品分類編號(hào)。5.物品訂單關(guān)系表關(guān)系模型物品訂單關(guān)系表（物品編號(hào)，訂單編號(hào)，提供要交換的物品，對(duì)提供要交換物品的描述，交換物品的數(shù)量）主碼為物品編號(hào)，訂單編號(hào)，外碼為物品編號(hào)，訂單編號(hào)。6.易物車信息表關(guān)系模型易物車信息表（易物車編號(hào)，易物車總價(jià)，物品數(shù)量，用戶編號(hào)），主碼為易物車編號(hào)，外碼為用戶編號(hào)。7.物品易物車關(guān)系表關(guān)系模型物品易物車關(guān)系表（物品編號(hào)，易物車編號(hào)），主碼為物品編號(hào)，易物車編號(hào)，外碼為物品編號(hào)，易物車編號(hào)。8.訂單信息表關(guān)系模型訂單信息表（訂單編號(hào)，訂單總價(jià)，訂單生成時(shí)間，訂單發(fā)貨時(shí)間，訂單完成時(shí)間，訂單收貨地址），主碼為訂單編號(hào)。9.用戶訂單關(guān)系表關(guān)系模型用戶訂單關(guān)系表（用戶編號(hào)，訂單編號(hào)，用戶在該訂單中的狀態(tài)），主碼為用戶編號(hào)，訂單編號(hào)，外碼為用戶編號(hào)，訂單編號(hào)。6.3表的詳細(xì)設(shè)計(jì)用戶表，表名user表6-1用戶表列名類型長(zhǎng)度是否為空是否為主鍵說明user_idint否是主鍵，用戶的唯一性u(píng)ser_namevarchar45否否用戶昵稱，登錄使用，要求不能重名user_realvarchar10是否用戶真實(shí)姓名user_passwordint32否否登錄密碼user_qqint否否用戶QQ號(hào)user_phonevarchar11否否用戶電話號(hào)碼user_emailvarchar45否否用戶郵箱user_sexchar4是否用戶性別user_1varchar45是否用戶標(biāo)識(shí)符，0表示普通用戶，1表示網(wǎng)站管理員user_addressint否否用戶所在地址。外鍵，所屬身份address說明：用于存儲(chǔ)用戶的信息，便于登陸網(wǎng)站，與用戶之間交流。物品表，表名goods表6-2物品表列名類型長(zhǎng)度是否為空是否為主鍵說明good_idint否是主鍵。值自動(dòng)增一good_namevarchar45否否物品名稱good_newoldvarchar10否否物品的新舊程度createtimevarchar32是否該物品的發(fā)布時(shí)間good_1varchar45否否標(biāo)識(shí)符，表示物品出售還是庫存good_changevarchar15是否想要交換的物品good_describetext是否對(duì)該物品的描述good_pricefloat否否對(duì)該物品的評(píng)估價(jià)格good_numint否否該物品的數(shù)量good_picture1varchar100是否該物品的第一張圖片地址good_picture2varchar100是否該物品的第二張圖片地址good_picture3varchar100是否該物品的第三張圖片地址good_picture4varchar100是否該物品的第四張圖片地址click_countint是否該物品的點(diǎn)擊次數(shù)Address_idint否否物品所在地址。外鍵。所屬身份addressuser_idint否否物品發(fā)布人。外鍵，所屬身份usergoods_classify_idint否否表示該物品所屬的分類。外鍵，所屬身份goods_classify說明：該表用于存儲(chǔ)物品的信息，物品所屬的分類，以及物品的發(fā)布人和物品的圖片地址。3．訂單表，表名t_order表6-3訂單表列名類型長(zhǎng)度是否為空是否為主鍵說明order_idint否是主鍵，自動(dòng)增一order_total_pricefloat否是該訂單的總價(jià)格send_good_timevarchar20是是該訂單的發(fā)貨時(shí)間order_addressvarchar200否是收貨地址order_timevarchar20否是該訂單產(chǎn)生時(shí)間order_finish_timevarchar20是是該訂單的完成時(shí)間說明：該表用來存儲(chǔ)訂單的信息，包含訂單的價(jià)格，訂單的產(chǎn)生時(shí)間，完成時(shí)間，發(fā)貨時(shí)間等。4．易物車表，表名shopping表6-4易物車表列名類型長(zhǎng)度是否為空是否為主鍵說明shop_idint否是主鍵。值自動(dòng)增一Shop_total_pricefloat否否購(gòu)物車的總價(jià)格shop_numint否否該物品所在購(gòu)物車的數(shù)量user_idint否否該購(gòu)物車的主人，外鍵，所屬身份user說明：該表為易物車的存儲(chǔ)信息表，存儲(chǔ)了易物車的總價(jià)格，包含了易物車與用戶對(duì)應(yīng)的關(guān)系。5.地址表，表名address表6-5地址表列名類型長(zhǎng)度是否為空是否為主鍵說明address_idint否是主鍵。值自動(dòng)增一address_pidint否否地址級(jí)別address_namevarchar30否否地址名字address_sortvarchar45否否地址排序說明：該表存儲(chǔ)地址信息。物品分類表，表名goods_classify表6-6物品分類表列名類型長(zhǎng)度是否為空是否為主鍵說明goods_classify_idint否是主鍵。值自動(dòng)增一goods_classify_namevarchar45否否分類名稱goods_classify_1varchar45是否備用字段1goods_classify_2varchar45是否備用字段2說明：該表用于存儲(chǔ)物品的類別。商品和訂單的關(guān)聯(lián)表，表名goods_order表6-7商品和訂單的關(guān)聯(lián)表列名類型長(zhǎng)度是否為空是否為主鍵說明good_idint否是外鍵，所屬身份Goodsorder_idint否否外鍵，所屬身份t_ordergood_numint否否該物品要交換的數(shù)量changegoodvarchar80是否提供交換物品的名稱changegood_desvarchar2000是否對(duì)提供交換物品的描述說明：該表商品和訂單關(guān)聯(lián)表，把雙方需要交換的物品關(guān)聯(lián)起來。易物車和物品關(guān)聯(lián)表，表名goods_shopping表6-8易物車和物品的關(guān)聯(lián)表列名類型長(zhǎng)度是否為空是否為主鍵說明goods_idint否是外鍵，所屬身份goodsshop_idint否是外鍵，所屬身份shopping說明：把易物車?yán)锩娴奈锲泛蛯?duì)應(yīng)的易物車關(guān)聯(lián)起來。用戶和訂單關(guān)聯(lián)表，表名user_order_status表6-9用戶和訂單的關(guān)聯(lián)表列名類型長(zhǎng)度是否為空是否為主鍵說明user_idint否是外鍵，所屬身份userorder_idint否是外鍵，所屬身份t_orderuser_order_statusint否否訂單的交易狀態(tài)，默認(rèn)為0說明：用與顯示訂單的交易狀態(tài)。7眾換網(wǎng)站平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)7.1平臺(tái)注冊(cè)登錄功能1.平臺(tái)用戶的注冊(cè)流程圖，如下圖7-1所示：圖7-1注冊(cè)流程圖用戶注冊(cè)界面，如下圖7-2所示：圖7-2用戶注冊(cè)頁面該界面使用于人們注冊(cè)成為網(wǎng)站會(huì)員，本頁面通過使用javascript來判斷用戶信息是否填寫完整，信息沒有填寫完整不能進(jìn)行提交信息進(jìn)行注冊(cè)，反之，填寫正確且完整的信息可以可以提交注冊(cè)信息，成為網(wǎng)站會(huì)員。主要判斷信息代碼如下：//判斷用戶名functioncheck_username(){ //alert("dd"); varusername=$('.username').val(); varaa=true; if(username.replace(/(^s*)|(s*$)/g,"").length==0){ document.getElementById("username_re").innerHTML="<spanstyle='color:red;'>用戶名不能為空！</span>"; returnfalse; }else{ $.ajax({ url:'usernamecheck.action', type:'post', dataType:'json', data:{username:username}, success:function(data){ if(data=="ok"){ document.getElementById("username_re").innerHTML="<spanstyle='color:red;'>用戶名已存在，請(qǐng)重新填寫！</span>"; aa=false; }else{ document.getElementById("username_re").innerHTML="<spanstyle='color:green;'>正確！</span>"; aa=true; } } }); returnaa; }}//判斷密碼functioncheck_password(){ varpassword=$('.password').val(); if(password.length==0){ document.getElementById("password_re").innerHTML="<spanstyle='color:red;'>密碼不能為空！</span>"; returnfalse; }elseif(password.length<6||password.length>16){ document.getElementById("password_re").innerHTML="<spanstyle='color:red;'>密碼不能大于16位或者低于6位</span>"; returnfalse; }else{ document.getElementById("password_re").innerHTML="<spanstyle='color:green;'>正確！</span>"; returntrue; }}//確認(rèn)密碼functioncheck_repassword(){ varpassword=$('.password').val(); varrepassword=$(".repassword").val(); if(password==repassword){ document.getElementById("repassword_re").innerHTML="<spanstyle='color:green;'>正確！</span>"; returntrue; }else{ document.getElementById("repassword_re").innerHTML="<spanstyle='color:red;'>兩次輸入密碼不一致！</span>"; returnfalse; }}//判斷真實(shí)姓名functioncheck_realname(){ varrealname=$('.realname').val(); if(realname.replace(/(^s*)|(s*$)/g,"").length==0){ document.getElementById("realname_re").innerHTML="<spanstyle='color:red;'>姓名不能為空！</span>"; returnfalse; }else{ document.getElementById("realname_re").innerHTML="<spanstyle='color:green;'>正確！</span>"; returntrue; }}//判斷QQfunctioncheck_qq(){ varqq=$('.qq').val(); if(qq.length==0){ document.getElementById("qq_re").innerHTML="<spanstyle='color:red;'>QQ不能為空！</span>"; returnfalse; }elseif(qq.length<5){ document.getElementById("qq_re").innerHTML="<spanstyle='color:red;'>請(qǐng)輸入正確的QQ號(hào)</span>"; returnfalse; }else{ document.getElementById("qq_re").innerHTML="<spanstyle='color:green;'>正確！</span>"; returntrue; } }//判斷電話functioncheck_phone(){ varphone=$('.phone').val(); if(phone.length==0){ document.getElementById("phone_re").innerHTML="<spanstyle='color:red;'>手機(jī)號(hào)不能為空！</span>"; returnfalse; }elseif(phone.length!=11){ document.getElementById("phone_re").innerHTML="<spanstyle='color:red;'>請(qǐng)輸入正確的手機(jī)號(hào)</span>"; returnfalse; }else{ document.getElementById("phone_re").innerHTML="<spanstyle='color:green;'>正確！</span>"; returntrue; }}//地址選擇functioncheck_address(){ }//郵箱判斷functioncheck_email(){ varemail=$('.email').val(); if(email.length==0){ document.getElementById("email_re").innerHTML="<spanstyle='color:red;'>郵箱不能為空！</span>"; returnfalse; }else{ document.getElementById("email_re").innerHTML=""; returntrue; } }functioncheck(){ if(check_username()&&check_password()&&check_repassword()&&check_realname()&&check_qq()&&check_phone()&&check_email()){ //alert("dd"); returntrue; }else{ //alert("gg"); returnfalse; }}2.平臺(tái)用戶的登錄流程圖，如下圖7-3所示：圖7-3登錄流程圖網(wǎng)站用戶登錄功能界面，如下圖7-4所示圖7-4登錄界面該界面用于網(wǎng)站用戶登錄，首頁利用css將登錄框隱藏起來，點(diǎn)擊登錄通過javascript來顯示出來，并使用了animate來實(shí)現(xiàn)彈出登錄框的動(dòng)畫移動(dòng)效果。3.用戶登錄前后的頭部區(qū)別，如下圖所示：圖7-5用戶登錄前的頭部圖7-6用戶登錄后的頭部網(wǎng)站平臺(tái)的頭部使用HTML5的canvas繪圖技術(shù)來實(shí)現(xiàn)背景色從上往下由深到淺。用戶登錄平臺(tái)以前，頭部顯示注冊(cè)和登錄模塊，用戶登錄以后，平臺(tái)頭部顯示用戶的用戶名，以及用戶的個(gè)人管理，跳轉(zhuǎn)個(gè)人后臺(tái)管理，還有易物車，跳轉(zhuǎn)到用戶的易物車，最后則是退出平臺(tái)的功能。7.2平臺(tái)首頁展示功能1.網(wǎng)站首頁顯示最新發(fā)布物品，查看最熱門的物品，并且運(yùn)用了滾動(dòng)播放的方式，滾動(dòng)播放展示熱門商品的圖片，如下圖7-7所示：圖7-7網(wǎng)站主界面1圖7-8網(wǎng)站主界面2圖7-9網(wǎng)站主界面3以上3個(gè)圖片界面顯示了前面3個(gè)熱門物品的圖片輪播顯示，左側(cè)則是通過物品的發(fā)布時(shí)間來讀取顯示出最新的物品，右側(cè)則是通過物品的點(diǎn)擊次數(shù)來顯示熱門物品，點(diǎn)擊次數(shù)越高，在熱門物品中顯