丁當(dāng)禮品網(wǎng)店的設(shè)計(jì)與實(shí)現(xiàn)

一、叮當(dāng)禮品網(wǎng)上商城系統(tǒng)規(guī)劃 （一）系統(tǒng)背景 自20世紀(jì)90年代，互聯(lián)網(wǎng)飛速發(fā)展，與此同時(shí)企業(yè)也迎來了一個(gè)全新的發(fā)展機(jī)會。與此同時(shí)，電子商務(wù)與網(wǎng)站建設(shè)也成為了發(fā)展的熱門話題，這期間，電子商務(wù)帶動(dòng)的經(jīng)濟(jì)發(fā)展更是迎來了新的高度。高效推進(jìn)電子商務(wù)的發(fā)展成為我們的目標(biāo)。進(jìn)入21世紀(jì)以后，隨著互聯(lián)網(wǎng)的飛速發(fā)展、技術(shù)的高效推進(jìn)，各企業(yè)也紛紛的加入到電子商務(wù)領(lǐng)域發(fā)展的大潮中來。網(wǎng)上經(jīng)營商品買賣，可以省去場地的費(fèi)用，同時(shí)可以降低庫存壓力，壓縮經(jīng)營成本。現(xiàn)階段更多的企業(yè)選擇在網(wǎng)上銷售商品，及時(shí)獲取市場的有效信息，調(diào)整經(jīng)營時(shí)的策略，找到符合經(jīng)營效果最好的渠道和方法。因?yàn)榫W(wǎng)上經(jīng)營商品的買賣，省去了平常實(shí)體店鋪裝修的經(jīng)濟(jì)壓力，節(jié)約了一定程度的人工成本，因此本禮品商城的運(yùn)營費(fèi)用很低，使得商品所帶來的附加費(fèi)用極低，所以商品的定價(jià)都不同程度的低于實(shí)體店面的價(jià)格。另外，對于經(jīng)濟(jì)市場來講，這種網(wǎng)上購物的新型方式幫助市場有效的進(jìn)行了資源的配置。以上對于消費(fèi)者產(chǎn)生購買行為都起到了至關(guān)重要的作用。比如阿里巴巴、天貓、施華洛世奇等等涉及禮品銷售的網(wǎng)站的發(fā)展也變得有目共睹。由《中國禮品市場發(fā)展分析及前景規(guī)模調(diào)查報(bào)告》分析，隨著人們對于社交、文化、精神生活的需要，他們消費(fèi)不再只滿足于溫飽，而是更注重享受、品質(zhì)和情懷，他們對于網(wǎng)上購物追求的可能是某一種情懷的再現(xiàn)，可能是朋友互贈禮物，又或者情侶之間紀(jì)念日的禮物，消費(fèi)者對禮品有了更多的需求，希望款式多樣化、彰顯身份地位、展現(xiàn)品味風(fēng)采等。（二）系統(tǒng)開發(fā)目的及意義1、開發(fā)目的禮品行業(yè)是一個(gè)新興行業(yè)。隨著社會的發(fā)展，越來越多的場合需要禮品的出現(xiàn)，比如各種節(jié)日，母親節(jié)，情人節(jié)等，在朋友之間也會出現(xiàn)更多的創(chuàng)意小禮品的互相贈送，也有不同年代的消費(fèi)者會在網(wǎng)上選購帶有懷舊色彩的小禮品豐富生活。伴隨著經(jīng)濟(jì)社會的發(fā)展，人們在滿足日常生活所需之外，開始追求個(gè)性化的象征和品味生活，便推動(dòng)了這一新興行業(yè)的發(fā)展。通過網(wǎng)站的開發(fā)，以及上架各種禮品，通過不同類的人群進(jìn)行詳細(xì)的市場細(xì)分。購買禮品的消費(fèi)人群主要在個(gè)性的彰顯、身份的象征以及品味的突出上有更多追求，因此本網(wǎng)上商城的消費(fèi)人群定位在年輕情侶、職場女性及中年人上。具體可分為懷舊風(fēng)禮品、搞怪類禮品、個(gè)性飾品三類。2、開發(fā)意義及發(fā)展前景分析叮當(dāng)禮品網(wǎng)上商城作為一個(gè)電子商務(wù)類網(wǎng)站，方便消費(fèi)者全面的了解各種禮品價(jià)格、品牌和詳情，讓購物變得更加便利。網(wǎng)上購物走進(jìn)平民百姓家走入千家萬戶，它帶來的不僅是信息獲取上的便利，也引發(fā)了包括禮品在內(nèi)的零售行業(yè)消費(fèi)模式上的改變。更多人喜歡通過網(wǎng)絡(luò)去了解品牌的有關(guān)信息。此外，隨著市場的競爭不斷地加劇，各種零售行業(yè)也都隨之改變增加銷售方式，這時(shí)，互聯(lián)網(wǎng)銷售商品顯得尤為火熱，投入成本低，信息流通的快捷都促使禮品網(wǎng)上商城的產(chǎn)生與建設(shè)。由此本網(wǎng)站利用電子商務(wù)模式跨越時(shí)空界限優(yōu)勢進(jìn)行現(xiàn)代化禮品銷售，創(chuàng)造一個(gè)更便捷安全的禮品購買銷售環(huán)境，發(fā)展前景廣闊，未來可期。二、叮當(dāng)禮品網(wǎng)上商城系統(tǒng)分析 （一）可行性分析1、經(jīng)濟(jì)可行性開發(fā)一個(gè)禮品類電子商務(wù)網(wǎng)站，可以減少前期的公司場地、水電成本，我們還可以利用自身專業(yè)優(yōu)勢為網(wǎng)站宣傳推廣減少成本，前期需要負(fù)擔(dān)的只有網(wǎng)站的注冊、域名購買費(fèi)用還有相關(guān)的人工成本。叮當(dāng)禮品商城設(shè)計(jì)開發(fā)成本較低，由一個(gè)人單獨(dú)完成，只需要下載上述的各種軟件以及閱讀查看相關(guān)資料，就可以實(shí)現(xiàn)全部的開發(fā)任務(wù)。搭建此網(wǎng)上商城的軟件可以在網(wǎng)上直接下載使用，所以成本很低。在使用上，用戶需要一臺計(jì)算機(jī)，連接上網(wǎng)，就可以登錄叮當(dāng)禮品商城進(jìn)行網(wǎng)上瀏覽和購物。至于本網(wǎng)上商城的收益方面，由于本商城開發(fā)成本極少，經(jīng)營秉承著薄利多銷的原則，再加上我們供應(yīng)商方面會減少我們的庫存壓力，銷售出的每一件商品都會有廠家直發(fā)到消費(fèi)者手中，我們盈利的點(diǎn)主要在吸引買家的注意，刺激消費(fèi)，從中掙得商品差價(jià)和相應(yīng)的抽取供應(yīng)商不同程度的提成。如果有用戶在本商城購買了禮品，結(jié)合各種運(yùn)營、采購等成本來看，收益將遠(yuǎn)遠(yuǎn)大于成本，綜上所述，從經(jīng)濟(jì)角度來看，本禮品網(wǎng)站薄利多銷、經(jīng)濟(jì)實(shí)惠，又功能完備，具備很好的經(jīng)濟(jì)可行性。2、技術(shù)可行性一個(gè)好的技術(shù)環(huán)境直接影響到一個(gè)程序的開發(fā)好壞。叮當(dāng)創(chuàng)意禮品商城運(yùn)用Dreamweaver、MyEclipse68.6，采用java語言，JSP分層開發(fā)的技術(shù)，實(shí)現(xiàn)商城的建設(shè)，提示信息完善，界面友好有親和力，簡單易學(xué)而且靈活方便。3、操作可行性本禮品商城網(wǎng)站界面設(shè)計(jì)簡單，各個(gè)功能一目了然，java使用。每一步設(shè)計(jì)人性化操作起來簡單。容易被用戶所接受。在網(wǎng)站的首頁有良好的導(dǎo)航功能，只要會操作電腦的人就可以輕松使用本網(wǎng)站來購物。系統(tǒng)前后臺設(shè)計(jì)簡明，對于系統(tǒng)管理員管理會員、禮品、訂單等都容易方便，操作簡單容易上手。綜上所述，此系統(tǒng)的開發(fā)具備可行性。結(jié)合經(jīng)濟(jì)、技術(shù)和操作的可行性分析可得，叮當(dāng)禮品網(wǎng)上商城順應(yīng)時(shí)代發(fā)展要求，以低成本高技術(shù)設(shè)計(jì)開發(fā)網(wǎng)站，可以成熟的實(shí)施進(jìn)行下去。具備網(wǎng)上商城的可行性。（二）業(yè)務(wù)流程分析我們根據(jù)當(dāng)代網(wǎng)絡(luò)發(fā)展規(guī)律，結(jié)合創(chuàng)意禮品實(shí)際購買流程進(jìn)行了細(xì)致的市場調(diào)研，從而詳細(xì)的分析了整個(gè)叮當(dāng)創(chuàng)意禮品銷售網(wǎng)站的業(yè)務(wù)流程，做出業(yè)務(wù)流程圖。叮當(dāng)禮品購物網(wǎng)站用戶分兩種，注冊會員和未注冊用戶，注冊用戶即為會員，非注冊用戶即為普通用戶。普通用戶只能瀏覽首頁和搜索商品，無法正常使用其他功能，注冊會員即可以享用網(wǎng)站所有功能。會員可以將自己所需禮品放入到購物車中,在購物車中可以方便地增加、刪除、清空購物車中的禮品，也可以繼續(xù)購物或結(jié)算。如果會員確定要購買購物車中的禮品后，會提供一張訂單給客戶填寫相應(yīng)的地址信息等。圖2-1用戶業(yè)務(wù)流程圖系統(tǒng)管理員是管理信息系統(tǒng)的運(yùn)營人員，其功能為：維護(hù)運(yùn)營人員的登錄密碼、管理禮品相應(yīng)信息，包括類目及詳情，管理已注冊會員的人相關(guān)信息，管理所有在叮當(dāng)禮品商城下訂單的信息，在管理員應(yīng)用管理信息系統(tǒng)方面，他可以在后臺修改密碼可以增加或刪除禮品的種類、信息；在會員信息方面，可以刪除會員信息；在留言板塊方面，可以刪除留言。這些功能全部在后臺界面實(shí)現(xiàn)，操作簡單易懂，網(wǎng)站的修改更加方便快捷。圖2-2管理員業(yè)務(wù)流程圖（三）需求模型的建立1、用例模型用例圖：展現(xiàn)用例、參與者及它們關(guān)系的模型，展示了系統(tǒng)開發(fā)人員希望如何使用一個(gè)系統(tǒng)，以便人們更好的了解和分析系統(tǒng)。本禮品商城系統(tǒng)中存在三種操作者，分別為：管理員、用戶和會員。各個(gè)參與者的描述如下。用戶可以進(jìn)行系統(tǒng)注冊和商品瀏覽或者商品搜索。會員在登錄本系統(tǒng)之后可以對商品進(jìn)行瀏覽或者搜索，對自己較為中意的商品可以添加購物車后付款、生成訂單和支付等。管理員在登錄叮當(dāng)禮品商城后端信息管理系統(tǒng)之后，有以下管理模塊。例如本商城會員管理、訂單管理、叮當(dāng)禮品信息管理、庫存管理等。（1）用戶用例圖圖2-3叮當(dāng)禮品商城用戶用例圖（2）叮當(dāng)禮品商城用戶部分用例文檔如表2-1到表2-4所示。表2-1叮當(dāng)禮品商城“用戶注冊”用例的事件流表2-2“用戶登錄”用例的事件流表2-3“用戶修改購物車中商品”用例的事件流（3）“禮品選購”用例的事件流如表2-4所示表2-4叮當(dāng)禮品商城“禮品選購”用例的事件流（4）管理員信息管理用例圖圖2-4叮當(dāng)禮品商城管理員信息管理用例圖（5）叮當(dāng)禮品商城“信息管理”用例的事件流如表2-5所示表2-5叮當(dāng)禮品商城“信息管理”用例的事件流2、活動(dòng)圖描述活動(dòng)圖表示兩個(gè)活動(dòng)之間的順序。包含了活動(dòng)狀態(tài)和動(dòng)作狀態(tài)等元素。用戶注冊活動(dòng)圖圖2-5叮當(dāng)禮品商城用戶注冊活動(dòng)圖（2）叮當(dāng)禮品商城用戶登錄活動(dòng)圖圖2-6叮當(dāng)禮品商城用戶登錄活動(dòng)圖（3）叮當(dāng)禮品商城禮品選購活動(dòng)圖圖2-7叮當(dāng)禮品商城禮品選購活動(dòng)圖（4）叮當(dāng)禮品商城會員管理活動(dòng)圖圖2-8叮當(dāng)禮品商城會員管理活動(dòng)圖（5）叮當(dāng)禮品商城訂單管理活動(dòng)圖圖2-9叮當(dāng)禮品商城訂單管理活動(dòng)圖（6）叮當(dāng)禮品商城禮品管理活動(dòng)圖圖2-10叮當(dāng)禮品商城禮品管理活動(dòng)圖（8）叮當(dāng)禮品商城購物車活動(dòng)圖圖2-11叮當(dāng)禮品商城購物車活動(dòng)圖（四）分析模型的建立分析模型就是對客戶事物或現(xiàn)象的一種描述。下面用分析類圖和協(xié)作圖描述叮當(dāng)禮品商城的構(gòu)建。1、分析類圖分析類圖是分析過程的前階段，明確了功能需求，為在設(shè)計(jì)階段設(shè)計(jì)出可編程的類打下基礎(chǔ)，是一個(gè)承前啟后的過程。（1）用戶注冊分析類圖圖2-12用戶叮當(dāng)禮品商城注冊分析類圖（2）用戶登錄分析類圖圖2-13叮當(dāng)禮品商城用戶登錄分析類圖（3）禮品選購分析類圖圖2-14叮當(dāng)禮品商城禮品選購分析類圖（4）信息管理分析類圖圖2-15叮當(dāng)禮品商城信息管理分析類圖2、協(xié)作圖協(xié)作圖說明發(fā)送消息與接收信息這兩個(gè)主體之間的組織結(jié)構(gòu)關(guān)系。（1）用戶注冊協(xié)作圖圖2-16叮當(dāng)禮品商城用戶注冊協(xié)作圖（2）用戶登錄協(xié)作圖圖2-17叮當(dāng)禮品商城用戶登錄協(xié)作圖（3）禮品選購協(xié)作圖圖2-18叮當(dāng)禮品商城禮品選購協(xié)作圖（4）會員管理協(xié)作圖圖2-19叮當(dāng)禮品商城管理員協(xié)作圖（5）訂單管理協(xié)作圖圖2-20叮當(dāng)禮品商城訂單管理協(xié)作圖（6）商品管理協(xié)作圖圖2-21叮當(dāng)禮品商城商品管理協(xié)作圖（7）用戶購買商品協(xié)作圖圖2-22叮當(dāng)禮品商城用戶購買商品協(xié)作圖三、叮當(dāng)禮品網(wǎng)上商城系統(tǒng)設(shè)計(jì) （一）系統(tǒng)總體設(shè)計(jì)1、網(wǎng)站UI設(shè)計(jì)UI又叫界面設(shè)計(jì)，指的是人機(jī)之間的交互以及系統(tǒng)的板塊各方面的設(shè)計(jì)，下面從系統(tǒng)的商城以及后端管理系統(tǒng)分別說明。（1）板塊設(shè)計(jì)叮當(dāng)禮品商城的設(shè)計(jì)簡潔明了，分為7大模塊。第一大模塊，首頁大標(biāo)題欄。第二大模塊，導(dǎo)航欄，分為最新上架、會員注冊、我的購物車、我的訂單、留言板塊、會員登錄。第三大模塊，展示最新上架的禮品。第四大模塊，展示禮品分類。第五大模塊，禮品搜索導(dǎo)航欄。第六大模塊，日歷。第七大模塊，本店發(fā)布的信息。管理信息系統(tǒng)設(shè)計(jì)簡要操作簡單，分為叮當(dāng)禮品商城注冊會員管理、創(chuàng)意訂單信息管理、創(chuàng)意禮品類別及相關(guān)詳情管理等。（2）色彩及風(fēng)格設(shè)計(jì)本網(wǎng)站銷售的禮品具有創(chuàng)意性，要表現(xiàn)出符合消費(fèi)者不同品味的特性，所以整個(gè)界面以純色為主，促銷圖片風(fēng)格以卡通小動(dòng)物為主，風(fēng)格搞怪可愛，簡潔大方，易被消費(fèi)者所接受。2、網(wǎng)站總體結(jié)構(gòu)叮當(dāng)禮品商城網(wǎng)站的功能結(jié)構(gòu)包括前臺和后臺兩個(gè)模塊。前臺主要實(shí)現(xiàn)用戶登錄注冊，選購商品進(jìn)行下訂單，查詢商品信息等功能。后臺功能主要包括修改登錄密碼、會員信息管理、創(chuàng)意禮品類別管理、創(chuàng)意禮品信息管理以及所有用戶訂單信息管理功能。叮當(dāng)禮品商城前臺結(jié)構(gòu)圖如圖3-1所示：圖3-1叮當(dāng)禮品商城商城結(jié)構(gòu)圖叮當(dāng)禮品商城后臺主要功能模塊有：叮當(dāng)禮品商城注冊會員管理模塊、創(chuàng)意商品管理模塊、訂單管理模塊、庫存管理模、商品類目管理模塊等。叮當(dāng)禮品商城后臺組織結(jié)構(gòu)圖如圖3-2所示：圖3-2叮當(dāng)禮品商城管理系統(tǒng)結(jié)構(gòu)圖3、目錄結(jié)構(gòu)與鏈接設(shè)計(jì)Java代碼的分包規(guī)則是根據(jù)不同的功能，分大包，再進(jìn)行細(xì)分包名，如下圖所示，前端頁面主要分包規(guī)則是前臺頁面和后臺頁面。叮當(dāng)禮品商城前臺代碼目錄設(shè)計(jì)圖如圖3-4所示：圖3-3叮當(dāng)禮品商城前臺頁面目錄設(shè)計(jì)圖叮當(dāng)禮品商城后臺代碼目錄設(shè)計(jì)圖如圖3-4所示：圖3-4叮當(dāng)禮品商城后臺代碼目錄設(shè)計(jì)圖（2）網(wǎng)站的鏈接設(shè)計(jì)叮當(dāng)禮品商城的目錄結(jié)構(gòu)與連接設(shè)計(jì)采用星狀結(jié)構(gòu)與樹狀結(jié)構(gòu)這兩種方式。第一二級頁面采用星狀結(jié)構(gòu)，二、三、四級頁面采用樹狀結(jié)構(gòu)。二者互相配合補(bǔ)充，方便會員快速高效瀏覽網(wǎng)頁，又可以清晰的知道自己所在的位置。（二）靜態(tài)結(jié)構(gòu)模型類圖(ClassDiagram)用來描述系統(tǒng)的靜態(tài)結(jié)構(gòu)。1、實(shí)體類圖如圖3-5所示：圖3-5實(shí)體類圖2、界面類圖如圖3-6所示：圖3-6界面類圖（三）動(dòng)態(tài)行為模型1、順序圖順序圖是強(qiáng)調(diào)消息的時(shí)間順序的交互作用圖，描述實(shí)時(shí)系統(tǒng)。（1）叮當(dāng)禮品商城用戶注冊順序圖如圖3-8所示 圖3-8叮當(dāng)禮品商城用戶注冊順序圖（2）叮當(dāng)禮品商城用戶登錄順序圖如圖3-9所示圖3-9叮當(dāng)禮品商城用戶登錄順序圖（3）叮當(dāng)禮品商城商品搜索順序圖如圖3-10所示圖3-10叮當(dāng)禮品商城商品搜索順序圖（4）叮當(dāng)禮品商城添加購物車順序圖如圖3-11所示圖3-11叮當(dāng)禮品商城添加購物車順序圖（5）叮當(dāng)禮品商城下訂單順序圖如圖3-12所示圖3-12叮當(dāng)禮品商城下訂單順序圖（6）叮當(dāng)禮品商城會員信息修改順序圖如圖3-13所示圖3-13叮當(dāng)禮品商城會員信息修改順序圖（7）叮當(dāng)禮品商城管理員商品信息修改順序圖如圖3-14所示圖3-14叮當(dāng)禮品商城管理員商品修改順序圖（四）數(shù)據(jù)庫設(shè)計(jì) 針對叮當(dāng)創(chuàng)意禮品商城而言，需要分析該網(wǎng)站功能所隱含的對數(shù)據(jù)應(yīng)用的需求，從而確定數(shù)據(jù)庫的結(jié)構(gòu)。在本網(wǎng)站中所使用的實(shí)體分別為用服務(wù)實(shí)體、用戶實(shí)體、管理員實(shí)體、訂單實(shí)體等。關(guān)鍵實(shí)體的E-R圖如下：1、叮當(dāng)禮品商城總體E-R圖如圖3-7所示圖3-7叮當(dāng)禮品商城總體E-R圖2、叮當(dāng)禮品商城數(shù)據(jù)庫表結(jié)構(gòu)結(jié)構(gòu)分析圖（1）叮當(dāng)禮品商城用戶表如圖3-1所示：表3-1用戶表:user字段名字段類型字段長度說明備注idint11id主鍵usernamevarchar20用戶名passwordvarchar30密碼addressvarchar50地址phonevarchar11手機(jī)paywordvarchar30支付密碼（2）叮當(dāng)禮品商城管理員表如圖3-2所示：表3-2管理員表:admin字段名字段類型字段長度說明備注idint6id主鍵usernamevarchar20用戶名passwordvarchar30密碼（3）叮當(dāng)禮品商城商品表如圖3-3所示：表3-3商品表:product字段名字段類型字段長度說明備注idint6id主鍵namevarchar50名稱covervarchar50封面地址pricedecimal8（小數(shù)點(diǎn)2）價(jià)格introvarchar255簡介stockint6庫存category_idint6類目id外鍵（4）叮當(dāng)禮品商城訂單表如圖3-4所示：表3-4訂單表:indent字段名字段類型字段長度說明備注idint6id主鍵totalfloat總價(jià)amountint6商品總數(shù)statustinyint4狀態(tài)訂單狀態(tài)(1未付款/2已付款/3已發(fā)貨/4已完成)paytypetinyint4支付方式支付方式(1微信/2支付寶/3貨到付款)systimetimestamp0下單時(shí)間user_idint6下單用戶外鍵（5）叮當(dāng)禮品商城購物車表如圖3-5所示:表3-5購物車表：shopcart字段名字段類型字段長度說明備注idint6id主鍵amountint6數(shù)量product_idint6產(chǎn)品id外鍵indent_idint6訂單id外鍵（6）叮當(dāng)禮品商城類目表如圖3-6所示：表3-6類目表:：category字段名字段類型字段長度說明備注idint6id主鍵namevarchar20名稱（7）叮當(dāng)禮品商城商品表（新品）如圖3-7所示：表3-7商品表(新品)：product_new字段名字段類型字段長度說明備注idint6id主鍵product_idint6產(chǎn)品id（8）叮當(dāng)禮品商城商品表（特價(jià)）如圖3-8所示：表3-8商品表(特價(jià))：product_sale字段名字段類型字段長度說明備注idint6id主鍵product_idint6產(chǎn)品iddiscountint3折扣(x%)默認(rèn)100(100%)無折扣（9）叮當(dāng)禮品商城商品表(推薦)如圖3-9所示：表3-9商品表(推薦)：product_show字段名字段類型字段長度說明備注idint6id主鍵product_idint6產(chǎn)品idshowtextvarchar200推薦理由（10）叮當(dāng)禮品商城訂單項(xiàng)表如圖3-10所示：表3-10訂單項(xiàng)表：items字段名字段類型字段長度說明備注idint6id主鍵pricefloat0購買時(shí)價(jià)格amountint6數(shù)量product_idint6產(chǎn)品id外鍵indent_idint6訂單id外鍵四、叮當(dāng)禮品網(wǎng)上商城系統(tǒng)實(shí)現(xiàn)（一）開發(fā)環(huán)境 1、開發(fā)的環(huán)境（1）硬件環(huán)境：CPU雙核2.0以上，內(nèi)存2g\4g以上更好，硬盤100g以上。（2）軟件環(huán)境：Windows7，java運(yùn)行環(huán)境，apache-tomcat-8.0.45服務(wù)器，Eclipse，MySQL5.0.83和數(shù)據(jù)庫管理工具navicat110_premium。2、開發(fā)軟件的相關(guān)介紹MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫，屬于Oracle公司。MySQL關(guān)聯(lián)數(shù)據(jù)庫把數(shù)據(jù)存儲在不同表中，增加了速度和靈活性。SQL語言是訪問數(shù)據(jù)庫最常用的語言。并且MySQL開放源碼。Eclipse開放源代碼，是基于Java的可擴(kuò)展開發(fā)平臺。它只是一個(gè)框架和服務(wù)，用于通過插件組件構(gòu)建開發(fā)環(huán)境。OfficeVisio2010是一款將復(fù)雜化的流程和信息進(jìn)行分析繪制的軟件。可以生成很多圖表。SSH是struts+spring+hibernate的集成框架。幫助開發(fā)人員在短期內(nèi)搭建結(jié)構(gòu)清晰、維護(hù)簡單、復(fù)用性強(qiáng)的Web應(yīng)用程序。（二）主要功能模塊實(shí)現(xiàn)在前期商城設(shè)計(jì)基礎(chǔ)加上調(diào)研之后，確定了叮當(dāng)禮品商城的主要功能。叮當(dāng)禮品商城會員主要功能包括，注冊個(gè)人信息并登錄系統(tǒng)，瀏覽本網(wǎng)頁創(chuàng)意禮品信息，將喜歡的創(chuàng)意禮品加入到購物車下訂單等。管理系統(tǒng)管理員主要功能包括，修改叮當(dāng)禮品商城管理信息系統(tǒng)密碼、管理已注冊成功的會員信息、全部創(chuàng)意禮品詳情、所有叮當(dāng)禮品商城會員下訂單信息等。1、系統(tǒng)登錄功能界面在進(jìn)入系統(tǒng)之后首先到瀏覽首頁的頁面，會員需要注冊叮當(dāng)禮品商城會員，并且輸入自己的登錄名和密碼進(jìn)去本商城，否則只能瀏覽首頁促銷信息。2、修改登錄密碼功能界面管理員登錄系統(tǒng)成功之后導(dǎo)航欄上有修改密碼處，需要輸入下方信息進(jìn)行修改或者重置。3、會員注冊功能界面用戶在登錄系統(tǒng)后點(diǎn)擊上方導(dǎo)航，進(jìn)行叮當(dāng)禮品商城的會員注冊，填寫一些列相關(guān)信息進(jìn)行會員的注冊。其頁面如圖4-4所示。圖4-4會員注冊界面4、管理叮當(dāng)禮品商城會員信息功能界面這個(gè)頁面可以顯示在叮當(dāng)禮品商城注冊過的所有會員信息，還可以刪除某些需要?jiǎng)h除的會員信息。其頁面如圖4-5所示。圖4-5會員管理界面5、創(chuàng)意禮品類別管理功能界面在禮品類別信息管理頁面中可以列表顯示出所有的類別信息，并可以選擇指定的類別進(jìn)行刪除的操作。其實(shí)現(xiàn)頁面如圖4-6所示。圖4-6禮品類別管理界面如果需要添加類別信息，可以進(jìn)入到類別添加頁面，添加時(shí)系統(tǒng)會對必填項(xiàng)進(jìn)行非空驗(yàn)證。其實(shí)現(xiàn)頁面如圖4-7所示。圖4-7禮品類別添加界面6、禮品信息管理功能界面禮品信息管理頁面功能是展示當(dāng)前叮當(dāng)商城已經(jīng)添加到系統(tǒng)當(dāng)中的所有創(chuàng)意禮品信息列表，可以選擇指定的創(chuàng)意禮品信息進(jìn)行刪除操作。其頁面如圖4-8中所示。圖4-8創(chuàng)意禮品信息管理界面如果需要在商城添加創(chuàng)意禮品信息，需要點(diǎn)擊禮品信息管理處，添加時(shí)系統(tǒng)會對必填項(xiàng)進(jìn)行非空驗(yàn)證。其頁面如圖4-9所示。圖4-9禮品添加界面7、訂單信息管理功能界面此頁面展示所有的訂單信息,包括編號日期等，在操作處可以點(diǎn)擊受理訂單將狀態(tài)更新為已受理。其實(shí)現(xiàn)頁面如圖4-10、4-11中所示。圖4-10訂單信息管理界面圖4-11訂單信息管理界面8、瀏覽禮品信息功能界面會員登錄系統(tǒng)之后可以在系統(tǒng)首頁即可看到最新上家的禮品信息，點(diǎn)擊可查看詳細(xì)內(nèi)容。其實(shí)現(xiàn)頁面如圖4-12、4-13中所示。圖4-12瀏覽禮品信息界面圖4-13禮品詳細(xì)內(nèi)容界面9、禮品信息查詢功能界面會員登錄系統(tǒng)之后可以按照禮品名稱和價(jià)格取件查詢禮品信息，在這里輸入禮品名稱關(guān)鍵字和價(jià)格區(qū)間數(shù)字，將返回有關(guān)禮品信息。其實(shí)現(xiàn)頁面如圖4-14所示。圖4-14禮品信息查詢功能頁面10、訂購禮品功能界面會員選擇自己喜歡的創(chuàng)意禮品，再點(diǎn)擊訂購后會跳轉(zhuǎn)至購物車頁面，在此時(shí)，可選擇添加其他喜歡的創(chuàng)意禮品還是直接提交訂單至收銀臺。其頁面如圖4-15、4-16、4-17所示。圖4-15購物車界面圖4-16訂單填寫信息圖4-17訂單提交成功提示界面11、訂單信息查看功能界面會員可以點(diǎn)擊叮當(dāng)禮品商城首頁我的訂單處查看自己所有的訂單。其頁面如圖4-18所示。圖4-18訂單信息列表界面（三）主要功能測試 系統(tǒng)測試方法主要分兩種，分別是黑盒以及白盒測試。目的就是通過測試發(fā)現(xiàn)問題并且及時(shí)的解決和規(guī)避掉問題，為系統(tǒng)需求者提供盡可能完美的系統(tǒng)。因此,建立測試是必須的也是最基本的工作,不但能夠及時(shí)的找出系統(tǒng)的bug,還能幫助開發(fā)人員養(yǎng)成良好的習(xí)慣。對于開發(fā)人員來說沒開發(fā)完成一個(gè)局部功能后對其進(jìn)行測試,是非常必要的。整個(gè)測試過程中,更多的是采用那個(gè)黑盒測試，對每一個(gè)模塊和整體進(jìn)行測試。測試用例的設(shè)計(jì)是最為重要的。合理的測試用例不但能夠及時(shí)發(fā)現(xiàn)問題,還能降低在系統(tǒng)上線后發(fā)現(xiàn)問題修改問題所帶來的損失。能通過測試發(fā)現(xiàn)從沒發(fā)現(xiàn)過的bug才是真正成功的測試。本系統(tǒng)盡可能多的黑盒測試,確保每一個(gè)模塊都可以單獨(dú)正常運(yùn)作;檢查完所有模塊后,需要檢查所有模塊組合后的程序是否可以正確訪問,是否能正確的跳轉(zhuǎn)到目標(biāo)地址,最后查看不同的瀏覽器不同分辨率是否也能正常運(yùn)作。1、叮當(dāng)禮品商城用戶管理模塊的測試如表所示：表4-1叮當(dāng)禮品商城用戶管理模塊的測試2、商品管理模塊的測試如表4-2所示：表4-2商品管理模塊的測試3、訂單管理模塊的測試如表4-3所示：表4-3訂單管理模塊的測試購物車模塊的測試如表4-4所示：表4-4購物車模塊的測試用戶登錄模塊的測試如表4-5所示：表4-5用戶登錄模塊測試總結(jié)本系統(tǒng)實(shí)現(xiàn)了一個(gè)B2C類禮品網(wǎng)上商城的基本功能，前臺功能主要包括用戶注冊和登錄、商品分類瀏覽、商品搜索和購物車等功能；后臺功能包括管理員登錄、用戶管理、商品管理、庫存管理、訂單管理等功能。本禮品網(wǎng)上商城通過互聯(lián)網(wǎng)向消費(fèi)者銷售禮品，顧客可以通過計(jì)算機(jī)網(wǎng)絡(luò)搜索到自己需要的信息，購買自己需要的禮品，在線下達(dá)訂單，然后由禮品網(wǎng)上商城后臺來處理相關(guān)的訂單信息。本網(wǎng)上商城的缺陷也是明顯的，如安全性，效率問題、頁面搭建顏色以及有些功能不全面問題等等。我相信我也認(rèn)識到了自己的不足，也很感謝所有老師同學(xué)對我的幫助，我會不斷學(xué)習(xí)豐富自己的。由這次畢業(yè)設(shè)計(jì)也讓我對java和Mysql有更深一步的認(rèn)識，學(xué)會使用Apache和Tomcat結(jié)合進(jìn)行基礎(chǔ)的軟件開發(fā)以及數(shù)據(jù)庫的使用。也嘗試對于軟件開發(fā)的學(xué)習(xí)有了更深的理解。這都對我自己走向社會走向工作崗位有了很大的幫助，我認(rèn)為這次畢業(yè)設(shè)計(jì)重要的是它對我能力、對待事物認(rèn)真的態(tài)度的培養(yǎng)和提升，以及過程中學(xué)到的東西和收獲的友誼，這些是我收獲最寶貴的東西，此外這種獨(dú)立操作和自學(xué)能力將對我以后在工作中有著重要的影響，使我受益匪淺。在今后的學(xué)習(xí)和工作中，我會像這次對待畢業(yè)設(shè)計(jì)一樣用心投入、認(rèn)真對待，用所學(xué)所見創(chuàng)造更好的未來。

