【導(dǎo)讀】就我所知，除了文中特別加以標(biāo)注和致謝的。機(jī)構(gòu)的學(xué)位或證書(shū)所使用過(guò)的材料。此而造成的一切后果及責(zé)任。前臺(tái)功能頁(yè)面設(shè)計(jì)，包括注冊(cè)、購(gòu)物車、書(shū)籍介紹、分類、最暢銷圖書(shū)分類等；數(shù)據(jù)庫(kù)后臺(tái)管理程序設(shè)計(jì)，完成網(wǎng)站書(shū)店書(shū)籍相關(guān)內(nèi)容；訂單、客戶信息等相關(guān)顯示模塊；能夠?qū)?shū)籍的訪問(wèn)次數(shù)進(jìn)行統(tǒng)計(jì)，對(duì)管理者進(jìn)行簡(jiǎn)單的決策支持。采用Hibernate作為中間件，對(duì)JDBCAPI進(jìn)行封裝，負(fù)責(zé)java對(duì)象的持久化，封裝所有的數(shù)據(jù)。訪問(wèn)細(xì)節(jié)，使業(yè)務(wù)邏輯層可以專注于實(shí)現(xiàn)業(yè)務(wù)邏輯。第1～3周：對(duì)該系統(tǒng)進(jìn)行需求分析確定其所需實(shí)現(xiàn)的功能，完成文獻(xiàn)綜述；第4周：審查系統(tǒng)功能需求，進(jìn)行系統(tǒng)的總體結(jié)構(gòu)設(shè)計(jì)；第5～6周:：進(jìn)行系統(tǒng)的概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)；第7～9周:：編寫(xiě)代碼，進(jìn)行單元測(cè)試；第11～13周：撰寫(xiě)畢業(yè)論文初稿；第14周：修改論文，撰寫(xiě)畢業(yè)論文終稿；圖書(shū)作為一種商品，由于其標(biāo)準(zhǔn)簡(jiǎn)單、價(jià)格便宜，而被公認(rèn)為最適合在網(wǎng)上進(jìn)行交易。對(duì)前人工作有改進(jìn)或有獨(dú)特見(jiàn)解。

　　

