【正文】 xxx xxx 1 xxx 合計(jì)總金額： xxx圖 6 購(gòu)物頁(yè)面設(shè)計(jì)草圖 收款臺(tái)頁(yè)面 購(gòu)物車是虛擬現(xiàn)實(shí)的稱呼，此頁(yè)面主要顯示已訂購(gòu)的書(shū)籍列表。每一款書(shū)籍有名稱、單價(jià)、數(shù)量。其中，數(shù)量是可以修改的。書(shū)籍也可以根據(jù)需要?jiǎng)h除如圖 7。返回放入購(gòu)物車?yán)^續(xù)購(gòu)物 去收銀臺(tái)結(jié)帳刪除修改數(shù)量 清空購(gòu)物車15鏈接說(shuō)明：?jiǎn)螕簟緞h除】按鈕，將購(gòu)物車中的書(shū)籍刪除。單擊【繼續(xù)購(gòu)物】按鈕，返回上一級(jí)頁(yè)面，單擊【去收銀臺(tái)結(jié)帳】按鈕，到收款臺(tái)結(jié)賬。頁(yè)面樣式可重用的頁(yè)頭用 戶 名：真實(shí)姓名：聯(lián)系地址：郵政編碼：聯(lián)系地址：聯(lián)系電話：付款方式：選擇付款方式郵局匯款貨到付款在線支付 Email 地址：圖 7 收款臺(tái)頁(yè)面設(shè)計(jì)草圖 查看訂單頁(yè)面 收款臺(tái)仍然包含客戶的個(gè)人信息，同時(shí)需要選擇支付方式，如圖 8。鏈接說(shuō)明：?jiǎn)螕簟敬_定】按鈕，生成訂單，到達(dá)訂單頁(yè)面，購(gòu)買成功返回首頁(yè)。頁(yè)面樣式可重用的頁(yè)頭16可重用左側(cè)頁(yè)面 您的訂單訂單號(hào) 品種數(shù) 姓名 付款方式 運(yùn)送方式 折扣 訂購(gòu)時(shí)間編號(hào)一 3 xxx xxx xxx 2022 圖 8 定單查看頁(yè)面設(shè)計(jì)草圖 后臺(tái)管理頁(yè)面需求設(shè)計(jì) 后臺(tái)管理可重用頁(yè)頭樣式 頁(yè)頭仍然保留常用頁(yè)頭格式，左側(cè)是公司 Logo，下半部分是橫幅廣告， logo 右面是導(dǎo)航條，分別為各個(gè)主要頻道的鏈接，如圖 9 所示。首頁(yè)鏈到網(wǎng)站首頁(yè)， “圖書(shū)管理”連到首頁(yè)， “用戶管理 ”連到用戶管理頁(yè)， “定單管理” 鏈接到定單管理頁(yè)面， “公告管理”鏈接到公告管理頁(yè)面， “投票管理 ”鏈接到投票管理頁(yè)，庫(kù)存管理鏈接到庫(kù)存管理頁(yè)。logo 圖書(shū)管理 用戶管理 訂單管理 公告管理 投票管理 庫(kù)存管理Books ManageMember Manage Order ManageBBS Manage Poll manage Bookstorage圖書(shū)管理用戶管理訂單管理公告管理 投票管理 庫(kù)存管理 Books ManageMember ManageOrder ManageBBS Manage Poll manage bookstoreage圖 9 后臺(tái)管理可重用頁(yè)頭設(shè)計(jì)草圖 管理類頁(yè)面大概模式 本樣式實(shí)用于后臺(tái)管理的所有頁(yè)面，可以根據(jù)數(shù)據(jù)不同設(shè)置不同的數(shù)據(jù)顯示項(xiàng)。由于管理類基本相同，所以統(tǒng)一用如下樣式如圖 10。 操作介紹：——修改管理類——17 圖 10 可重用管理頁(yè)面設(shè)計(jì)草圖 性能需求（1）數(shù)據(jù)精確度價(jià)格單位保留到分。（2）美觀性要求界面美觀，能夠吸引顧客的注意，并帶給顧客美的感受。（3）高效性保證顧客一次最簡(jiǎn)單購(gòu)物過(guò)程在 1 分鐘內(nèi)完成。（4）適應(yīng)性購(gòu)物流程要簡(jiǎn)單明了，書(shū)籍圖片要清楚，書(shū)籍信息描述準(zhǔn)確。 其他需求如可使用性、安全保密、可維護(hù)性、可移植性等。 4 總體設(shè)計(jì) 總體設(shè)計(jì)目的為有效指導(dǎo)問(wèn)卷調(diào)查系統(tǒng)頁(yè)面設(shè)計(jì)，特設(shè)計(jì)此總體設(shè)計(jì)。此總體設(shè)計(jì)主要包含系統(tǒng)功能模塊的劃分與設(shè)計(jì), 數(shù)據(jù)流圖設(shè)計(jì)、目錄設(shè)置、頁(yè)面相關(guān)名稱、頁(yè)面流轉(zhuǎn)關(guān)系、頁(yè)面說(shuō)明、頁(yè)面在存儲(chǔ)設(shè)備中的位置、系統(tǒng)設(shè)計(jì)思想等。 業(yè)務(wù)流程圖 顧客購(gòu)物業(yè)務(wù)流程圖 描述顧客購(gòu)買圖書(shū)業(yè)務(wù)流程：18顧客注冊(cè) 顧客登陸 選購(gòu)查詢圖書(shū)顧客 注冊(cè)信息錄入 登陸信息錄入 需求圖書(shū)信息錄入購(gòu)買完成 定單查詢關(guān)鍵字錄入 確認(rèn)定單填寫(xiě)定單查詢定單退出登陸圖 11 顧客購(gòu)物流程圖購(gòu)物流程說(shuō)明（1）消費(fèi)者提交訂單。（2）頁(yè)面顯示：“ 感謝您在網(wǎng)上書(shū)店購(gòu)物，您的訂單已成功提交，我們會(huì)在 12 小時(shí)內(nèi)與您聯(lián)系。如有問(wèn)題可撥打網(wǎng)上書(shū)店客服熱線” 。（3）訂單信息進(jìn)入訂單信息庫(kù)。（4）訂單具備以下 2 種狀態(tài)：“執(zhí)行” 、 “提交成功，未處理”。（5）消費(fèi)者提交訂單，訂單入庫(kù)即為“提交成功、未處理” 狀態(tài)；在訂單確認(rèn)前，消費(fèi)者可在線取消其提交的訂單。（6）用戶可以查看自己的定單。 系統(tǒng)業(yè)務(wù)處理流程圖 描述系統(tǒng)的業(yè)務(wù)流程如圖 12。19圖書(shū)信息錄入圖書(shū)信息數(shù)據(jù)庫(kù)圖書(shū)入庫(kù)或圖書(shū)信息設(shè)置系統(tǒng)設(shè)置圖書(shū)設(shè)置定單設(shè)置圖書(shū)類型設(shè)置圖書(shū)入庫(kù)或圖書(shū)信息設(shè)置定單執(zhí)行錄入投票類型錄入定單信息數(shù)據(jù)庫(kù)圖書(shū)類型數(shù)據(jù)庫(kù)圖書(shū)數(shù)據(jù)庫(kù)圖書(shū)銷售 圖書(shū)銷售數(shù)據(jù)庫(kù)庫(kù)存信息錄入管理員定單查詢輸出查詢結(jié)果管理員退出登陸查詢信息錄入帳戶凍結(jié)/解凍圖 12 書(shū)店業(yè)務(wù)流程圖 系統(tǒng)功能模塊劃分與設(shè)計(jì) 網(wǎng)上書(shū)店的前臺(tái)功能模塊圖 描述前臺(tái)功能模塊的劃分如圖 13。網(wǎng)上書(shū)店前臺(tái)圖書(shū)展示 網(wǎng)上購(gòu)物 購(gòu)物車 收銀臺(tái) 會(huì)員管理 定單查詢新書(shū)上架銷售排行分類瀏覽網(wǎng)上調(diào)查查看結(jié)果添加購(gòu)物車查看購(gòu)物車整理購(gòu)物車清空購(gòu)物車填寫(xiě)訂單購(gòu)物結(jié)帳資料修改會(huì)員登陸會(huì)員注冊(cè)重點(diǎn)推薦定單查詢20圖 13 前臺(tái)功能模塊圖 網(wǎng)上書(shū)店的后臺(tái)臺(tái)功能模塊圖 描述后臺(tái)功能的劃分如圖 14。網(wǎng)上書(shū)店后臺(tái)圖書(shū)管理 用戶管理 定單管理 公告管理 投票管理 庫(kù)存管理添加圖書(shū)信息刪除圖書(shū)信息修改圖書(shū)信息查看用戶信息凍結(jié)/解凍用戶查看定單車執(zhí)行定單添加公告信息刪除公告信息刪除投票項(xiàng)目添加投票項(xiàng)目瀏覽投票項(xiàng)目查看圖書(shū)信息退出后臺(tái)管理查看公告信息退出后臺(tái)庫(kù)存檢查庫(kù)存添加圖 14 后臺(tái)功能模塊圖 系統(tǒng)設(shè)計(jì)思想 頁(yè)面模塊化 本系統(tǒng)把頁(yè)面中一些常用的部分集成為模塊，例如頁(yè)面的頭部、尾部和數(shù)據(jù)庫(kù)連接文件，這樣設(shè)計(jì)新的頁(yè)面時(shí)如果有重復(fù)出現(xiàn)的部分，只需要拿現(xiàn)成的模塊來(lái)組裝就可以了。 代碼的復(fù)用 本系統(tǒng)中使用了很好的代碼復(fù)用機(jī)制，即在開(kāi)發(fā)中盡量使用本系統(tǒng)中已經(jīng)使用過(guò)的代碼，以及使用以前項(xiàng)目積累的代碼，如分頁(yè)功能的實(shí)現(xiàn)。 頁(yè)面圖片處理 ，達(dá)到效果與21瀏覽速度和諧。 網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格 網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格是參考當(dāng)前韓國(guó)主流風(fēng)格，顏色選用基本安全色。對(duì)頁(yè)面進(jìn)行了整體顏色統(tǒng)一矯正，字體采用現(xiàn)在網(wǎng)上主流字體。 文件路徑和說(shuō)明所有 jsp 頁(yè)面文件全部放在存儲(chǔ)設(shè)備的 BookSupermarket 目錄下，包括主要路徑、頁(yè)面、頁(yè)面流轉(zhuǎn)關(guān)系、頁(yè)面路徑。說(shuō)明首頁(yè)的存放路徑和說(shuō)明如表 1。表 1 首頁(yè)路徑和說(shuō)明表頁(yè) 面 名 稱 全 路 徑 說(shuō) 明 BookSupermarket / 首頁(yè) 文件夾設(shè)置 文件夾路徑和作用說(shuō)明如表 2。表 2 網(wǎng)站文件路徑和說(shuō)明表文件夾名稱 全 路 徑 說(shuō) 明Manageimagesjscss/manage/images/js/css后臺(tái)管理文件夾圖片文件夾存放 JavaScript 函數(shù)存放樣式表的文件夾 顧客管理文件顧客管理頁(yè)面路徑和頁(yè)面說(shuō)明如表 3。表 3 顧客管理類頁(yè)面路徑和說(shuō)明表頁(yè) 面 名 稱 全 路 徑 頁(yè) 面 說(shuō) 明22BookSupermarketr/ BookSupermarketr/BookSupermarketr/BookSupermarketr/ BookSupermarketr/ BookSupermarketr/ BookSupermarketr/ 注冊(cè)內(nèi)部處理注冊(cè)頁(yè)面顯示頁(yè)面修改顧客信息顯示功能頁(yè)面修改顧客詳細(xì)信息檢查顧客名判斷顧客名密碼是否正確完成自動(dòng)跳轉(zhuǎn)功能 購(gòu)物部分文件購(gòu)物相關(guān)的頁(yè)面如表 4。表 4 顧客購(gòu)物類頁(yè)面路徑和說(shuō)明表頁(yè) 面 名 稱 全 路 徑 頁(yè) 面 說(shuō) 明/BookSupermarket/ /BookSupermarket/ /BookSupermarket/ /BookSupermarket/ /BookSupermarket/ /BookSupermarket/ /BookSupermarket/ /BookSupermarket//BookSupermarket//BookSupermarket/ /BookSupermarket//BookSupermarket/ 添加購(gòu)物車檢查購(gòu)物車是否正常清空購(gòu)物車修改購(gòu)物書(shū)籍?dāng)?shù)量空購(gòu)物車顯示頁(yè)面移去指定的圖書(shū)查看購(gòu)物車提交購(gòu)物車，寫(xiě)入數(shù)據(jù)庫(kù)搜索顯示頁(yè)面搜索實(shí)現(xiàn)和顯示結(jié)果定單查詢 書(shū)籍操作部分文件書(shū)籍操作相關(guān)頁(yè)面如表 5。表 5 書(shū)籍相關(guān)類頁(yè)面路徑和說(shuō)明表頁(yè) 面 名 稱 全 路 徑 頁(yè) 面 說(shuō) 明23/BookSupermarket/ /BookSupermarket/ /BookSupermarket/書(shū)詳細(xì)信息顯示銷售排行新書(shū)展示 前臺(tái)其他頁(yè)面文件可重用的頁(yè)面和其他要達(dá)到額外功能的文件如表 6。表 6 前臺(tái)其他頁(yè)面路徑和說(shuō)明表頁(yè) 面 名 稱 全 路 徑 頁(yè) 面 說(shuō) 明Poll_result/BookSupermarket/ /BookSupermarket/ /BookSupermarket/ /BookSupermarket/ Poll_result/BookSupermarket/ /BookSupermarket//BookSupermarket/可重用頁(yè)頭左側(cè)可重用頁(yè)面投票實(shí)現(xiàn)投票結(jié)果顯示判斷顧客是否登陸圖書(shū)分類顯示可重用頁(yè)尾 后臺(tái)管理頁(yè)面文件 用于后臺(tái)管理文件的存放和說(shuō)明有助于網(wǎng)站的開(kāi)發(fā)的規(guī)范化和條理化，讓開(kāi)發(fā)者清晰的了解各頁(yè)面的作用和功能描述如表 7。表 7 后臺(tái)管理頁(yè)面路徑和說(shuō)明表頁(yè) 面 名 稱 全 路 徑 頁(yè) 面 說(shuō) 明/BookSupermarket/manage/ /BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/manage/ 公告添加公告刪除顯示公告刪除實(shí)現(xiàn)公告管理頁(yè)面顯示圖書(shū)添加實(shí)現(xiàn)圖書(shū)添加顯示圖書(shū)詳細(xì)信息展示圖書(shū)修改24/BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/ manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ 可重用頁(yè)尾圖書(shū)修改詳細(xì)實(shí)現(xiàn)管理頁(yè)首頁(yè)管理登陸歡迎頁(yè)面判斷顧客合法，并跳轉(zhuǎn)顧客詳細(xì)信息續(xù)表 7頁(yè) 面 名 稱 全 路 徑 頁(yè) 面 說(shuō) 明/BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ /BookSupermarket/manage/ 顧客帳號(hào)凍結(jié)顧客帳號(hào)解凍 管理顧客界面顯示 定單詳細(xì)信息顯示定單執(zhí)行 定單管理界面顯示投票項(xiàng)目添加投票項(xiàng)目刪除 投票項(xiàng)目添加實(shí)現(xiàn)投票管理顯示 判斷是否是登陸可重用頁(yè)頭庫(kù)存管理頁(yè)面 數(shù)據(jù)庫(kù)需求分析用戶的需求具體體現(xiàn)在各種信息的提供、保存、更新和查詢方面，這就要求數(shù)據(jù)庫(kù)結(jié)構(gòu)能充分滿足各種信息的輸入和輸出。收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)及數(shù)據(jù)處理的