致謝首先，我要感謝我的論文指導(dǎo)老師唐彬老師，作為我的指導(dǎo)教師，無論在論文撰寫網(wǎng)站設(shè)計(jì)還是實(shí)踐方面都給了我很大的幫助，在我大四去泛微軟件實(shí)習(xí)期間也孜孜不倦的異地指導(dǎo)我的學(xué)習(xí)，督促我完成畢業(yè)設(shè)計(jì)。給我了明確的方向和目標(biāo)。良師益友就是對您的描述，感謝您不管是在學(xué)業(yè)上的幫助以及生活態(tài)度上的引導(dǎo)，總之，感謝您！我也很感謝其他老師在此期間的關(guān)懷和幫助，以及學(xué)院為我提供良好的畢業(yè)設(shè)計(jì)環(huán)境。在此也要感謝在百忙之中評閱論文的各位老師，老師辛苦了！感恩、感謝！感謝在畢業(yè)設(shè)計(jì)中為我提供幫助的同學(xué)，在畢業(yè)設(shè)計(jì)這段時(shí)間里，我認(rèn)識到了自己的不足并努力的爭取獨(dú)立完成我的設(shè)計(jì)，最終收獲很多，通過不斷遇到問題解決問題學(xué)到了以前很多沒有學(xué)到的知識，同時(shí)也鞏固了所學(xué)過的知識。感謝論文所涉及到的學(xué)者們，是數(shù)位前輩學(xué)者優(yōu)秀的研究成果啟發(fā)了我今天的論文設(shè)計(jì)。致敬！四年時(shí)光飛逝，回想起來，有在北湖校區(qū)主樓320教室上課的150510班同學(xué)，有不管校區(qū)多遠(yuǎn)天氣如何惡劣也提前到教室等我們的老師們，有林園校區(qū)永遠(yuǎn)的電子商務(wù)教研室，有熟悉的食堂阿姨門衛(wèi)叔叔或許這一個(gè)個(gè)熟悉的溫暖親切的面孔會漸行漸遠(yuǎn)，或許我們馬上就要和這一切的一切說一聲再見，但我依然相信，多年之后這里依然會充滿著我們的朝氣，承載著不變的笑容，對此我永遠(yuǎn)期待著一直在路上。最后，我想對我的同學(xué)們說，細(xì)水長流，青山常在。前途光明，來日方長。祝愿我可親可敬的各位老師們身體健康，工作順利，遇見大家，我有幸有知有樂，感恩這一切我的大學(xué)。參考文獻(xiàn)[1]吳亞林.基于java的購物網(wǎng)站建設(shè)[J].信息與電腦(理論版),2015

