基于WEB的網(wǎng)上書店系統(tǒng)論文-附帶源碼

1、目 錄摘要1關(guān)鍵詞1Abstract1Keywords1TOC o 1-3 h u HYPERLINK l _Toc21555 1 引言2 HYPERLINK l _Toc25341 1.1 課題意義2 HYPERLINK l _Toc4640 1.2 國(guó)內(nèi)外現(xiàn)狀2 HYPERLINK l _Toc12574 2 系統(tǒng)開發(fā)技術(shù)4 HYPERLINK l _Toc21023 2.1 相關(guān)技術(shù)4 HYPERLINK l _Toc8967 2.2 B/S 三層架構(gòu)4 HYPERLINK l _Toc18883 3 需求分析與系統(tǒng)設(shè)計(jì)6 HYPERLINK l _Toc28671 3.1 目標(biāo)與要求6

2、 HYPERLINK l _Toc11752 3.2 用戶特點(diǎn)6 HYPERLINK l _Toc29125 3.3 系統(tǒng)功能結(jié)構(gòu)描述6 HYPERLINK l _Toc16149 3.4 系統(tǒng)流程圖8 HYPERLINK l _Toc5987 3.5 系統(tǒng)頁面結(jié)構(gòu)8 HYPERLINK l _Toc27886 4 數(shù)據(jù)庫的設(shè)計(jì) 10 HYPERLINK l _Toc13146 4.1 MySql數(shù)據(jù)庫的簡(jiǎn)介 10 HYPERLINK l _Toc9117 4.2 數(shù)據(jù)庫設(shè)計(jì)要點(diǎn) 10 HYPERLINK l _Toc19061 4.3 系統(tǒng)E-R關(guān)系圖 10 HYPERLINK l _Toc

3、19061 4.4 數(shù)據(jù)表結(jié)構(gòu) 14 HYPERLINK l _Toc30470 5 前臺(tái)模塊設(shè)計(jì)與實(shí)現(xiàn) 17 HYPERLINK l _Toc3348 5.1 用戶模塊 PAGEREF _Toc3348 17 HYPERLINK l _Toc18588 5.1.1 用戶注冊(cè) PAGEREF _Toc18588 17 HYPERLINK l _Toc27167 5.1.2 用戶登錄 18 HYPERLINK l _Toc27167 5.1.3 訂單管理 19 HYPERLINK l _Toc27167 5.1.4 用戶登出 19 HYPERLINK l _Toc8056 5.2 主頁模塊和商品

4、檢索 20 HYPERLINK l _Toc3981 5.3 購物車模塊 22 HYPERLINK l _Toc17116 5.4 我的訂單 24 HYPERLINK l _Toc30540 5.4.1 訂單列表生成 24 HYPERLINK l _Toc25571 5.4.2 訂單確認(rèn) 25 HYPERLINK l _Toc25571 5.4.2 訂單生成 25 HYPERLINK l _Toc28077 6 后臺(tái)模塊設(shè)計(jì)與實(shí)現(xiàn) 27 HYPERLINK l _Toc24991 6.1 系統(tǒng)后臺(tái)框架設(shè)計(jì) 27 HYPERLINK l _Toc23948 6.1.1 管理員的設(shè)計(jì) 27 HYP

5、ERLINK l _Toc32620 6.1.2 系統(tǒng)后臺(tái)主頁面設(shè)計(jì) 28 HYPERLINK l _Toc16897 6.1.3 管理員登出 28 HYPERLINK l _Toc1552 6.2 用戶管理 29 HYPERLINK l _Toc16812 6.3 訂單管理 30 HYPERLINK l _Toc17398 6.3.1 訂單查看 30 HYPERLINK l _Toc14852 6.3.2 購物明細(xì)表 31 HYPERLINK l _Toc30893 6.4 商品管理 32 HYPERLINK l _Toc23844 6.4.1 商品查看 33 HYPERLINK l _To

6、c22220 6.4.2 添加新商品 34 HYPERLINK l _Toc16131 6.5 類別管理 35 HYPERLINK l _Toc5558 6.5.1 類別維護(hù) 35 HYPERLINK l _Toc12856 6.5.2 添加新類別 36 HYPERLINK l _Toc7637 7 總結(jié) 38 HYPERLINK l _Toc23942 參考文獻(xiàn) 39 HYPERLINK l _Toc16233 致謝 40基于WEB的網(wǎng)上書店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)網(wǎng)絡(luò)工程專業(yè)學(xué)生 xxxxxx指導(dǎo)教師 xxxxxx摘要：本系統(tǒng)采用B/S三層架構(gòu)，主要實(shí)現(xiàn)前臺(tái)交易系統(tǒng)和后臺(tái)管理系統(tǒng)。前臺(tái)交易系統(tǒng)主要

7、包括用戶管理、商品展示、顧客留言、我的訂單、購物車管理，后臺(tái)管理系統(tǒng)主要包括用戶管理、訂單管理、類別管理、商品管理。系統(tǒng)主要采用了MVC軟件架構(gòu)思想，融入了Struts、JSP、Ajax、JQuery、Hibernate等典型WEB開發(fā)相關(guān)技術(shù)，同時(shí)采用MySql數(shù)據(jù)庫和主流服務(wù)器Tomcat。系統(tǒng)的各個(gè)模塊設(shè)計(jì)合理，尤其是業(yè)務(wù)方法利用接口理念，這樣讓系統(tǒng)很靈活，具備了良好的擴(kuò)展性。 經(jīng)過不斷的改進(jìn)和調(diào)試，系統(tǒng)逐漸完善，最終完成了一個(gè)標(biāo)準(zhǔn)化的電子商務(wù)交易平臺(tái)。關(guān)鍵詞：電子商務(wù)；JSP；網(wǎng)上購物The design and implementation of online bookstore s

8、ystem based on WEBStudent majoring in network engineering Xu XiaolongTutor LiYanpingAbstract:This system adopts B/S three-tier architecture, the main trading system and the background management system implementation at the front desk. Front desk trading system mainly include user management, commod

