【文章內(nèi)容簡介】 良好的 UI 設(shè)計(jì)，根據(jù)用戶的操作習(xí)慣進(jìn)行設(shè)計(jì)。比如，在商品列表顯示頁面，每一個(gè)商品條目的最后一欄，都設(shè)計(jì)為操作欄，用戶可以根據(jù)需要點(diǎn)擊對(duì)應(yīng)的操作鏈接或按鈕對(duì)這個(gè)商品進(jìn)行對(duì)應(yīng)的操作。6. 可用性（1）界面統(tǒng)一，操作簡單。（2）錯(cuò)誤提示友好并能準(zhǔn)確定位錯(cuò)誤來源，方便糾正。（3）基于 B/S 架構(gòu)開發(fā)，只要有瀏覽器就可以訪問。（4）系統(tǒng)在前端界面設(shè)計(jì)上非常友好，無刷新頁面實(shí)現(xiàn)幾乎全部功能，以Json 格式數(shù)據(jù)交互，降低服務(wù)器出口帶寬，占用用戶較少的網(wǎng)速，給用戶提供個(gè)性的服務(wù)，完美的體驗(yàn)。7. 系統(tǒng)性能（1）系統(tǒng)是采用 Java 語言開發(fā)，應(yīng)用了 Spring、Hibernate 、Spring MVC等服務(wù)器端框架，在服務(wù)器端性能方面處于中上等。（2）相比傳統(tǒng)的 Servlet/JSP+JDBC 的開發(fā)方式，本系統(tǒng)在性能上并比一定會(huì)弱，即使框架讓系統(tǒng)變得笨重，但是各個(gè)框架都是在不斷的發(fā)展進(jìn)步的，性能超越傳統(tǒng)的技術(shù)架構(gòu)很正常。（3）Web 應(yīng)用服務(wù)器，即 Tomcat 運(yùn)行服務(wù)器，在 Tomcat 的 java 虛擬機(jī)JVM 配置上，最好把內(nèi)存稍調(diào)大點(diǎn)，建議設(shè)置 256M JVM 運(yùn)行內(nèi)存。（4）數(shù)據(jù)庫服務(wù)器，因?yàn)?Hibernate 支持多種數(shù)據(jù)庫，所以常用的Mysql、SqlServer、Oracle 均可，最好和 Web 應(yīng)用服務(wù)器在一個(gè)網(wǎng)段中，訪問數(shù)據(jù)庫通道暢通能提高 Web 服務(wù)器端的響應(yīng)速度。尚水源泉網(wǎng)上商城系統(tǒng)設(shè)計(jì)第 4 章 總體設(shè)計(jì) 系統(tǒng)簡介尚水源泉網(wǎng)上商城是基于 Web 的系統(tǒng)，采用 B/S 系統(tǒng)架構(gòu)。前后臺(tái)以 Json數(shù)據(jù)來交互。前臺(tái)頁面在用戶的操作下產(chǎn)生的數(shù)據(jù)用 Ajax 異步交互技術(shù)發(fā)送Json 數(shù)據(jù)到后臺(tái)，后臺(tái) Java 程序訪問數(shù)據(jù)庫，處理完后再返回結(jié)果 Json 給前臺(tái)Javascript 處理，處理后更新界面。在這種模式下，用戶不需刷新整個(gè)界面，而是由 Javascript 局部刷新頁面，能用戶良好的體驗(yàn)?，F(xiàn)在用戶計(jì)算機(jī)的性能都不差，把一部分邏輯交給前臺(tái)的 JS 處理，服務(wù)器只返回較簡單的 Json 數(shù)據(jù)。這樣既可以減輕服務(wù)器的壓力，又可以降低網(wǎng)絡(luò)的負(fù)荷，利用了用戶計(jì)算機(jī)的空閑能力，在給用戶良好體驗(yàn)的同時(shí)又不會(huì)占用用戶電腦的太多資源。 系統(tǒng)架構(gòu)尚水源泉網(wǎng)上商城分為前臺(tái)和后臺(tái)兩個(gè)部分。后臺(tái)主要有系統(tǒng)管理、會(huì)員管理、頁面管理、商品管理、供應(yīng)商管理、合同管理、門店管理、倉庫管理、部門管理、付款方式管理、地區(qū)基礎(chǔ)數(shù)據(jù)維護(hù)、進(jìn)銷存、信息審核。前臺(tái)主要有首頁、會(huì)員登錄注冊(cè)、會(huì)員中心、購物車管理、訂單查詢、結(jié)算支付等。 系統(tǒng)功能框架根據(jù)需求分析，尚水源泉網(wǎng)上商城后臺(tái)的整體功能框架，如圖 41 所示。圖 41 系統(tǒng)后臺(tái)框架層次圖根據(jù)需求分析，尚水源泉網(wǎng)上商城前臺(tái)的整體功能框架，如圖 42 所示。圖 42 系統(tǒng)前臺(tái)框架層次圖 后臺(tái)功能設(shè)計(jì) 角色權(quán)限管理角色權(quán)限管理模塊是整個(gè)系統(tǒng)的重中之重，是所有模塊的基礎(chǔ)。本系統(tǒng)的前臺(tái)不做權(quán)限控制，完全對(duì)用戶開放。1. 權(quán)限模型說明系統(tǒng)以 URL 來標(biāo)識(shí)和定義權(quán)限，采用的權(quán)限模型為：用戶角色權(quán)限。三個(gè)實(shí)體用戶、角色、和權(quán)限。用戶和角色屬于多對(duì)多關(guān)系，角色和權(quán)限也是多對(duì)多關(guān)系，權(quán)限和權(quán)限本身是一對(duì)多的自關(guān)聯(lián)。也就是說一個(gè)用戶能有很多角色，一個(gè)角色也能有很多權(quán)限，權(quán)限有子權(quán)限和父權(quán)限。用戶的權(quán)限就是用戶擁有的角色的權(quán)限集合。擁有某權(quán)限則擁有該權(quán)限的子權(quán)限。應(yīng)用場(chǎng)景：權(quán)限模塊的應(yīng)用是在用戶每次請(qǐng)求 URL 時(shí)對(duì)請(qǐng)求 URL 進(jìn)行攔截，判斷該 URL 是否在用戶的權(quán)限中，如果不在則不能繼續(xù)操作，在則通過權(quán)限的檢查。尚水源泉網(wǎng)上商城后臺(tái)系統(tǒng)管理會(huì)員管理會(huì)員管理會(huì)員管理頁面管理供應(yīng)商管理商品管理合同管理門店管理倉庫管理部門管理付款方式管理進(jìn)銷存管理信息審核管理尚水源泉網(wǎng)上商城前臺(tái)首頁會(huì)員登錄注冊(cè)會(huì)員中心購物車管理訂單查詢支付結(jié)算尚水源泉網(wǎng)上商城系統(tǒng)設(shè)計(jì)? 權(quán)限就是控制功能的使用（功能對(duì)應(yīng)著 URL）。? 對(duì)功能的控制就是對(duì) URL 的訪問控制。? 一個(gè)功能對(duì)應(yīng)一個(gè)或兩個(gè) URL：1. 例如列表或刪除功能，只對(duì)應(yīng)一個(gè) URL.2. 例如添加或修改功能，對(duì)應(yīng)兩個(gè) URL：..add, ..addUI2. 權(quán)限操作（1） 添加權(quán)限：將 URL 列入權(quán)限管理，默認(rèn)不在權(quán)限表中的 URL 用戶都擁有該權(quán)限。（2） 修改、刪除權(quán)限：取消對(duì)某 URL 的權(quán)限控制（3） 設(shè)置權(quán)限：為角色設(shè)置權(quán)限，擁有父權(quán)限則同時(shí)擁有它的子權(quán)限 用戶管理用戶管理模塊的用戶是管理員，通過此模塊可以實(shí)現(xiàn)管理員添加新用戶、修改用戶所屬角色、部門等。1. 用戶列表管理員用分頁顯示所有用戶，由 JSP 頁面輸出。可以根據(jù)用戶的用戶名或真實(shí)姓名查找用戶。2. 添加用戶管理員可以手動(dòng)添加用戶。同時(shí)設(shè)置用戶的角色和部門等基本信息。3. 修改用戶管理員對(duì)系統(tǒng)用戶個(gè)人信息，姓名、郵箱、性別、手機(jī)號(hào)等基本信息和角色信息、所屬部門進(jìn)行編輯修改。4. 刪除用戶管理員刪除不用的賬戶，釋放對(duì)應(yīng)的系統(tǒng)空間。可以實(shí)現(xiàn)批量刪除用戶功能。5. 用戶登錄用戶登錄后將 TUser 對(duì)象放進(jìn) Session 中，以判斷用戶是否登錄。如果沒有登錄，會(huì)跳轉(zhuǎn)到登陸頁面。6. 注銷用戶用戶退出時(shí)，將 TUser 對(duì)象從 Session 中刪除。7. 在線用戶首先需要在用戶的一個(gè) online 屬性，為 0 為離線 1 為在線。當(dāng) Tomcat 啟動(dòng)時(shí)初始化所有用戶的在線狀態(tài)，都設(shè)置為 0，這是在 ServletContextListener 監(jiān)聽器來實(shí)現(xiàn)的。當(dāng)用戶登錄后設(shè)置在線狀態(tài) 1，注銷或 session 關(guān)閉，都會(huì)觸發(fā)檢查當(dāng)前在線用戶的方法。 頁面管理網(wǎng)站首頁的設(shè)計(jì)需要做到極強(qiáng)的靈活性，方便信息的更新，商品的更新上架等，在設(shè)計(jì)上就必須實(shí)現(xiàn)模塊化。每一個(gè)模塊的顯示、更新都可以在后臺(tái)進(jìn)行靈活的控制。1. 熱銷商品管理對(duì)熱銷商品添加、刪除和排序。2. 廣告商品管理對(duì)廣告商品添加、刪除和排序。3. 推薦商品管理對(duì)推薦商品添加、刪除和排序。4. 滾動(dòng)商品管理對(duì)滾動(dòng)商品添加、刪除和排序。 商品管理網(wǎng)上商城最終實(shí)現(xiàn)的實(shí)際物品的銷售，商品是系統(tǒng)所依托的具實(shí)物，離開商品網(wǎng)上商城是沒有存在意義的。所以對(duì)商品的管理是至關(guān)重要的，也是必然需要進(jìn)行的。1. 添加商品 輸入商品名稱、編號(hào)、商品標(biāo)題、來源、配料、容量、包裝、保質(zhì)期、積分，選擇商品的品牌、分類，編輯商品的詳細(xì)描述，上傳商品圖片，點(diǎn)擊添加按鈕，新加商品。2. 查詢商品 分為兩種搜索方式：簡單搜索和高級(jí)搜索。通過商品名稱、編號(hào)的關(guān)鍵字實(shí)現(xiàn)簡單搜索。根據(jù)商品名稱、編號(hào)的關(guān)鍵字、商品的類別實(shí)現(xiàn)高級(jí)搜索。3. 修改商品對(duì)商品的信息進(jìn)行修改。4. 刪除商品刪除不需要的商品?？梢詫?shí)現(xiàn)批量刪除。尚水源泉網(wǎng)上商城系統(tǒng)設(shè)計(jì) 倉庫管理商城的倉庫主要分為兩中。一種是總部倉庫，只有一個(gè)。另外一種是門店各自的倉庫。門店的倉庫從總部倉庫進(jìn)貨，總部倉庫從供應(yīng)商進(jìn)貨。1. 添加倉庫 輸入倉庫的名稱、地址、庫管電話，選擇庫管，然后添加倉庫。2. 查詢倉庫 通過倉庫名稱、地址搜索倉庫。在倉庫列表操作欄可以查看所選倉庫的庫存信息。3. 修改倉庫信息。對(duì)倉庫的信息進(jìn)行修改。4. 刪除倉庫刪除不需要的倉庫?？梢詫?shí)現(xiàn)批量刪除。 供應(yīng)商管理商城倉庫的貨源來自于供應(yīng)商。維護(hù)好合作的供應(yīng)商的信息，保證貨源的提供，是很重要的。1. 添加供應(yīng)商輸入供應(yīng)商的名稱、地址等信息，然后添加供應(yīng)商。2. 查詢供應(yīng)商 通過供應(yīng)商名稱、地址、聯(lián)系人搜索供應(yīng)商。3. 修改供應(yīng)商信息對(duì)供應(yīng)商的信息進(jìn)行修改。4. 刪除供應(yīng)商刪除不再合作的供應(yīng)商。可以實(shí)現(xiàn)批量刪除。 門店管理系統(tǒng)維護(hù)著總部和各個(gè)門店的關(guān)系。門店是商品銷售的重要部分，占據(jù)著銷售量的很大一部分。1. 添加門店輸入門店的名稱、地址、店長、店長電話等信息，選擇門店類型、門店裝修級(jí)別，上傳執(zhí)照?qǐng)D片，然后添加供門店。2. 查詢門店 通過門店名稱、地址、負(fù)責(zé)人搜索門店。3. 修改門店信息對(duì)門店的信息進(jìn)行修改。4. 刪除門店刪除不再運(yùn)作的門店?？梢詫?shí)現(xiàn)批量刪除。 進(jìn)銷存作為一個(gè)購物系統(tǒng)，進(jìn)銷存關(guān)乎著商品的流通，它負(fù)責(zé)著商品的進(jìn)出，對(duì)商城的正常運(yùn)營來說是不可缺少的必要環(huán)節(jié)。1. 總部貨單管理當(dāng)貨物不足時(shí)，需要從供應(yīng)商進(jìn)貨。這時(shí)就需要添加進(jìn)貨單。添加完成后，需要添加進(jìn)貨單商品以及商品數(shù)量，然后提交，在審核處需要相關(guān)人員進(jìn)行審核。提交的進(jìn)貨單通過審核的后會(huì)生成對(duì)應(yīng)的入庫單?？梢詫?duì)入庫單進(jìn)行查看和審核，審核通過后，商品入庫(總部倉庫)。當(dāng)貨物需要反廠時(shí)，需要將貨物返回給供應(yīng)商。這時(shí)就需要添加返廠單。添加完成后，需要添加返廠單商品以及商品數(shù)量，然后提交，在審核處需要相關(guān)人員進(jìn)行審核。提交的返廠單通過審核的后會(huì)生成對(duì)應(yīng)的出庫單?？梢詫?duì)出庫單進(jìn)行查看和審核，審核通過后，商品出庫(總部倉庫)。2. 門店貨單管理當(dāng)貨物不足時(shí)，需要從總部進(jìn)貨。這時(shí)就需要添加進(jìn)貨單。添加完成后，需要添加進(jìn)貨單商品以及商品數(shù)量，然后提交，在審核處需要相關(guān)人員進(jìn)行審核。提交的進(jìn)貨單通過審核的后會(huì)生成對(duì)應(yīng)的入庫單?？梢詫?duì)入庫單進(jìn)行查看和審核，審核通過后，商品入庫(門店倉庫)。當(dāng)貨物需要反廠時(shí)，需要將貨物返回給總部。這時(shí)就需要添加返廠單。添加完成后，需要添加返廠單商品以及商品數(shù)量，然后提交，在審核處需要相關(guān)人員進(jìn)行審核。提交的返廠單通過審核的后會(huì)生成對(duì)應(yīng)的出庫單?？梢詫?duì)出庫單進(jìn)行查看和審核，審核通過后，商品出庫(門店倉庫)。門店要從其他倉庫調(diào)撥商品時(shí)，需要添加調(diào)撥單。調(diào)撥單通過審核后，生成需要調(diào)撥倉庫的出庫單，出庫單經(jīng)過審核后，生成門店的入庫單，入庫單經(jīng)過審核后，調(diào)撥完成，商品入庫。 信息審核系統(tǒng)產(chǎn)生的各種單據(jù)都需要通過具有相應(yīng)權(quán)限的相關(guān)人員的審核后才能進(jìn)入下一個(gè)階段。尚水源泉網(wǎng)上商城系統(tǒng)設(shè)計(jì)1. 商品審核新增加的商品初始狀態(tài)為待審核，需要商品審核相關(guān)人員進(jìn)行審核后才有效。2. 供應(yīng)商審核新增加的供應(yīng)商初始狀態(tài)為待審核，需要相關(guān)審核人員進(jìn)行審核后才有效。3. 合同審核新增加的合同初始狀態(tài)為待審核，需要相關(guān)審核人員進(jìn)行審核后才有效。4. 總部貨單審核總部添加的訂貨單提交后，需要經(jīng)過審核后才能生成總部的入庫單。提交的返廠單經(jīng)過審核后，才能生成出庫單。5. 門店貨單審核門店添加的訂貨單提交后，需要經(jīng)過審核后才能生成門店的入庫單。提交的返廠單經(jīng)過審核后，才能生成門店的出庫單。門店提交的調(diào)撥單經(jīng)過審核后，生成對(duì)應(yīng)出庫倉庫的出庫單，此出庫單經(jīng)過審核后，生成門店的入庫單，審核通過后，商品入庫，調(diào)撥完成。 站點(diǎn)配置管理系統(tǒng)的基本配置，如站點(diǎn)的名稱、標(biāo)題、Logo、Icon、網(wǎng)站是否關(guān)閉等。 前臺(tái)功能設(shè)計(jì) 首頁作為購物商城的首頁，主要有這幾部分組成：導(dǎo)航欄、分類列表、商品展示列表、廣告商品列表、推薦商品、熱賣商品等。為了首頁各個(gè)部分顯示的靈活性，使用的是 FreeMarker 標(biāo)簽，用來顯示每個(gè)模塊。后臺(tái)可以設(shè)置每個(gè)模塊的顯示情況。例如顯示哪些類別的商品、以怎樣的順序顯示等。 會(huì)員登陸注冊(cè)進(jìn)入到商城前臺(tái)的是這兩種用戶：游客和會(huì)員。游客可以瀏覽商品，也可以購買商品。用戶注冊(cè)后，默認(rèn)為會(huì)員，等級(jí)為青銅，登陸到系統(tǒng)，會(huì)提供會(huì)員的個(gè)人區(qū)域，在會(huì)員中心，用戶可以設(shè)置自己的信息，查看積分等，給會(huì)員不一樣的購物體驗(yàn)。 會(huì)員中心會(huì)員進(jìn)入會(huì)員中心，修改個(gè)人基本資料、密碼等。會(huì)員可以管理自己的收貨地址，增加幾個(gè)常用的地址，修改、刪除地址?？梢圆樵冇唵?、積分等購物信息。 購物車管理網(wǎng)上商店的購物車要能夠跟蹤顧客所選的商品，記錄下所選商品，還要能隨時(shí)更新，可以支付購買，能給顧客提供很大的方便。使用網(wǎng)上購物車進(jìn)行購物流程：查找商品、放入購物車、提交訂單、查看訂單狀態(tài)、收貨確認(rèn)。本系統(tǒng)的購物車實(shí)現(xiàn)的原理是，把當(dāng)前 Session 與購物車條目實(shí)體關(guān)聯(lián)，在往購物車添加商品的時(shí)候，將 SessionId 和商品信息封裝為購物車條目實(shí)體 Cart 類，把Cart 保存到數(shù)據(jù)庫中。然后對(duì)購物車的所有操作，如修改、刪除、清空等操作都是針對(duì) Cart 實(shí)體類進(jìn)行的操作。 訂單查詢由于游客也可以下單購買商品，所以本系統(tǒng)的訂單查詢就是針對(duì)游客和會(huì)員的兩種查詢方式。又可查詢訂單，需要輸入下訂單時(shí)候填寫的收貨人和聯(lián)系方式。會(huì)員查詢訂單就會(huì)跳轉(zhuǎn)到會(huì)員的我的訂單頁面。然后根據(jù)條件查詢訂單。 數(shù)據(jù)庫設(shè)計(jì)對(duì)于數(shù)據(jù)庫設(shè)計(jì)，首先要整理系統(tǒng)中的數(shù)據(jù)，分析數(shù)據(jù)的來源和流向，通過分析，最終確定在計(jì)算機(jī)中要存儲(chǔ)哪些信息，如何組織這些信息，需要幾張?jiān)趺礃拥谋?，確定表內(nèi)包含哪些字段，如何確定數(shù)據(jù)庫的模式。 數(shù)據(jù)庫在此次設(shè)計(jì)中，因?yàn)槭褂昧?HibernateORM 框架，所以能使用各種關(guān)系型數(shù)據(jù)庫，系統(tǒng)開發(fā)使用的是 Mysql 數(shù)據(jù)庫，當(dāng)然也可輕松切換到其他數(shù)據(jù)庫，如 Oracle、SQLServer 等主流數(shù)據(jù)庫。 物理模型尚水源泉網(wǎng)上商城系統(tǒng)的主要數(shù)據(jù)庫表物理模型圖如下圖所示。尚水源泉網(wǎng)上商城系統(tǒng)設(shè)計(jì)圖 43