【導(dǎo)讀】及修改購(gòu)物車信息，查詢商品信息，用戶登錄與注冊(cè)。該網(wǎng)上商城的系統(tǒng)主要由前臺(tái)商品展示及銷售和后臺(tái)管理兩部分組成。情況，還可以管理會(huì)員、商品、公告等。1）2020年11月初-12月初：根據(jù)需求，完成文獻(xiàn)搜索和撰寫開(kāi)題報(bào)告。2）2020年12月初-2020年2月末：完成系統(tǒng)分析設(shè)計(jì)和總體設(shè)計(jì)。5）2020年5月中旬：提交論文和系統(tǒng)，準(zhǔn)備論文答辯。度更快，價(jià)格更低等優(yōu)勢(shì)。系統(tǒng)是用JSP在網(wǎng)絡(luò)上架構(gòu)一個(gè)動(dòng)態(tài)的在線購(gòu)物系統(tǒng)，用MyEclipse. 作為網(wǎng)頁(yè)開(kāi)發(fā)工具，SQLServer2020作為系統(tǒng)數(shù)據(jù)庫(kù)，作為Web服務(wù)器。了現(xiàn)在網(wǎng)上購(gòu)物系統(tǒng)的主要基本功能。員也可以在后臺(tái)方便的進(jìn)行對(duì)網(wǎng)站和用戶的管理操作。出一片新鮮的購(gòu)物大地。在美、日等信息化程度較高的國(guó)家和地區(qū)，網(wǎng)絡(luò)商店發(fā)展速。培尼等紛紛躋身于網(wǎng)絡(luò)經(jīng)商的行列。在我國(guó)，網(wǎng)上購(gòu)物從無(wú)到有也不過(guò)短短幾年時(shí)間。我國(guó)第一家網(wǎng)上購(gòu)物發(fā)生在

　　