9、ity display, bookstore, my order, cart management, background management system mainly includes user management, order management, category management, commodity management. System mainly USES the MVC software architecture thoughts, JSP, struts, Ajax, JQuery, Hibernate, etc. The typical WEB developm

10、ent technology, USES the MySql database and mainstream Tomcat server at the same time. Various modules of the system design is reasonable, especially the business method using the concept of interface, which makes the system very flexible, have good scalability.After continuous improvement and debug

11、ging,the system is improved gradually and finally become a standardized electronic business transaction platform.Key words: E-commerce ;Java Server Pages;Online shopping1 引言1.1 課題意義網(wǎng)上書店是近年來隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而產(chǎn)生的一種新型的書店形式，與傳統(tǒng)書店相比，網(wǎng)上書店擁有許多的優(yōu)勢(shì)。網(wǎng)上書店的誕生雖然只有短短的幾年時(shí)間， 卻以其獨(dú)有的網(wǎng)上運(yùn)作特色和優(yōu)越服務(wù)得到迅速發(fā)展。我國(guó)網(wǎng)上書店的“前輩” 當(dāng)當(dāng)網(wǎng)如今已走過十度春秋

12、， 而中文網(wǎng)上書店已漸成氣候有關(guān)統(tǒng)計(jì)顯示，網(wǎng)店在我國(guó)圖書零售市場(chǎng)占據(jù)了約 5%的份額。作為大學(xué)中的一個(gè)計(jì)算機(jī)與信息工程系的學(xué)生，做一個(gè)電子商務(wù)網(wǎng)站是很有必要的。通過做一個(gè)完整的畢業(yè)設(shè)計(jì)，可以讓學(xué)生得到一個(gè)很好的鍛煉，可以讓學(xué)生把大學(xué)中所學(xué)的知識(shí)理論全部在這上面運(yùn)用，同時(shí)結(jié)合實(shí)踐，提高動(dòng)手能力，為以后走進(jìn)對(duì)應(yīng)的工作崗位有著非常重要的意義。1.2 國(guó)內(nèi)外現(xiàn)狀當(dāng)今世界網(wǎng)絡(luò)、通信和信息技術(shù)的發(fā)展，Internet在全球迅速普及，使得商業(yè)空間發(fā)展到全球的規(guī)模，同時(shí)也使得現(xiàn)代商業(yè)企業(yè)需要具有不間斷地供貨能力、不斷增長(zhǎng)的客戶需求和不斷增長(zhǎng)的全球競(jìng)爭(zhēng)三大特征，這使得任何一個(gè)商業(yè)組織都必須調(diào)整自己的經(jīng)營(yíng)方式和產(chǎn)

13、業(yè)結(jié)構(gòu)，以適應(yīng)新的市場(chǎng)發(fā)展的需要。隨之出現(xiàn)了日益走入我們生活的網(wǎng)上購物。伴隨著Internet的蓬勃發(fā)展，網(wǎng)絡(luò)購物系統(tǒng)作為電子商務(wù)的一種形式正以其高效，低成本的優(yōu)勢(shì)，逐步成為新興的經(jīng)營(yíng)模式和理念，人們已經(jīng)不再滿足用途信息的瀏覽和發(fā)布，而是渴望著能夠充分享受網(wǎng)絡(luò)所帶來的更加多的便利。網(wǎng)絡(luò)購物正適應(yīng)了當(dāng)今社會(huì)快節(jié)奏的生活，使顧客足不出戶便可以方便快捷輕松的選購自己喜歡的商品。網(wǎng)上購物系統(tǒng)作為B2B，B2C（Business to Customer），即（企業(yè)對(duì)消費(fèi)者），C2C（Customer to Customer，即消費(fèi)者對(duì)消費(fèi)者）電子商務(wù)的前端商務(wù)平臺(tái)，在其商務(wù)活動(dòng)全過程中起著舉足輕重的作用

14、。從長(zhǎng)遠(yuǎn)來看，企業(yè)對(duì)消費(fèi)者的電子商務(wù)將最終在電子商務(wù)領(lǐng)域占據(jù)重要地位。但是由于各種因素的治愈，目前以及比較長(zhǎng)的一段時(shí)間內(nèi)，這個(gè)層次的業(yè)務(wù)還只能占比較小的比重。它是以互聯(lián)網(wǎng)圍主要服務(wù)提供手段，實(shí)現(xiàn)公眾消費(fèi)和提供服務(wù)，并保證與其相關(guān)的付款方式的電子化，它是隨著萬維網(wǎng)的出現(xiàn)而迅速發(fā)展的，可以將其看作是一種電子化的零售。當(dāng)今歐美等發(fā)達(dá)國(guó)家電子商務(wù)發(fā)展迅速，先進(jìn)的技術(shù)服務(wù)使得他們國(guó)家的生活水平得到了更高層次的提升。中國(guó)目前也在趕上電子商務(wù)熱潮的腳步，政府也積極提倡并且支持電子商務(wù)技術(shù)的研發(fā)，要跟上網(wǎng)絡(luò)時(shí)代的大潮流，電子商務(wù)的發(fā)展一定不能停滯。一個(gè)國(guó)家電子商務(wù)的發(fā)展程度可以反映出一個(gè)國(guó)家的信息技術(shù)水平和科

15、技水平。我國(guó)目前正處于持續(xù)發(fā)展中，相信在不久的未來可以涌現(xiàn)出更多像淘寶、京東等大型交易電子商務(wù)網(wǎng)站。2 系統(tǒng)開發(fā)技術(shù)2.1 相關(guān)技術(shù)HTML: Hypertext Markup Language超文本標(biāo)記語言。CSS: Cascading Style Sheets層疊樣式表，是一種標(biāo)記語言，它不需要編譯可以直接由瀏覽器執(zhí)行。JavaScript: 一種可以控制HTML元素的網(wǎng)絡(luò)腳本語言，也是一種在瀏覽器端執(zhí)行的解釋性編程語言，它具有靈活性好、功能強(qiáng)大的特點(diǎn)，是因特網(wǎng)上最流行的腳本語言。Ajax: 異步JavaScript及XML(Asynchronous JavaScript And XML)