【正文】 char(6) not null, 郵政編碼 grade int default 5)。 用戶級(jí)別 圖書(shū)表 create table goods( goodsId bigint primary key auto_increment, 貨物 id goodsName varchar(40), 名稱 goodsIntro varchar(500), 介紹 goodsPrice float, 價(jià)格 goodsNum int, 數(shù)量 publisher varchar(40), 發(fā)行商 photo varchar(40), 照片 type varchar(10) 類型 ) 訂單表 create table orders( ordersId bigint primary key auto_increment, 訂單號(hào) userId bigint, 哪個(gè)用戶訂的 foreign key (userId) references users(userid), 設(shè)置外鍵 orderDate timestamp not null default current_timestamp, 下訂單的時(shí)間 （默認(rèn)系統(tǒng)當(dāng)前時(shí)間） payMode set(39。貨到付款 39。,39。支付寶付款 39。) default 39。貨到付款 39。, 付款的方式 華東交通大學(xué)畢業(yè)設(shè)計(jì) 17 isPayed set(39。039。,39。139。), (0,表示還沒(méi)有付款 1：表示已經(jīng)付款了 ) totalPrice float not null 總價(jià)格 ) 訂單細(xì)節(jié)表 create table orderDetail( ordersId bigint not null, 訂單號(hào) foreign key (ordersId) references orders(orderId), 外鍵 指向 orders 表 goodsId bigint not null, 商品號(hào) foreign key (goodsId) references goods(goodsId), 外鍵 指向 goods 表 nums int not null 數(shù)量 ) 詳單表 create table orderinfo( orderInfoId bigint primary key auto_increment, 詳單號(hào) username varchar(30) not null, 用戶名 truename varchar(30) not null, 真實(shí)名 passwd varchar(40) not null, 密碼 varchar(40) not null, 郵箱 phone varchar(20) not null, 電話 address varchar(30) not null, 收貨地址 postcode char(6) not null, 郵政編碼 grade set(39。139。,39。539。) default 39。539。, 用戶級(jí)別 ordersId bigint not null, 訂單號(hào) userid bigint not null, 會(huì)員號(hào) orderDate timestamp not null default current_timestamp, 下訂單的時(shí)間 payMode set(39。貨到付款 39。,39。支付寶付款 39。) default 39。貨到付款 39。, 付款的方式 isPayed set(39。039。,39。139。), (0,表示還沒(méi)有付款 1：表示已經(jīng)付款了 ) totalPrice float not null 總價(jià)格 ) 梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 18 5 界面設(shè)計(jì) 工作流圖 用戶在首頁(yè)中，選中一件自己所需的商品后，點(diǎn)擊進(jìn)入該商品的詳細(xì)介紹界面，可以選擇是否立即付款，或者先加入購(gòu)物車再繼續(xù)購(gòu)物。選擇付款的話，直接跳轉(zhuǎn)登陸頁(yè)面，判斷是否登錄，如果檢測(cè)到用戶已登錄過(guò)，則繼續(xù)跳轉(zhuǎn)至確認(rèn)訂單界面，用戶確認(rèn)訂單并提交訂單后，整個(gè)購(gòu)物過(guò)程就結(jié)束了。工作流圖如下圖所示。 圖 51 系統(tǒng)工作流程圖 華東交通大學(xué)畢業(yè)設(shè)計(jì) 19 界面設(shè)計(jì)成果 主界面 圖 52 主界面 子界面 圖 53 圖書(shū)詳細(xì)介紹界面 梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 20 圖 54 購(gòu)物車界面 圖 55 購(gòu)物車清空操作提示框 華東交通大學(xué)畢業(yè)設(shè)計(jì) 21 圖 56 輸入數(shù)量格式錯(cuò)誤后的提示框 圖 57 會(huì)員登錄界面梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 22 圖 58用戶注冊(cè)界面 圖 59用戶確認(rèn)訂單界面 華東交通大學(xué)畢業(yè)設(shè)計(jì) 23 圖 510完成訂單后界面 梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 24 6 詳細(xì)設(shè)計(jì) 系統(tǒng)主要功能模塊介紹 網(wǎng)上書(shū)店主要分一下幾個(gè)功能模塊： ● 網(wǎng)站首頁(yè)商品分頁(yè)展示 ● 商品詳細(xì)介紹 ● 查看購(gòu)物車 ● 會(huì)員登錄 ● 用戶注冊(cè) ● 修改送貨地址及確認(rèn)訂單信息 ● 顯示客戶所有訂單信息 首頁(yè)商品展示模塊設(shè)計(jì) 詳細(xì)功能及描述： ● 獲取圖書(shū)分類信息以及圖書(shū)基本信息集合 ● 循環(huán)顯示圖書(shū)分類信息 ● 提交顯示指定分類圖書(shū)信息的請(qǐng)求，同時(shí)傳遞對(duì)應(yīng)圖書(shū)編號(hào) ● 提交書(shū)目搜索請(qǐng)求及搜索條件的表單 ● 提交搜索關(guān)鍵字的表單元素 ● 選擇搜索條件的表單元素 ● 顯示圖書(shū)記錄總數(shù)、當(dāng)前頁(yè)面編號(hào)以及總頁(yè)數(shù) ● 循環(huán)顯示對(duì)應(yīng)圖書(shū)書(shū)目信息 ● 顯示圖書(shū)名稱、價(jià)格、銷售價(jià)格、作者信息 ● 提交顯示圖書(shū)詳細(xì)信息請(qǐng)求的超鏈接 ● 提交分頁(yè)顯示請(qǐng)求的超鏈接，同時(shí)提交指定頁(yè)面編號(hào) ● 顯示圖書(shū)銷售排行榜 華東交通大學(xué)畢業(yè)設(shè)計(jì) 25 程序流程圖： 圖 61 圖書(shū)展示設(shè)計(jì) 流程圖 在本頁(yè)面中，當(dāng)點(diǎn)擊選中一件商品時(shí)，將提交“ ?goodsId=$()” 請(qǐng)求，以便于獲取對(duì)應(yīng)圖書(shū)的相關(guān)信息，在搜索欄，輸入相應(yīng)的關(guān)鍵字，單擊“搜索”按鈕時(shí)，將提交“ ”請(qǐng)求，同時(shí)提交查詢條件，進(jìn)行后續(xù)書(shū)目信息搜索的處理。當(dāng)在書(shū)目列表中單擊查看詳細(xì)信息請(qǐng)求時(shí)，將發(fā)出 “ ” 請(qǐng)求，同時(shí)傳遞對(duì)應(yīng)圖書(shū)記錄的編號(hào)，以獲取指定圖書(shū)更新詳細(xì)的信息。此外在單擊“首頁(yè)”、“上一頁(yè)”、“下一頁(yè)”“末頁(yè)”超鏈接后，將分別提交“ ?pageNow=1” 、 “ ?pageNow=pageNow1” 、“ ?pageNow=pageNow+1” 、 “ ?pageNow=pageCount” 等請(qǐng)求，以實(shí)現(xiàn)分頁(yè)的功能。 商品詳細(xì)介紹模塊設(shè)計(jì) 詳細(xì)功能及描述： ● 依據(jù)圖書(shū)記錄編號(hào)獲取待顯示詳細(xì)信息的圖書(shū)類型的對(duì)象 ● 分別顯示該圖書(shū)對(duì)象的詳細(xì)信息 ● 顯示圖書(shū)封面圖片、名稱、簡(jiǎn)單介紹、價(jià)格、出版社等信息 梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 26 ● 單擊“加入購(gòu)物車”按鈕后，將提交放入購(gòu)物車的請(qǐng)求 ● 單 擊“立即付款”按鈕后，將提交確認(rèn)訂單的請(qǐng)求 程序流程圖： 圖 62 商品詳細(xì)介紹 設(shè)計(jì)流程圖 本頁(yè)面是在控制器響應(yīng)了網(wǎng)上書(shū)店主頁(yè)提交的查看圖書(shū)詳細(xì)信息請(qǐng)求，即“ ”請(qǐng)求后，跳轉(zhuǎn)到的頁(yè)面。在該頁(yè)面中將獲取到的指定圖書(shū)信息信息顯示出來(lái)，同時(shí)如果用戶單擊“加入購(gòu)物車”按鈕，將提交“ cart!?goodsId=${}”請(qǐng)求，進(jìn)行后續(xù)放入購(gòu)物車的處理，如果用戶單擊“立即付款”按鈕，將提交“ ? goodsId=${}”請(qǐng)求，進(jìn)行后續(xù)確認(rèn)訂單的處理。 華東交通大學(xué)畢業(yè)設(shè)計(jì) 27 顯示購(gòu)物車模塊設(shè)計(jì) 詳細(xì)功能及描述： ● 獲取該用戶購(gòu)物車中信息的集合 ● 循環(huán)顯示購(gòu)物車中的每一條購(gòu)物記錄信息 ● 設(shè)置購(gòu)買(mǎi)數(shù)量的文本框 ● 顯示圖書(shū)銷售價(jià)格 ● 顯示圖書(shū)總價(jià)格 ● 從購(gòu)物車中刪除購(gòu)買(mǎi)記錄信息 ● 提交繼續(xù)購(gòu)書(shū)請(qǐng)求的超接連 ● 提交清空購(gòu)物車請(qǐng)求的超鏈接 ● 提交結(jié)算付款請(qǐng)求的超鏈接 程序流程圖： 圖 63 顯示購(gòu)物車設(shè)計(jì)流程圖 梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 28 本頁(yè)面是在用戶選擇購(gòu)買(mǎi)某種圖書(shū)商品后，進(jìn)入的頁(yè)面，在該頁(yè)面中將顯示該用戶購(gòu)物車中現(xiàn)有的所有購(gòu)買(mǎi)需求記錄。同時(shí)提供 更新購(gòu)物車的操作界面，例如，可以輸入購(gòu)買(mǎi)數(shù)量或者選擇刪除購(gòu)買(mǎi)記錄。單擊“繼續(xù)購(gòu)書(shū)”按鈕后，提交“ ”請(qǐng)求返回網(wǎng)上書(shū)店主界面繼續(xù)購(gòu)書(shū)，或者單擊“清空購(gòu)物車”按鈕提交“ cart!”請(qǐng)求。同時(shí)，如果用戶確認(rèn)付款，則可以單擊“立即付款”按鈕跳轉(zhuǎn)到訂單確認(rèn)界面，如果用戶處于未登錄狀態(tài)，則跳轉(zhuǎn)到會(huì)員登錄界面。 會(huì)員登錄模塊設(shè)計(jì) 詳細(xì)功能及描述： ● 提交用戶登錄請(qǐng)求，同時(shí)提交登錄用戶信息的表單 ● 提交登錄用戶名及密碼的表單元素 ● 智能校驗(yàn)用戶名和密碼 ● 登錄按鈕 ● 提交新用 戶注冊(cè)請(qǐng)求的超鏈接 程序流程圖： 圖 64 會(huì)員登錄模塊設(shè)計(jì)流程圖 華東交通大學(xué)畢業(yè)設(shè)計(jì) 29 本頁(yè)面是顧客在購(gòu)物車頁(yè)面點(diǎn)擊“立即付款”按鈕后跳轉(zhuǎn)過(guò)來(lái)的頁(yè)面，在該頁(yè)面中，用戶在表單中輸入用戶名及密碼，單擊“登錄”按鈕后，將提交“ ”請(qǐng)求，以便于進(jìn)行后續(xù)獲取用戶相關(guān)信息的處理，對(duì)于沒(méi)有用戶身份的新顧客，可以在本頁(yè)面中單擊“新用戶注冊(cè)”按鈕，跳轉(zhuǎn)到“ ”頁(yè)面進(jìn)行用戶注冊(cè)。 用戶注冊(cè)模塊設(shè)計(jì) 詳細(xì)功能及描述： ● 提交新用戶注冊(cè)請(qǐng)求，同時(shí)提交新用戶注冊(cè)信息的表單 ● 提交注冊(cè)用 戶姓名、地址、電子郵件地址、電話、用戶名、密碼以及確認(rèn)密碼的表單元素 ● 注冊(cè)按鈕 程序流程圖： 圖 65 用戶注冊(cè)模塊設(shè)計(jì)流程圖 在本頁(yè)面中注冊(cè)用戶可以在表單中輸入對(duì)應(yīng)的注冊(cè)信息，在單擊“注冊(cè)按鈕后”，將提交 ” ” 請(qǐng)求，同時(shí)提交新用戶的相關(guān)注冊(cè)信息，存儲(chǔ)到數(shù)據(jù)庫(kù) users 表中，以便于進(jìn)行后續(xù)新用戶注冊(cè)的處理。 梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 30 修改送貨地址及確認(rèn)訂單信息 模塊設(shè)計(jì) 詳細(xì)功能及描述： ● 獲取客戶信息 ● 提交選擇送貨方式及付款方式的表單 ● 顯示會(huì)員信息、姓名、地址、電話、付款方式 ● 獲取訂 單信息、客戶信息 ● 顯示購(gòu)物車中的信息 ● 顯示所購(gòu)圖書(shū)書(shū)名、數(shù)量、總價(jià) ● 顯示整張訂單總價(jià) ● 顯示付款方式信息 ● 顯示訂單編號(hào) ● 提交繼續(xù)購(gòu)書(shū)的請(qǐng)求 程序流程圖： 圖 66 修改送貨地址及確認(rèn)訂單信息模塊設(shè)計(jì)流程圖 華東交通大學(xué)畢業(yè)設(shè)計(jì) 31 本頁(yè)面是在用戶登錄通過(guò)后，跳轉(zhuǎn)到的頁(yè)面，在該頁(yè)面中首先獲取對(duì)應(yīng)會(huì)員的會(huì)員資料，同時(shí)提供送貨地址的修改以及付款方式的選擇，在用戶單擊“修改”按鈕后，會(huì)執(zhí)行會(huì)員資料修改的請(qǐng)求，并且下面將全面顯示該客戶本次購(gòu)物生成的詳細(xì)訂單信息，同時(shí)如果單擊“繼續(xù)購(gòu)書(shū)”按鈕將提交“ ”請(qǐng)求返回網(wǎng)上書(shū) 店主頁(yè)面，如果點(diǎn)擊“查看”按鈕將提交“ ”，跳轉(zhuǎn)到“ ”頁(yè)面。 顯示客戶所有訂單信息模塊設(shè)計(jì) 詳細(xì)功能及描述： ● 獲取該客戶訂單信息列表 ● 顯示訂單編號(hào)、時(shí)間、總價(jià) ● 提交返回購(gòu)書(shū)請(qǐng)求的超鏈接 程序流程圖： 圖 67 顯示客戶所有訂單信息模塊設(shè)計(jì)流程圖 本頁(yè)面將顯示當(dāng)前用戶的詳細(xì)訂單信息，同時(shí)用戶可以單擊“繼續(xù)購(gòu)物”超鏈接提交“ ”請(qǐng)求跳轉(zhuǎn)到網(wǎng)上書(shū)店主界面。 梅鵬： 基于 mvc 模式的網(wǎng)上書(shū)店系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 32 7 編碼 代碼實(shí)現(xiàn)與核心算法 首頁(yè)業(yè)務(wù)對(duì)應(yīng)的 Action 中定義了一系列需要的參數(shù)，如首頁(yè)默認(rèn)顯示第一頁(yè)，就設(shè)pageNow 的值為 1，還需要通過(guò) spring 管理注入進(jìn)來(lái)的 goodsService 獲得需要顯示的商品信息。關(guān)鍵代碼如下 ： //當(dāng)前頁(yè)面序號(hào) 默認(rèn)顯示第一頁(yè) private int pageNow = 1。 private GoodsService goodsService。 //每頁(yè)顯示的圖書(shū)信息 private ListGoods goodsByPa