【正文】 第 5 章 系統(tǒng)詳細(xì)設(shè)計(jì) 系統(tǒng)架構(gòu)設(shè)計(jì) 前臺(tái)部分由用戶使用，主要包括 新品上架、特價(jià)商品、銷售排行、購(gòu)物車 、會(huì)員管理、商品公告及訂單查詢、商品查詢等。 （ 1）模塊功能介紹 新品上架：在首頁(yè)展示幾條上架新品的商品信息，點(diǎn)擊進(jìn)該模塊后展示更多新上架商品。 特價(jià)商品：在首頁(yè)展示幾條特價(jià)商品信息，點(diǎn)擊進(jìn)該模塊后展示更多特價(jià)商品。 銷售排行：統(tǒng)計(jì)銷售數(shù)量再按統(tǒng)計(jì)后的銷售數(shù)量降序排列。 購(gòu)物車：和實(shí)際生活中的購(gòu)物車一樣，用于暫時(shí)保存挑選的商品。 會(huì)員管理：包括會(huì)員注冊(cè)、會(huì)員登錄、會(huì)員資料修改三部分。 商品查詢：在首頁(yè)選擇需要查詢的商品種類，查看該類別的全部商品信息，然后單擊商品名稱查看相應(yīng)商品的詳細(xì)信息。 （ 2）前臺(tái)文件組成 首頁(yè)組成圖如圖 所示。 Go 購(gòu)電子商城首頁(yè) 首頁(yè)主體頁(yè)面 導(dǎo)航條 后臺(tái)登錄入口 19 The ponent diagram 圖 首頁(yè)組成圖 導(dǎo)航欄組成圖 如圖 。 The navigation bar diagram 圖 導(dǎo)航欄組成圖 左側(cè)頁(yè)面組成 圖如圖 所示。 The left page position diagram 圖 左側(cè)頁(yè)面組成圖 導(dǎo)航欄 新品上架 首頁(yè) 會(huì)員資料修改 購(gòu)物車 查看訂單 特價(jià)商品 銷售排行 左側(cè)頁(yè)面 會(huì)員注冊(cè) 會(huì)員登錄 sp 商城公告詳細(xì)頁(yè)面 商品銷售排行詳細(xì)頁(yè)面 20 購(gòu)物車組成圖 如圖 。 The shopping cart ponent diagram 圖 購(gòu)物車組成圖 網(wǎng)站前臺(tái)首頁(yè) 設(shè)計(jì) 在 Go 購(gòu)電子商城的首頁(yè)中，用戶不但可以在第一時(shí)間內(nèi)掌握商城推出的特價(jià)商品、上架新品、最新公告等，還可以查看銷售排行、搜索指定商品、商品分類查詢等。Go 購(gòu)電子商城前臺(tái)首頁(yè)的運(yùn)行結(jié)果如圖 所示。 保存訂單 填寫訂單 購(gòu)物車 修改數(shù)量 添加 清空購(gòu)物車 移除 查看 去收銀臺(tái)結(jié)賬 1 2 3 4 5 6 7 8 9 21 The operation results web page 圖 網(wǎng)站前臺(tái)首頁(yè)的 運(yùn)行結(jié)果 下面以列表形式給出前臺(tái)頁(yè)面各部分的說(shuō)明信息，如表 51 所示。 Table 51 The front page description 表 51 前臺(tái)頁(yè)面說(shuō)明 區(qū)域 名稱 說(shuō)明 對(duì)應(yīng)文件 1 網(wǎng)站導(dǎo)航 主要展示網(wǎng)站的旗幟廣告和站內(nèi)導(dǎo) 航條 2 用戶登錄 主要用于會(huì)員登錄和提供會(huì)員注冊(cè)的入口 3 商品搜索 主要用于按商品的大分類模糊查詢商品信息 4 商城公告 主要用于顯示網(wǎng)站最新公告 5 特價(jià)商品 用于顯示最新的兩條特價(jià)商品的信息 6 商品分類 按類別展示商品信息 7 銷售排行 顯示商城中銷售量最好的 10 種商品 8 商品上架 主要用于顯示最新上架的 4 種商品信息 9 廣告招商位 用于顯示網(wǎng)站的廣告招商信息 10 后臺(tái)登錄入口 網(wǎng)站后臺(tái)登錄入口 11 版權(quán)信息 顯示網(wǎng)站版權(quán)信息 會(huì)員管理模塊設(shè)計(jì) 在前臺(tái)的會(huì)員管理模塊中主要包括會(huì)員注冊(cè)、會(huì)員登錄、會(huì)員資料修改 3 部分。由于會(huì)員資料修改同會(huì)員注冊(cè)的實(shí)現(xiàn)方法類似，只是調(diào)用的 SQL 語(yǔ)句不同，所以此處只給出會(huì)員注冊(cè)和會(huì)員登錄進(jìn)行介紹。 (1)．會(huì)員注冊(cè) 會(huì)員注冊(cè)的入口位于網(wǎng)站首頁(yè)的左側(cè)。用戶單擊【注冊(cè)】按鈕即可進(jìn)入到會(huì)員注冊(cè)頁(yè) 面 。會(huì)員注冊(cè)模塊由兩個(gè)頁(yè)面組成，一個(gè)是用于收集用戶輸入的注冊(cè)信息的會(huì)員注冊(cè)頁(yè)面 ，該頁(yè)面主要由各個(gè)表單元素組成，用于提示用戶填寫注冊(cè)信息，在用戶名的填寫框旁還有一個(gè) 的鏈接，可以先檢測(cè)用戶名是否可用再繼續(xù)填寫下面的信息。另一個(gè)用于將會(huì)員注冊(cè)信息保存到數(shù)據(jù)表中的處理頁(yè) ，當(dāng)用戶名已存在就彈出“該用戶名已存在，請(qǐng)重新注冊(cè)！”的提示，并將頁(yè)面重定向到注冊(cè)頁(yè)面；如果用戶名不存在則使用 中的 member 類保存客戶端輸入的會(huì)員信息，再通過(guò)調(diào)用 22 中的 insert（）方法將會(huì)員信息保存到會(huì)員信息表中，如果插入成功則提示“用戶注冊(cè)成功！”，否則提示“用戶注冊(cè)失??！ ”。 其流程圖如圖 。 User registration system flow chart 圖 用戶注冊(cè)系統(tǒng)流程圖 (2)．會(huì)員登錄 會(huì)員登錄用于網(wǎng)站會(huì)員登錄本網(wǎng)站進(jìn)行購(gòu)物或查看訂單情況。 會(huì)員登錄入口位于網(wǎng)站首頁(yè)的左側(cè)，當(dāng)用戶在登錄頁(yè)面 中輸入用戶名和密碼后，單擊【登錄】按鈕，系統(tǒng)將對(duì)輸入的用戶名和密碼進(jìn)行驗(yàn)證，如果用戶輸入的用戶名存在并且凍結(jié)字段的值不為 1，則判斷用戶輸入的密碼是否正確，如果密碼正確，則重新進(jìn)入網(wǎng)站首頁(yè)，顯示登錄用戶的用戶名、【修改資料】按鈕、【退出登錄】按鈕，否則提示登錄失敗。 [10]但無(wú)論失敗還是成功都將頁(yè)面重定向到主頁(yè)面 。其流程圖如圖 。 開(kāi) 始 結(jié) 束 否 是 是 接收注冊(cè)信息 數(shù)據(jù)是否為空 兩次密碼是否一致 查詢數(shù)據(jù)庫(kù) 用戶名是否被占用 是 否 否 注冊(cè)成功 注冊(cè)失敗 開(kāi) 始 接收登錄信息 查詢數(shù)據(jù)庫(kù) 登錄失敗 23 User login process map 圖 用戶登錄流程圖 會(huì)員資料修改模塊設(shè)計(jì) 個(gè)人資料修改模塊在前臺(tái)主頁(yè)的導(dǎo)航條上，單擊“會(huì)員資料修改”鏈接，進(jìn)入用戶資料修改頁(yè)面 ，該頁(yè)面主要給用戶修改用戶信息，用戶只有在登錄后才有權(quán)限修改個(gè)人資料信息。 個(gè)人信息填寫完畢后單擊“修改”，則調(diào)用 中的 member 類保存客戶端更新的會(huì)員信息，再通過(guò)調(diào)用 中的 update（）方法將會(huì)員信息保存到會(huì)員信息表中，再在 判斷用戶信息是否成功更新，如果更新成功則提示“ 會(huì)員信息修改成功！”，否則提示“會(huì)員信息修改失??！”。 個(gè)人資料修改模塊流程圖如圖 所示。 24 Personal data updated module flow chart 圖 個(gè)人資料修改模塊流程圖 購(gòu)物車模塊設(shè)計(jì) 購(gòu)物車模塊中，主要包含以下幾個(gè)功能，即：添加購(gòu)物車、查看購(gòu)物車、生成訂單和清空購(gòu)物車。 (1).添加至購(gòu)物車 添加購(gòu)物車就是把用戶選中的商品暫時(shí)存放在購(gòu)物車中。當(dāng)用戶在首頁(yè)或商品詳情展 示頁(yè)面 中單擊 “購(gòu)買”按鈕時(shí)，運(yùn)行 頁(yè)面將商品的信息從數(shù)據(jù)庫(kù)調(diào)出來(lái)，再重定向到購(gòu)物車頁(yè)面 ，便將該商品放入購(gòu)物車中并查看。 添加商品的代碼流程是從 session 中讀取 cart 對(duì)象，如果為空則說(shuō)明還沒(méi)有進(jìn)行購(gòu)物或者已經(jīng)清空了購(gòu)物車，需要新建購(gòu)物車對(duì)象；將商品名稱與購(gòu)物車列表中的商品名稱對(duì)比，如果已經(jīng)存在，則把商品數(shù)量加 1。 在這段代碼流程中，還使用了集合類型。集合類型在 Java 中又稱為向量，是一元集合，可以加入重復(fù)數(shù)據(jù)，它的作用和數(shù)組 相同，可以保存一系列數(shù)據(jù)，但集合類型也有它獨(dú)特的優(yōu)點(diǎn)，就是可以方便地對(duì)集合內(nèi)的數(shù)據(jù)進(jìn)行查找、增加、刪除和修改等操作。 (2).查看購(gòu)物車 開(kāi) 始 結(jié) 束 接收修改資料信息 將信息更新到數(shù)據(jù)庫(kù)中 更新是否成功 否 是 修改失敗 修改成功 25 為了方便用戶隨時(shí)查看購(gòu)物情況，在網(wǎng)站的首頁(yè)加入了查看購(gòu)物車的鏈接，通過(guò)它可以將用戶所有選中的商品信息放入購(gòu)物車中顯示出來(lái)。 首先要判斷用戶是否登錄和購(gòu)物車是否為空，如果用戶沒(méi)登陸，則提示用戶還沒(méi)登陸，然后跳轉(zhuǎn)到主頁(yè)面；如果購(gòu)物成為空，則跳轉(zhuǎn)到 頁(yè)面，告訴用戶購(gòu)物車為空，可以單擊其間的“我要購(gòu)買商品”按鈕跳轉(zhuǎn)去主頁(yè)面選購(gòu)商品。進(jìn)入到非空的購(gòu)物車頁(yè)面 ，則可以將保存在 session 中的購(gòu)物信息利用 for語(yǔ)句輸出到瀏覽器中，同時(shí)根據(jù)商品的現(xiàn)價(jià)、購(gòu)買數(shù)量自動(dòng)計(jì)算每種商品的金額和購(gòu)物車中全部商品的合計(jì)金額。 在查看購(gòu)物車頁(yè)面還提供了“繼續(xù)購(gòu)物”去首頁(yè) 、“去收銀臺(tái)結(jié)賬”去 頁(yè)面、“清空購(gòu)物車”去 頁(yè)面和“修改數(shù)量”的鏈接，可以執(zhí)行接下來(lái)要執(zhí)行的操作。 (3).修改購(gòu)物車中指定商品的購(gòu)買數(shù)量 購(gòu)物車中還需加入修改商品數(shù)量的功能才合理。在購(gòu)物車中，由于商品的數(shù)量被存放在 文本框中，用戶只有在某種商品后面的文本框中輸入相應(yīng)的數(shù)量即可。購(gòu)物車頁(yè)面中的“修改數(shù)量”超鏈接是為確保修改購(gòu)買數(shù)量而設(shè)置的。 具體有兩種方法可以修改商品數(shù)量，一種就是用戶可以在 頁(yè)面文本框中輸入想要購(gòu)買的數(shù)量，然后單擊“修改”按鈕?！靶薷摹钡膱?zhí)行是在 頁(yè)面中，根據(jù)用戶的輸入修改商品數(shù)量，完成修改后再自動(dòng)重定向到 頁(yè)面；另一種就是購(gòu)物車中已經(jīng)加入了某種商品，然后去商品信息頁(yè)面繼續(xù)購(gòu)買這種商品，商品數(shù)量就會(huì)加 1，也達(dá)到了修改的目的。 (4).從購(gòu)物車中移去指定商品 如果欲刪除該商品，可以在數(shù)量文本框里輸入“ 0”，并需要單擊“修改”按鈕來(lái)更新購(gòu)物車中商品的數(shù)量，也可以直接點(diǎn)擊商品“退回”項(xiàng)對(duì)應(yīng)的圖標(biāo)到 頁(yè)面執(zhí)行刪除操作后再重定向到 頁(yè)面，刪除即完成。系統(tǒng)每次只會(huì)將 1個(gè)商品放入購(gòu)物車中，如果用戶需要多個(gè)同種商品，可以通過(guò)修改商品信息右側(cè)相應(yīng)文本框的值來(lái)完成。 (5).清空購(gòu)物車 清空購(gòu)物車是指當(dāng)用戶訂單生成后，倘若還想繼續(xù)購(gòu)物一定要清空購(gòu)物車再進(jìn)行選購(gòu)商品，這樣防止重復(fù)購(gòu)物，而且不想要購(gòu)物車中的物 品時(shí)，也可以單擊“清空購(gòu)物車”來(lái)一次性刪除全部商品，方便快捷。其實(shí)清空購(gòu)物車實(shí)現(xiàn)起來(lái)非常簡(jiǎn)單，在 26 頁(yè)面中將 session 中存儲(chǔ)的 cart 對(duì)象清空，再重定向到 頁(yè)面，此時(shí)可以點(diǎn)擊其間的“我要去購(gòu)物”按鈕去主頁(yè)面選購(gòu)商品。 購(gòu)物車模塊流程圖如圖 所示。 The shopping cart module flow chart 圖 購(gòu)物車模塊流程圖 查詢數(shù)據(jù)庫(kù) 數(shù)據(jù)是否存在 顯示商品的信息 是 是否放入購(gòu)物車 購(gòu)物車是否為空 是 沒(méi)有該商品 否 否 購(gòu)物車中已 存在該商品 新建購(gòu)物車 該商品數(shù)量加 1 將 商品添加入購(gòu)物車 是 否 顯示購(gòu)物車信息 是否修改商品數(shù)量 否 是否清空購(gòu)物車 是 刪除購(gòu)物 車中商品 是 是否繼續(xù)購(gòu)物 否 是否去收銀臺(tái) 接收填寫的訂單信息 數(shù)據(jù)是否為空 訂單信息存入數(shù)據(jù)庫(kù) 更新是否成功 是 否 是 否 是 修改商 品數(shù)量 是 結(jié) 束 否 否 否 是 27 收銀臺(tái) 模塊設(shè)計(jì) 生成訂單時(shí)網(wǎng)上購(gòu)物商城的最終目的，前面所有功能的實(shí)現(xiàn)都是為最后生成一個(gè)用戶滿意的訂單作基礎(chǔ)，在此要生成一個(gè)可供用戶隨時(shí)查詢的訂單號(hào)，還要保存用戶訂單中所購(gòu)買的商品信息。當(dāng)用戶確認(rèn)對(duì)購(gòu)物車內(nèi)商品不再改變以后，就可以到收銀臺(tái)結(jié)帳并生成訂單。結(jié)帳的流程為：從購(gòu)物車 頁(yè)面中單擊“去收銀臺(tái)結(jié)賬”，跳轉(zhuǎn)到 ，系統(tǒng)用戶登錄名到數(shù)據(jù)庫(kù) tb_member 表中提取用戶的基本信息展示在頁(yè)面，在用戶自己選擇付款方式、運(yùn)送方式、填寫備注后單擊“提交”按鈕，如果必填項(xiàng) 都填寫了，就跳轉(zhuǎn)到 頁(yè)面，否則提示用戶數(shù)據(jù)不完整。在跳轉(zhuǎn)過(guò)程中系統(tǒng)根據(jù)用戶的消費(fèi)等級(jí)在 tb_rebate 表中級(jí)得出相應(yīng)折扣值，再將相應(yīng)數(shù)據(jù)插入數(shù)據(jù)庫(kù)中的訂單表 tb_order 中并生成訂單號(hào)、訂單明細(xì)表 tb_order_detail 表，并更新用戶 tb_member 表的消費(fèi)額，修改用戶的消費(fèi)等級(jí)，方便下次購(gòu)物時(shí)計(jì)算折扣。如果其間那里沒(méi)完成，就提示訂單生成失敗，否則就彈出提示成功生成訂單，然后跳轉(zhuǎn)到主頁(yè)面 。 在生成訂單模塊中主要使用了調(diào)出用戶信息并生成唯一訂單號(hào)，調(diào)出用 戶信息就是完全的對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，利用 session 對(duì)象把登錄后的用戶名保存起來(lái)，在訂單生成時(shí)把保存的用戶名從數(shù)據(jù)庫(kù)的用戶標(biāo)中取出即可；生成唯一訂單號(hào)方法有很多，只要確保訂單號(hào)碼的唯一性及方便用戶記錄以便于查詢自己訂單的執(zhí)行狀態(tài)即可。 后臺(tái) 設(shè)計(jì) 后臺(tái)總體框架 后臺(tái)部分由管理員使用，主要包括 對(duì)商城內(nèi)的一些基礎(chǔ)數(shù)據(jù)進(jìn)行有效管理，包括商品管理、會(huì)員管理、訂單管理、公告管理等。 (1).功能模塊介紹