16、,是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法，在瀏覽器與Web服務(wù)器之間使用異步數(shù)據(jù)傳輸(HTTP請(qǐng)求)，實(shí)現(xiàn)頁面局部刷新。JSP: Java Server Page,是SUN公司開發(fā)的一種服務(wù)器端動(dòng)態(tài)頁面生成技術(shù)，主要組成部分是html元素以及少量的java代碼。Servlet: SUN公司制定的一種用于擴(kuò)展web服務(wù)器功能的組件規(guī)范。Tomcat: Servlet容器，第三方開源門戶Apache公司實(shí)現(xiàn)了Servlet容器規(guī)范，用于執(zhí)行Servlet的服務(wù)器。MVC: 這是一種架構(gòu)模型。M表示Model層，V表示View層，C表示Controller層，Model層包括實(shí)體模型和業(yè)務(wù)操作，Controll

17、er用來控制用戶的所有請(qǐng)求和操作，View用來顯示請(qǐng)求的視圖。JSTL: Java Standard Taglib Library(Java標(biāo)準(zhǔn)標(biāo)簽庫)，使得視圖頁面簡(jiǎn)潔化，避免Java代碼和HTML元素的交錯(cuò)復(fù)雜。Jquery:是一個(gè)開源的javascript框架，功能很強(qiáng)大，可以使編碼變得更加簡(jiǎn)潔。Hibernate:開源的、用亍封裝數(shù)據(jù)訪問層的組件。B/S: 即Browser/Server(瀏覽器/服務(wù)器)結(jié)構(gòu)，B/S最大的優(yōu)點(diǎn)就是可以在任何地方進(jìn)行操作而不用安裝專門的軟件，只要有一臺(tái)能上網(wǎng)的電腦就能使用，客戶端 零維護(hù)。Struts：一種典型的MVC框架，本系統(tǒng)的主要靈魂。2.2 B/

18、S三層架構(gòu)三層B/S應(yīng)用模式是為了解決兩層結(jié)構(gòu)中存在的問題而提出的,在三層模式中，在瀏覽器和服務(wù)器之間引入了應(yīng)用層的概念，將應(yīng)用邏輯移到應(yīng)用層實(shí)現(xiàn)，與傳統(tǒng)兩層B/S模式相比，三層有著可伸縮性好、可管理性強(qiáng)、安全性高、軟件重用性好以及節(jié)省開發(fā)時(shí)間等諸多優(yōu)點(diǎn)。三層結(jié)構(gòu)的應(yīng)用程序把業(yè)務(wù)邏輯獨(dú)立起來，組成一層或多層，這樣就形成了瀏覽器界面層、中間業(yè)務(wù)邏輯層和后端數(shù)據(jù)庫服務(wù)器層，3層B/S結(jié)構(gòu)如圖2-1所示。DB數(shù)據(jù)Web ServerBrowser事物安全業(yè)務(wù)層自己開發(fā)servlet通訊層標(biāo)準(zhǔn)化通訊層標(biāo)準(zhǔn)化圖2-1 3層B/S結(jié)構(gòu)圖3 需求分析與系統(tǒng)設(shè)計(jì)3.1 目標(biāo)與要求通用電子商務(wù)平臺(tái)的設(shè)計(jì)是為了讓

19、更多的企業(yè)擁有自己的網(wǎng)上交易活動(dòng)，擴(kuò)展他們的經(jīng)營(yíng)模式。作為一個(gè)商業(yè)性質(zhì)的電子商務(wù)平臺(tái)，系統(tǒng)必須滿足企業(yè)的業(yè)務(wù)要求，與企業(yè)的商業(yè)活動(dòng)真正接軌，形成服務(wù)一體化。系統(tǒng)界面設(shè)計(jì)一定要友好，操作安全，服務(wù)方便快捷。系統(tǒng)總體流程必須合理規(guī)范，無邏輯錯(cuò)誤。數(shù)據(jù)庫必須設(shè)計(jì)合理，數(shù)據(jù)的存儲(chǔ)一定要安全化。同時(shí)，這是一個(gè)網(wǎng)站，必須要考慮到服務(wù)器的承載壓力和訪問速度。作為一個(gè)大學(xué)生的畢業(yè)設(shè)計(jì)，它也必須符合大學(xué)生畢業(yè)設(shè)計(jì)的規(guī)范。3.2 用戶特點(diǎn)本系統(tǒng)的主要角色主要有三種：普通用戶(游客)，注冊(cè)會(huì)員，系統(tǒng)管理員。不同的角色具有不同的權(quán)限，各角色權(quán)限如下：普通用戶：主頁訪問、圖書查詢、分類瀏覽。注冊(cè)會(huì)員：主頁訪問、圖書查詢

20、、分類瀏覽、購買商品、購物車結(jié)算、基本信息修改、查看訂單、打折優(yōu)惠等功能。系統(tǒng)管理員：，商品管理員(admin1),商品分類管理，商品管理，特價(jià)商品管理。，訂單管理員(admin2),訂單受理，訂單結(jié)算，訂單查看，訂單刪除。，會(huì)員管理員(admin3),會(huì)員級(jí)別更改，會(huì)員詳情查看，會(huì)員刪除。，系統(tǒng)管理員(admin4),修改管理員，刪除管理員。3.3 系統(tǒng)功能結(jié)構(gòu)描述本系統(tǒng)主要采用B/S三層模式，同時(shí)利用典型的MVC框架Struts設(shè)計(jì)完成。系統(tǒng)針對(duì)不同的角色，給予他們不同的操作權(quán)限，防止角色越權(quán)限進(jìn)行非法的操作。本系統(tǒng)主要包括前臺(tái)交易系統(tǒng)和后臺(tái)管理系統(tǒng)，前臺(tái)功能如下：a. 用戶模塊，其中包括