[2]朱浩悅.計(jì)算機(jī)軟件java編程特點(diǎn)分析[J].科學(xué)技術(shù)創(chuàng)新,2015

[3]丁士峰等編著.網(wǎng)頁制作與網(wǎng)站建設(shè)實(shí)戰(zhàn)大全.清華大學(xué)出版社.2013[4]時(shí)代印象編著.PhotoshopCS6學(xué)習(xí)寶典.人民郵電出版社,2012[5]楊堅(jiān).電子商務(wù)網(wǎng)站典型案例評析.西安電子科技大學(xué)出版社,2014[6]張連元.網(wǎng)頁布局與配色完全學(xué)習(xí)手冊.清華大學(xué)出版社,2014[7]詹青龍.動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作.清華大學(xué)出版社,2010.6[8]王珂.我國B2C電子商務(wù)行業(yè)發(fā)展的市場結(jié)構(gòu)分析.商業(yè)時(shí)代,2014[9]聶斌.HTML+CSS+DIV網(wǎng)頁設(shè)計(jì)與布局.人民郵電出版社,2013[10]賀正悅.電商網(wǎng)站視覺設(shè)計(jì)與應(yīng)用.時(shí)代金融,2018[11]Y.DanielLiang、李娜.Java語言程序設(shè)計(jì)(基礎(chǔ)篇)(原書8版)[M].北京:機(jī)械工業(yè)出版社,2011.

