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

　　

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