21、用戶注冊(cè)、 登錄、 登出以及修改個(gè)人基本信息。b. 主頁顯示模塊，其中包括分類瀏覽、分頁查看、按照書名檢索。c. 購物車模塊，該模塊實(shí)現(xiàn)商品的添加、數(shù)量修改，商品刪除、清空、結(jié)算。d. 訂單模塊，該模塊實(shí)現(xiàn)訂單確認(rèn)、訂單列表、查看訂單和收件人等功能。后臺(tái)功能如下：a. 用戶管理，主要實(shí)現(xiàn)用戶列表、分頁顯示、用戶刪除、修改、添加、詳細(xì)顯示。 b. 訂單管理，主要實(shí)現(xiàn)訂單列表、 分頁顯示、 修改、 刪除、 結(jié)單、訂單購物明細(xì)。c. 商品管理，主要實(shí)現(xiàn)商品列表、分頁顯示、商品詳細(xì)信息、商品添加、刪除以及分類修改、商品基本信息修改。d. 類別管理，主要實(shí)現(xiàn)類別添加、刪除、修改等功能。e. 管理員安全退

22、出。系統(tǒng)功能結(jié)構(gòu)如圖3-1所示?；赪EB的網(wǎng)上書店系統(tǒng)前臺(tái)交易系統(tǒng)后臺(tái)管理系統(tǒng)商品展示購物車訂單管理管理員訂單模塊用戶模塊商品管理類別管理用戶管理信息修改會(huì)員登出會(huì)員登錄用戶注冊(cè)刪改查結(jié)單搜索訂單訂單列表個(gè)人訂單搜索類別類別列表增刪改查增刪改查用戶搜索用戶列表商品刷新分頁顯示分類瀏覽圖書檢索4訂單列表管理員登錄管理員登出重新分類商品搜索商品列表增刪改查查看訂單訂單確認(rèn)清空購物數(shù)量修改商品刪除恢復(fù)列表購物結(jié)算圖 3-1 系統(tǒng)功能結(jié)構(gòu)圖3.4 系統(tǒng)流程圖 對(duì)于本系統(tǒng)具體操作流程如圖3-2所示。商品瀏覽開始顧客留言 網(wǎng)站主頁購物車結(jié)算用戶登錄個(gè)人信息管理注冊(cè) 否 是訂單管理是后臺(tái)登錄后臺(tái)管理 圖3