[12]張興科.JSP動(dòng)態(tài)網(wǎng)站設(shè)計(jì)項(xiàng)目教程[M].北京:中國人民大學(xué)出版社,2010.[13]王曉東.J2EE架構(gòu)的研究與應(yīng)用[J].科技信息,2013.[14]唐漢明、翟振興、關(guān)寶軍、王洪權(quán).深入淺出MySQL(第2版)[M].北京:人民郵電出版社,2014.[15]OuFeng、ZOUMinandLIXiao-Zhen.SurveyonJavaTechnologyFramework[J].ComputerSystems&Applications.2012.[16]李堅(jiān),李靈.發(fā)展中小企業(yè)電子商務(wù)的探討[J].計(jì)算機(jī)時(shí)代.2018(08).[17]員建廈.基于對象模型的數(shù)據(jù)庫設(shè)計(jì)方法[J].無線電工程.2018(04).[18]陳月波.電子商務(wù)環(huán)境下個(gè)性化服務(wù)策略研究[J].杭州電子科技大學(xué)學(xué)報(bào)(社科版).2018(02).

附錄（代碼）網(wǎng)上商城首頁代碼如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>商城首頁</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/> <divclass="main"> <divclass="content"> <divclass="content_top"> <divclass="heading"> <h3>熱銷推薦</h3> </div> <divclass="clear"></div> </div> <divclass="sectiongroup"> <s:iteratorvalue="showList"status="status"> <divclass="listview_1_of_2images_1_of_2"<s:iftest="#status.count%4==1">style="margin-left:0;"</s:if>> <divclass="listimglistimg_2_of_1"> <ahref="detail.action?productid=<s:propertyvalue="product.id"/>"> <imgsrc="../<s:propertyvalue="product.cover"/>"alt="<s:propertyvalue=""/>"/> </a> </div> <divclass="textlist_2_of_1"> <h3><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"><s:propertyvalue=""/></a></h3> <p><s:propertyvalue="showtext"/></p> <p><spanstyle="color:red;">￥<s:propertyvalue="product.price"/></span></p> <divclass="button"> <s:iftest="product.stock>0"><span><ahref="javascript:buy(<s:propertyvalue="product.id"/>);">加入購物車</a></span></s:if> <s:else><span><astyle="background:#ccc;color:red;">庫存不足</a></span></s:else> </div> </div> </div> </s:iterator> <divclass="clear"></div> </div> <divclass="content_bottom"> <divclass="heading"> <h3>特價(jià)促銷</h3> </div> <divclass="clear"></div> </div> <divclass="sectiongroup"> <s:iteratorvalue="saleList"> <divclass="grid_1_of_4images_1_of_4"> <ahref="detail.action?productid=<s:propertyvalue="product.id"/>"> <imgsrc="../<s:propertyvalue="product.cover"/>"alt="<s:propertyvalue=""/>"width="212px"height="212px"/> </a> <divclass="discount"> <spanclass="percentage"><s:propertyvalue="discount"/>%</span> </div> <h2><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"><s:propertyvalue=""/></a></h2> <p> <spanclass="strike">￥<s:propertyvalue="product.price"/></span> <spanclass="price">￥<s:propertyvalue="price"/></span> </p> <divclass="button"> <s:iftest="product.stock>0"><span><ahref="javascript:buy(<s:propertyvalue="product.id"/>);"class="cart-button">加入購物車</a></span></s:if> <s:else><span><astyle="background:#ccc;color:red;">庫存不足</a></span></s:else> </div> <divclass="button"> <span><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"class="details">查看詳情</a></span> </div> </div> </s:iterator> </div> <divclass="content_bottom"> <divclass="heading"> <h3>新品上架</h3> </div> <divclass="clear"></div> </div> <divclass="sectiongroup"> <s:iteratorvalue="newList"> <divclass="grid_1_of_4images_1_of_4"> <ahref="detail.action?productid=<s:propertyvalue="product.id"/>"> <imgsrc="../<s:propertyvalue="product.cover"/>"alt="<s:propertyvalue=""/>"width="212px"height="212px"/> </a> <h2><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"><s:propertyvalue=""/></a></h2> <p><spanclass="price">￥<s:propertyvalue="product.price"/></span></p> <divclass="button"> <s:iftest="product.stock>0"><span><ahref="javascript:buy(<s:propertyvalue="product.id"/>);"class="cart-button">加入購物車</a></span></s:if> <s:else><span><astyle="background:#ccc;color:red;">加入購物車</a></span></s:else> </div> <divclass="button"> <span><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"class="details">查看詳情</a></span> </div> </div> </s:iterator> </div> </div> </div><jsp:includepage="footer.jsp"/></div></body></html>用戶注冊代碼如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>商城首頁</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"> <h3>注冊新賬戶</h3> <s:actionmessagestyle="color:red;"/> <formaction="register.action"method="post"id="form_register"> 用戶名:<inputname="user.username"type="text"class="field"placeholder="請輸入用戶名"required="required"> 登錄密碼:<inputname="user.password"type="password"class="field"placeholder="請輸入密碼"required="required"> 支付密碼:<inputname="user.payword"type="password"class="field"placeholder="請輸入密碼"required="required"> 電話:<inputname="user.phone"type="text"class="field"placeholder="請輸入電話"maxlength="11"> 地址:<inputname="user.address"type="text"class="field"placeholder="請輸入地址"> </form><divclass="buttons"> <div> <buttonclass="grey"onclick="$('#form_register').submit();">確認(rèn)注冊</button> <ahref="login.jsp"style="float:right;padding-top:10px;padding-right:50px;font-size:14px">登錄已有賬戶</a></div></div><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>用戶登錄代碼如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>商城首頁</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"> <h3>登錄已有賬戶</h3> <s:actionerrorstyle="color:red;"/> <formaction="login.action"method="post"id="form_login"> 用戶名:<inputname="user.username"type="text"class="field"placeholder="請輸入用戶名"> 密碼:<inputname="user.password"type="password"class="field"placeholder="請輸入密碼"></form><divclass="buttons"> <div> <buttonclass="grey"onclick="$('#form_login').submit();">確認(rèn)登錄</button> <ahref="register.jsp"style="float:right;padding-top:10px;padding-right:50px;font-size:14px">注冊新賬戶</a></div></div><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>我的訂單代碼如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>我的訂單</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"style="width:600px"> <s:actionmessage/> <s:iftest="indentList!=null"> <h3>我的訂單</h3> <s:iteratorvalue="indentList"> <tableclass="cart_table"> <tr> <td> 訂單號:<s:propertyvalue="id"/> <s:iftest="status==1">(未付款)<ahref="topay.action?indentid=${id}"><button>付款</button></a></s:if> <s:iftest="status==2">(已付款)</s:if> <s:iftest="status==3">(已發(fā)貨)</s:if> <s:iftest="status==4">(已完成)</s:if> </td> <tdcolspan="2">下單時(shí)間:<s:datename="systime"format="yyyy-MM-ddHH:mm:ss"/></td> <tdclass="cart_total"><spanclass="red">總價(jià):</span></td> <td>￥<s:propertyvalue="total"/></td> </tr> <s:iteratorvalue="itemList"> <trclass="cart_title"> <td> <ahref="detail.action?productid=${product.id}"> <imgsrc="../${product.cover}"class="cart_thumb"border="0"/> </a> </td> <td>${}</td> <td>￥${price}</td> <td>x${amount}</td> <td>￥${total}</td> </tr> </s:iterator> </table><br> </s:iterator> </s:if><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>購物車代碼如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>購物車</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"style="width:600px"> <spanstyle="color:red;"><s:actionmessage/></span> <s:iftest="#session.shopcartList!=null"> <h3>我的購物車</h3> <tableclass="cart_table"> <s:iteratorvalue="#session.shopcartList"> <trclass="cart_title"> <td> <ahref="detail.action?productid=${product.id}"> <imgsrc="../${product.cover}"class="cart_thumb"border="0"/> </a> </td> <td>${}</td> <td>￥${product.price}</td> <td>x${amount}</td> <td>￥${total}</td> <td> <ahref="javascript:add(${id});">[添加]</a> <ahref="javascript:lessen(${id});">[減少]</a> <ahref="javascript:deletes(${id});">[刪除]</a> </td> </tr> </s:iterator> <tr> <tdcolspan="4"class="cart_total"><spanclass="red">總價(jià):</span></td> <td><s:propertyvalue="#session._total"/></td> </tr> </table> <divclass="buttons"> <divstyle="float:right;padding-top:20px"> <buttonclass="grey"onclick="location.href='save.action'">提交訂單</button> </div> </div> </s:if><!--<divstyle="float:left;padding-top:20px"> <ahref="renew.action">恢復(fù)歷史記錄</a> </div>--><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>訂單管理代碼如下：<%@pagelanguage="j