23、-2 系統(tǒng)流程圖3.5 系統(tǒng)頁面結(jié)構(gòu) 系統(tǒng)主要展示主頁面，其它的頁面都是通過include指令包含到主頁面中，各頁面需要加載數(shù)據(jù)都是通過其在主頁面中的div標(biāo)簽想服務(wù)器發(fā)送請(qǐng)求。通過css/html的div標(biāo)簽讓各頁面在主頁面上融合顯示。主頁面主要包含以下頁面：hot.jsp(圖書熱銷頁面)，new.jsp(新書上架頁面)，category.jsp(圖書分類頁面)。熱銷圖書頁面hot.jsp是根據(jù)賣出的書的數(shù)量來進(jìn)行排序的，所以每次加載主頁面它都必須向服務(wù)器發(fā)送請(qǐng)求獲取最新數(shù)據(jù)。利用JQuery請(qǐng)求代碼如下：$(function()$(#hot).load(/hot.do););系統(tǒng)主頁面如圖

24、3-3所示。 圖 3-3 主頁面結(jié)構(gòu)圖 4 數(shù)據(jù)庫的設(shè)計(jì)4.1 MySql數(shù)據(jù)庫的簡(jiǎn)介 MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，也是最受歡迎的開源SQL數(shù)據(jù)庫管理系統(tǒng)，它由MySQL AB開發(fā)、發(fā)布和支持。 MySQL AB是一家基于MySQL開發(fā)人員的商業(yè)公司，它是一家使用了一種成功的商業(yè)模式來結(jié)合開源價(jià)值和方法論的第二代開源公司。MySQL是MySQL AB的注冊(cè)商標(biāo)。 MySQL是一個(gè)快速的、多線程、多用戶和健壯的SQL數(shù)據(jù)庫服務(wù)器。從計(jì)算機(jī)可以很好的處理大量數(shù)據(jù)以來，數(shù)據(jù)庫管理系統(tǒng)就在計(jì)算機(jī)處理和獨(dú)立應(yīng)用程序或其他部分應(yīng)用程序中扮演著一個(gè)重要的角色。4.2 數(shù)據(jù)庫設(shè)計(jì)要點(diǎn)數(shù)據(jù)是一個(gè)系

25、統(tǒng)中的最終操作結(jié)果，因此數(shù)據(jù)庫的設(shè)計(jì)必須合理規(guī)范。數(shù)據(jù)庫的設(shè)計(jì)是系統(tǒng)的開發(fā)前提，一個(gè)數(shù)據(jù)庫設(shè)計(jì)的是否合理，直接關(guān)聯(lián)著整個(gè)系統(tǒng)的開發(fā)，一旦數(shù)據(jù)庫設(shè)計(jì)出現(xiàn)問題，那么將會(huì)導(dǎo)致這個(gè)系統(tǒng)的開發(fā)受到嚴(yán)重阻礙。另外，數(shù)據(jù)操縱的安全性也要加以控制，防止數(shù)據(jù)外泄造成嚴(yán)重后果。4.3 系統(tǒng)E-R關(guān)系圖系統(tǒng)主要設(shè)計(jì)了member(用戶表)，merchandise(產(chǎn)品表),category(類別表)，orders(訂單表)，admin(系統(tǒng)管理員)，cart（購物車），leaveword(留言)7個(gè)數(shù)據(jù)表。系統(tǒng)E-R關(guān)系圖如圖4-1所示。商城查看訂單項(xiàng)包含訂單查看確認(rèn)用戶瀏覽購買管理管理產(chǎn)品關(guān)聯(lián)圖書管理管理員分類管

26、理類別 圖4-1系統(tǒng)E-R關(guān)系圖圖書表主要用來保存某本圖書的相關(guān)信息，與產(chǎn)品表相關(guān)聯(lián)如圖4-2所示。圖書表商品原價(jià)商品描述圖書名稱編號(hào)商品圖片商品型號(hào)出版社生成日期分類 圖4-2 圖書表圖(3)分類產(chǎn)品關(guān)系表主要用來表示產(chǎn)品和類別之間的關(guān)系，即某項(xiàng)產(chǎn)品是屬于哪一類別的。一個(gè)類別下可以包含多種產(chǎn)品，一項(xiàng)產(chǎn)品只能屬于一個(gè)類別，如圖4-3所示。 產(chǎn)品ID分類產(chǎn)品關(guān)系表分類ID編號(hào)圖4-3 分類產(chǎn)品圖(4)訂單主要用來保存用戶購買的物品，其中包括了收件人的備份信息。一個(gè)訂單包含許多訂單項(xiàng)，表示該訂單中的某一項(xiàng)物品如圖4-4所示。訂單狀態(tài)訂單編號(hào)會(huì)員名稱訂單信息下單時(shí)間購物商品圖4-4訂單信息圖(5)分

27、類表主要用來保存類別關(guān)系，包括一個(gè)類別的父類別以及該類別的所有子類別如圖4-5所示。分類名分類描述編碼商品分類 圖4-5商品分類圖產(chǎn)品表主要用來保存某項(xiàng)產(chǎn)品的相關(guān)市場(chǎng)信息，比如價(jià)格、是否買完等，與圖書表一對(duì)一關(guān)聯(lián)，如圖4-6所示。產(chǎn)品名稱 編號(hào)上架時(shí)間 描述 產(chǎn)品表市場(chǎng)價(jià)特價(jià)圖4-6產(chǎn)品表圖(7)訂單項(xiàng)表主要用來表示某一個(gè)訂單中所購買物品的詳細(xì)情況，一個(gè)訂單項(xiàng)只對(duì)應(yīng)一張訂單表，如圖4-7所示。商品名稱 會(huì)員價(jià) 編號(hào) 訂單項(xiàng) 訂單號(hào)商品數(shù)目圖4-7訂單項(xiàng)圖 (8) 會(huì)員留言主要存放客戶的一些留言建議，如圖4-8所示。留言內(nèi)容留言時(shí)間顧客姓名留言標(biāo)題顧客留言圖4-8 顧客留言圖4.4 數(shù)據(jù)表結(jié)構(gòu)用

28、戶表member，主要包含用戶編號(hào)、郵箱、密碼、電話、昵稱、地址、注冊(cè)日期、最后登錄時(shí)間、登錄時(shí)間，該表字段說明如表4-1所示： 表4-1 用戶表（member）字段名稱類型約束描述idint(4)主鍵用戶IDemailvarchar(100)not null用戶郵箱LoginPwdchar(12)not null密碼MemberNamechar(20)not null昵稱PhoneChar(15)Default null電話 AddressVarchar(100)Default null地址RegDatedatetimedefault null注冊(cè)時(shí)間LastDateDatetimedefa

29、ult null最后登錄時(shí)間LoginTimesInt(4)default null登錄時(shí)間(2)商品表(merchandise)，主要包含產(chǎn)品ID、產(chǎn)品名稱、描述、上架時(shí)間、市場(chǎng)價(jià)、優(yōu)惠價(jià)、關(guān)鍵字、出廠時(shí)間、產(chǎn)品圖片名稱，該表字段說明如表4-2所示： 表4-2 商品表（merchandise）字段名稱類型約束描述idint(4)pk,not null商品編號(hào)MerNameChar(40)not null商品名add_timebigint(20)defaultt nul上架時(shí)間pricedoublenot null市場(chǎng)價(jià)SPrice doublenot null優(yōu)惠價(jià)ManufacturerC

30、har(60)defaultt nul制造商Picturevarchar(100)default nul商品圖片名稱LeaveFactoryDateDatetimedefault null出廠時(shí)間(3)類別表(category)，主要包含類別ID、類別名、類別描述，該表字段說明如表4-3所示：表4-3 類別表（category）字段名稱類型約束描述IDInt(4)PK類別IDCateNameChar(4)not null類別名CateDescvarchar(200)null 產(chǎn)品的描述(4)訂單表(orders)，主要包含訂單編號(hào)、訂單狀態(tài)、訂單生成時(shí)間、收件人姓名，該表字段說明如表4-4所示

31、： 表4-4 訂單表（orders）字段名稱類型約束描述IDint(4)PK訂單號(hào)Memberint(4)not null收貨人OrderStatusint(4)not null發(fā)貨狀態(tài)OrderDatedatetimenot null下單時(shí)間（5）會(huì)員級(jí)別(memberlevel)，主要包含主鍵ID、級(jí)別、優(yōu)惠，該表字段說明如表4-5所示： 表4-5 會(huì)員級(jí)別(memberlevel)字段名稱類型約束描述IDint(4)PK訂單號(hào)LevelNameChar(20)not null用戶IDfavourableint(4)not null優(yōu)惠5 前臺(tái)模塊設(shè)計(jì)與實(shí)現(xiàn)本系統(tǒng)主要包含前臺(tái)交易系統(tǒng)和后臺(tái)

32、管理系統(tǒng)，其中前臺(tái)交易系統(tǒng)包括用戶模塊、主頁模塊、訂單模塊、購物車模塊，前臺(tái)功能結(jié)構(gòu)如圖5-1所示。 前臺(tái)交易模塊顧客留言購物車管理商品展示用戶管理我的訂單圖5-1 前臺(tái)交易模塊圖5.1 用戶模塊用戶模塊主要實(shí)現(xiàn)了用戶注冊(cè)、登錄/退出、修改信息、查看訂單等功能，用戶模塊結(jié)構(gòu)功能如圖5-2所示。 用戶模塊用戶注冊(cè)用戶登錄用戶信息修改用戶登出圖5-2用戶模塊圖5.1.1 用戶注冊(cè) 統(tǒng)一采用了JQuery（jquery-1.4.min.js）進(jìn)行表單數(shù)據(jù)基本驗(yàn)證，注冊(cè)頁面reg.jsp表單中的數(shù)據(jù)只要有一項(xiàng)不符合驗(yàn)證規(guī)則的數(shù)據(jù)，則表單提交按鈕會(huì)提示。為了保證用戶注冊(cè)的用戶名在數(shù)據(jù)庫中是唯一的，使用了

33、Ajax技術(shù)向服務(wù)器發(fā)送異步請(qǐng)求，如果數(shù)據(jù)庫中已經(jīng)存在，則在頁面上提示用戶“此已經(jīng)用戶名被占用”的錯(cuò)誤消息。5.1.2 用戶登錄 系統(tǒng)登錄界面需要輸入用戶名和密碼，如果密碼或者郵箱不對(duì)，則提示用戶相關(guān)錯(cuò)誤信息。只要用戶成功登錄，則把當(dāng)前這個(gè)用戶對(duì)象加入到session當(dāng)中，同時(shí)記錄下當(dāng)前用戶的登陸時(shí)間，用戶登錄流程如圖5-3所示。輸入用戶名密碼登錄失敗登錄成功開始圖5-3用戶登錄流程圖 用戶登錄界面如圖5-4所示。圖5-4 用戶登錄界面圖 用戶成功登錄后，在主頁面上則會(huì)顯示用戶的昵稱，同時(shí)后邊只顯示安全退出按鈕。如果用戶沒有登錄，后邊則出現(xiàn)登錄/注冊(cè)按鈕，隱藏登出按鈕。這主要是利用了JSTL標(biāo)

34、簽來控制，我們只要判斷session中對(duì)應(yīng)的user是否為空，為空不顯示登出按鈕，登錄成功界面如圖5-5所示。圖5-5 登錄成功界面圖5.1.3 訂單管理點(diǎn)擊“訂單管理”，進(jìn)入訂單列表頁面。如果當(dāng)前用戶沒有下過訂單，則告訴用戶當(dāng)前還沒有您的訂單記錄；否則以列表的形式分頁列出當(dāng)前用戶的訂單記錄。點(diǎn)擊訂單后面相應(yīng)的詳情，則可以查看當(dāng)前訂單的購物明細(xì)表。查詢收件人菜單功能也是一樣，如果當(dāng)前用戶沒有在本商城下過訂單，則相應(yīng)的提示用戶“沒有你的收件人信息記錄”，用戶訂單管理如圖5-6所示。圖5-6訂單列表圖5.1.4用戶登出用戶登出主要是把session中當(dāng)前的user屬性設(shè)置為空，因?yàn)橹坝脩舻卿洺晒?/p>

35、的時(shí)候已經(jīng)把用戶user放入了session中。只要session中的user屬性為空，用戶則相當(dāng)于退出了系統(tǒng)，失去很多權(quán)限進(jìn)行相關(guān)操作。5.2 主頁模塊該模塊主要包含分類瀏覽、商品檢索、熱銷圖書、新書上架等功能。主頁面采用了js中的setInterval函數(shù)每隔一段時(shí)間向服務(wù)器發(fā)送請(qǐng)求，達(dá)到頁面局部動(dòng)態(tài)更新的效果。main.jsp頁面有圖書熱銷和新書上架圖書動(dòng)態(tài)更新，主頁模塊功能結(jié)構(gòu)如圖5-7所示。商品展示新書上架分類瀏覽商品檢索熱銷圖書圖5-7商品展示圖本系統(tǒng)實(shí)現(xiàn)的是關(guān)鍵字檢索功能，用戶輸入商品名稱，點(diǎn)擊搜索，如果數(shù)據(jù)庫中沒有相應(yīng)的商品，提示用戶暫時(shí)沒有改商品；否則跳到搜索結(jié)果頁面，列出搜

36、索到的商品。如果用戶不輸入關(guān)鍵字，點(diǎn)擊搜索按鈕，則顯示所有的商品，主要采用js驗(yàn)證，該搜索如圖5-8所示，搜索結(jié)果如圖5-9。圖5-8 圖書搜索圖圖5-9 搜索結(jié)果圖查詢實(shí)現(xiàn)代碼如下：public List browseMer(int pageSize, int pageNo, String hql) throws Exception Session session = MySessionFactory.getSession();Transaction t = null;List list = null;tryQuery query = session.createQuery(hql);que

37、ry.setMaxResults(pageSize);query.setFirstResult(pageNo-1)*pageSize);t = session.beginTransaction();list = query.list();mit();if (!Hibernate.isInitialized(list)Hibernate.initialize(list);catch(Exception e)if(t!=null)t.rollback();l(在執(zhí)行MerServiceImpl類中的browseMer方法時(shí)出錯(cuò)：n);e.printStackTrace();finallysessi

38、o.close();return list;5.3 購物車模塊電子商務(wù)網(wǎng)站一般都有一個(gè)購物車功能，它必須設(shè)計(jì)合理，功能便捷。本系統(tǒng)的購物車主要是基于session，沒有考慮用戶禁止cookie的情況。要設(shè)計(jì)一個(gè)購物車，就必須分析購物車應(yīng)該具備哪些功能。設(shè)計(jì)購物車一般要實(shí)寫一個(gè)類，代表購物車中的一項(xiàng)物品。系統(tǒng)編寫了一個(gè)物品類Cart，其包含三個(gè)屬性：商品數(shù)目，商品實(shí)體、是否購買，購物車定義了一個(gè)屬性Map代表當(dāng)前購物車中的所有物品。購物車的功能包括商品數(shù)量修改，刪除、結(jié)算、清空、自動(dòng)統(tǒng)計(jì)價(jià)格等功能，購物車功能結(jié)構(gòu)如圖5-10所示。 購物車商品數(shù)量修改恢復(fù)商品列表清空已買商品刪除商品添加商品自動(dòng)統(tǒng)

39、計(jì)價(jià)格圖5-10 購物車功能結(jié)構(gòu)圖如果用戶沒有登錄點(diǎn)擊購買，則會(huì)提示用戶”沒有登錄,請(qǐng)先登錄，如果還未注冊(cè)，請(qǐng)先注冊(cè)后登錄“。 在商品列表購買商品的時(shí)候，如果成功購買，給出提示，如果用戶繼續(xù)點(diǎn)擊，則該物品在購物車中的數(shù)量加1。購買的商品操作，系統(tǒng)采用的是Ajax異步發(fā)送請(qǐng)求。傳統(tǒng)的點(diǎn)擊鏈接購買會(huì)刷新整個(gè)頁面，給用戶的感覺是非常不友好的，購物車管理如圖5-11所示。圖5-11 購物車管理圖購物車實(shí)現(xiàn)添加商品的方法：public ActionForward addCart(ActionMapping mapping, ActionForm form,HttpServletRequest reque

40、st, HttpServletResponse response) ActionForward forward = null;CartService cartService = new CartServiceImpl();MerService merService = new MerServiceImpl();ActionMessages msgs = new ActionMessages();Integer id = null;if (request.getParameter(id)!=null)id = new Integer(request.getParameter(id);try/判斷

41、會(huì)員是否已成功登錄Member mem = (Member)request.getSession().getAttribute(member);boolean status = false;Merchandise mer = null;if(mem=null)forward = mapping.findForward(memSorry);elseif (id!=null)mer = merService.loadMer(id);if (mer!=null)status = cartService.addCart(mem, mer, 1);if (status)msgs.add(addCartS

42、tatus,new ActionMessage(Constants.CART_ADD_SUC_KEY);elsemsgs.add(addCartStatus,new ActionMessage(Constants.CART_ADD_FAIL_KEY);forward = new ActionForward(/cart.do?method=browseCart);saveErrors(request, msgs);catch(Exception ex)(在執(zhí)行CartAction類中的addCart方法時(shí)出錯(cuò)：n);ex.printStackTrace();return forward;5.4

43、我的訂單該模塊主要實(shí)現(xiàn)訂單生成、訂單確認(rèn)，訂單完成。訂單生成流程如圖5-12所示。瀏覽商品用戶登錄購物車信息確認(rèn)訂單生成圖5-12 訂單流程圖5.4.1 訂單列表生成 用戶在購物車頁面中點(diǎn)擊購買后，則會(huì)跳轉(zhuǎn)到購物車管理頁面，前提是用戶必須已經(jīng)成功登錄，否則轉(zhuǎn)到登錄頁面提示用戶登錄后才能進(jìn)行操作。訂單生成功能主要是根據(jù)用戶在購物車中購買的物品生成訂單表格，其中會(huì)顯示用戶當(dāng)前購買的商品條目、數(shù)量、價(jià)格、總價(jià)等，以便用戶確認(rèn)，此時(shí)用戶也可以點(diǎn)擊“清空購物”車取消此次操作。如果客戶想繼續(xù)購物，可點(diǎn)擊“繼續(xù)購物”進(jìn)入到商品列表，訂單列表生成頁面如圖5-13所示。圖5-13 訂單列表圖5.4.2 訂單確認(rèn)

44、 如果購物車信息確認(rèn)完畢，點(diǎn)擊“進(jìn)入下一步”跳轉(zhuǎn)到確認(rèn)訂單信息，包括收貨人、收獲地址、電話、郵編等信息的確認(rèn)。信息確認(rèn)如圖5-14所示。圖5-14 訂單信息確認(rèn)圖5.4.3訂單生成 如果信息填寫準(zhǔn)確無誤，點(diǎn)擊提交訂單則會(huì)跳轉(zhuǎn)到order_ok.jsp，提示用戶訂單已經(jīng)確認(rèn)，系統(tǒng)已經(jīng)存入數(shù)據(jù)庫。提示頁面會(huì)提示用戶本次訂單的編號(hào)，用戶確認(rèn)是否已經(jīng)成功，可以到個(gè)人信息管理中心點(diǎn)擊查看訂單一欄查看是否存在剛才下過的訂單，訂單確認(rèn)頁面如圖5-15所示。圖5-15 訂單提交成功圖6 后臺(tái)模塊的設(shè)計(jì)與實(shí)現(xiàn) 一個(gè)完整的系統(tǒng)就必須具備方便快捷的前臺(tái)服務(wù)和完善的后臺(tái)管理功能。本系統(tǒng)也針對(duì)前臺(tái)交易系統(tǒng)設(shè)計(jì)了一個(gè)后臺(tái)

45、管理服務(wù)，主要包括用戶管理、訂單管理、商品管理、類別管理、安全退出等幾個(gè)功能模塊，系統(tǒng)功能結(jié)構(gòu)如6-1圖所示。 后臺(tái)管理管理員登錄用戶管理訂單管理商品管理類別管理管理員圖6-1 后臺(tái)管理圖6.1.系統(tǒng)后臺(tái)框架設(shè)計(jì)6.1.1管理員的設(shè)計(jì)本系統(tǒng)提供了，四類后臺(tái)管理員，即商品管理員，訂單管理員，會(huì)員管理員，系統(tǒng)用戶管理員。管理員登錄頁面如圖6-2所示。圖6-2 管理員登錄圖登錄的核心代碼如下：public ActionForward login(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServlet

46、Response response) LoginForm loginForm = (LoginForm) form;AdminService service = new AdminServiceImpl();ActionForward forward = null;ActionMessages msgs = new ActionMessages();tryAdmin admin = service.adminLogin(loginForm.getLoginName(), loginForm.getLoginPwd();if (admin!=null)request.getSession().s

47、etAttribute(Admin, admin);forward = mapping.findForward(loginSuccess);elseforward = mapping.getInputForward();msgs.add(loginError,new ActionMessage(Constants.ADMIN_LOGINERROR_KEY);saveErrors(request, msgs);catch(Exception ex)(在執(zhí)行AdminLoginAction類中的login方法時(shí)出錯(cuò)：n);ex.printStackTrace();return forward;6.

48、1.2 系統(tǒng)后臺(tái)主頁面設(shè)計(jì)輸入正確的用戶名和口令，則可以跳轉(zhuǎn)到后臺(tái)管理系統(tǒng)菜單，繼而進(jìn)行某些管理工作，也可以轉(zhuǎn)到前臺(tái)主頁訪問。系統(tǒng)管理主頁如圖6-3所示。圖6-3后臺(tái)主頁面圖6.1.3 管理員登出在主頁面上只要點(diǎn)擊安全退出，則會(huì)跳轉(zhuǎn)到管理員登錄界面adminLogin.jsp，同時(shí)把session中的manager屬性設(shè)置為空，代碼如下：request.getSession().invalidate();return mapping.findForward(logoutSuccess);6.2 用戶管理用戶管理主要包括用戶刪除、用戶詳細(xì)資料、修改會(huì)員級(jí)別基本等操作，用戶管理功能結(jié)構(gòu)如圖6-4所

49、示。 用戶管理刪除單個(gè)用戶用戶列表顯示用戶信息詳情用戶信息修改圖6-4 用戶管理圖6.3 訂單管理訂單管理主要實(shí)現(xiàn)了訂單列表的顯示，訂單的刪除、詳情、結(jié)算、受理等功能，訂單管理功能結(jié)構(gòu)如圖6-5所示。 訂單管理訂單 詳情顯示刪除單個(gè)訂單訂單列表顯示受理訂單信息結(jié)算單個(gè)訂單圖6-5 訂單管理圖6.3.1 訂單列表訂單查詢功能也是利用分頁技術(shù)顯示所有的訂單，然后每條訂單后面跟隨著查看訂單、受理訂單、刪除訂單，結(jié)單等功能菜單。訂單列表結(jié)果頁面如圖6-6所示。圖6-6訂單管理圖訂單管理代碼：public List browseOrder() throws Exception Session sessi

50、on = MySessionFactory.getSession();Transaction tx = null;List list = null;tryQuery query = session.createQuery(from Orders as a order by a.id desc);tx = session.beginTransaction();list = query.list();if (!Hibernate.isInitialized(list)Hibernate.initialize(list);mit();catch(Exception ex)if(tx!=null)tx

51、.rollback();(在執(zhí)行OrderServiceImpl類中的browseOrder方法時(shí)出錯(cuò)：n);ex.printStackTrace();finallyMySessionFactory.closeSession();return list;6.3.2 購物明細(xì)表 在每條訂單記錄的菜單中點(diǎn)擊查看訂單，則可以看到該訂單的所有信息，包括訂單編號(hào)、金額、下單日期、會(huì)員級(jí)別、收貨人、訂單購物明細(xì)等。訂單詳情頁面如圖6-7所示。圖6-7訂單詳細(xì)信息圖查看訂單詳細(xì)信息代碼：public List browseOrderMer(Cart cart) throws Exception Sessio

52、n session = MySessionFactory.getSession();Transaction tx = null;List result = null;try/瀏覽購物車中的所有選購記錄String hql =from Cartselectedmer as a where a.cart=:cartid;Query query = session.createQuery(hql);query.setInteger(cartid, cart.getId().intValue();tx = session.beginTransaction();result = query.list()

53、;if(!Hibernate.isInitialized(result)Hibernate.initialize(result);mit();catch(Exception ex)if(tx!=null)tx.rollback();(在執(zhí)行OrderServiceImpl類中的browseOrderMer方法時(shí)出錯(cuò)：n);ex.printStackTrace();finallyMySessionFactory.closeSession();return result;6.4 商品管理 商品管理主要功能包括商品列表、添加新商品、刪除、修改商品基本信息、修改分類、商品管理功能結(jié)構(gòu)如圖6-8所示。

54、商品管理添加新商品商品列表顯示商品詳情顯示修商品分類改修改商品信息圖6-8 商品管理圖6.4.1 商品查看該功能主要是分頁列出所有商品，每條商品記錄后面跟隨查看詳情、刪除商品、修改商品等操作。商品查看列表頁面如圖6-9所示。圖6-9 商品查看圖每條商品記錄后面都可以點(diǎn)擊相應(yīng)的功能操作，比如基本信息信息修改、刪除等。商品查看代碼：public List browseMer(String hql) throws Exception Session session = MySessionFactory.getSession();Transaction tx = null;List list = nu

55、ll;tryQuery query = session.createQuery(hql);tx = session.beginTransaction();list = query.list();mit();if (!Hibernate.isInitialized(list)Hibernate.initialize(list);catch(Exception ex)if(tx!=null)tx.rollback();(在執(zhí)行MerServiceImpl類中的browseMer方法時(shí)出錯(cuò)：n);ex.printStackTrace();6.4.2 添加新商品 添加新商品，必須選擇一個(gè)類別目錄下添加

56、，同時(shí)必須是數(shù)據(jù)庫中已經(jīng)存在的類別。添加頁面book_add.jsp頁面表單中數(shù)據(jù)都必須校驗(yàn)成功才能提交，提交成功后即可登入到前臺(tái)頁面查看剛才所添加的書籍時(shí)候存在，圖書添加頁面如圖6-10所示。圖6-10 新增商品圖圖書添加頁面使用了一個(gè)Ajax的典型技術(shù)，那就是級(jí)聯(lián)動(dòng)態(tài)下拉框。下拉列表中的數(shù)據(jù)不再是事先寫在Jsp頁面中，而是隨著用戶的點(diǎn)擊觸發(fā)加載的。 商品添加實(shí)現(xiàn)代碼：public boolean addMer(Merchandise mer) throws Exception Session session = MySessionFactory.getSession();Transacti

57、on tx = null;boolean status = false;trytx = session.beginTransaction();session.save(mer);mit();status = true;catch(Exception ex)if(tx!=null)tx.rollback();(在執(zhí)行MerServiceImpl類中的addMer方法時(shí)出錯(cuò)：n);ex.printStackTrace();finallyMySessionFactory.closeSession();return status;6.5 類別管理類別管理功能主要包括添加新類別，刪除類別、修改類別信息、

58、查看詳情等功能，類別管理功能結(jié)構(gòu)如圖6-11所示。 類別管理添加新類別刪除單個(gè)類別修改類別信息類別列表顯示、 圖6-11 類別管理圖 6.5.1 類別維護(hù)點(diǎn)擊類別列表上的商品分類管理可以查看到所有類別的信息，包括類別商品分類名稱、商品分類描述、商品分類維護(hù)。類別維護(hù)中刪除商品分類會(huì)刪除掉該分類和該類所對(duì)應(yīng)的所有商品，修改商品分類可以修改該分類的基本信息。商品類別維護(hù)如圖6-12所示。圖6-12商品類別維護(hù)圖6.5.2 添加新類別添加新類別功能主要包括商品分類名稱、商品分類描述功能。添加類別頁面如圖6-13所示。圖6-13 新增商品分類圖新增商品分類實(shí)現(xiàn)代碼：public boolean addCategory(Category