基于node.js移動服裝商城的設計與實現(二)

（1）健壯性設計，健壯性是系統非常重要的外部衡量標準，直接反應了分析設計和編碼人員的水平。

（2）可靠性設計，系統規模越大便會越復雜，其可靠性也越難保證。

（3）權限分明原則，不同的用戶角色能獲得不同的權限。

（4）模塊化設計，系統功能結構具有良好的伸縮性。

（5）人性化設計，讓用戶使用起來非常方便、舒適，用戶體驗性強。

2、網站功能結構

根據網站需求分析，移動服裝商城主要由以下幾大系統模塊。

（1）商品信息模塊：商品的展示包括部分商品和全部商品。

（2）登錄模塊：QQ登錄。

（3）訂單管理模塊：提交將要購買的數據。

（4）在線支付模塊：支付寶支付。

三、網站具體實現

1、主界面設計與實現

（1）前端的商城主界面：網站主頁主要是為了能夠方便的一眼就找到自己所需要的商品，因此主界面設計如3.1的界面。將主要的商品種類，或者促銷活動在主頁中呈現出來，使用戶在瀏覽時一目了然，然后根據用戶所需自行選擇，用戶也可以在搜索框里進行篩選，有目的快速選擇商品。

圖3.1移動商城前端首頁主界面圖

（2）商品搜索界面：在商城主界面輸入商品的“關鍵字”再確定，即可進入查看搜索結果的頁面，其界面如圖3.2所示，將會展示所有匹配到的商品，并同樣的可以根據銷量或者是價格進行排序。

圖3.2移動商城商品搜索界面圖

（3）商品詳情界面：任意界面點擊“商品”即可進入商品詳情界面，其界面如圖3.3所示。會有一個商品的輪播圖，來進行展示，并且可以選擇加入購物車或者直接購買商品。

圖3.3移動商城商品詳情界面圖

(4)提交訂單：在商品詳情界面中點擊“立即購買”按鈕，或者在訂單中的“代付款”模塊下選中商品點擊“去支付”，即可進入提交訂單界面，其界面如圖3.4所示。詳細的展示了訂單的情況。可以進行收貨地址的修改，可以填寫留言信息。

圖3.4移動商城提交訂單界面圖

(5)支付界面：點擊“提交訂單”，即可進入在線支付界面，其界面如圖3.5所示。

用戶可以選擇支付寶支付。點擊“確認支付”，會發送請求到后臺，先確認訂單的情況，是否有庫存，是否有效，價格是否正確，然后由后臺跳轉到支付寶對應的支付界面。支付完畢后返回到訂單界面。

圖3.5移動商城支付訂單界面

(6)點擊主界面右下角三點三橫圖標進入“我的訂單界面”，可查看待付款項數及具體款項，待發貨數及具體款項、待收貨項數及具體款項、收獲地址、客戶中心、售后服務等其界面如圖3.6所示。

圖3.6我的訂單界面

2、網站模塊設計與實現

用戶登錄主要有用戶使用qq登錄，在其它的瀏覽器內打開，使用qq登錄。比如購買或者查看訂單，需要使用到用戶的信息了，就回去判斷用戶是否登錄，cookies里面是否還有未過期的用戶信息，如果有，直接使用。如果沒有，就需要登錄了，首先會判斷是不是在QQ里面，直接調用qq登錄函數,默認會帶上user_id的參數。

四、網站的調試

1、網站運行環境

客戶端：Windows XP、Windows 7或Windows 8；IE，Chrome，Firefox，瀏覽器。

硬件要求：奔騰3及以上處理器，512M及以上內存。

2、網站的測試

（1）網站啟動

打開瀏覽器輸入系統地址http:www.hongguoshishang.cn進入用戶操作前端主界面，如圖4.1所示。

圖4.1系統啟動主界面

（2）在線購買

學生通過點擊首頁的商品展示任意圖片，可以商品詳情頁面，選擇加入購物車然后選擇顏色和尺寸則商品添加入購物車，點擊立即購買然后選擇顏色和尺寸則進入提交表單。界面如圖4.2所示。

                        

   圖4.2購買界面 圖4.3提交訂單界面

（3）在線支付

學生通過在自己的電腦或其他能訪問Internet網絡的電腦訪問校園小型公益網站，通過自己的用戶名登錄，可以在想要參與的項目中與項目發布者進行留言對話等，如圖4.5所示。

圖4.5在線支付界面

結語

網站是使用前端腳本語言java script和前端框架jQery開發，jQuery是一個快速、簡潔的java script框架，是繼Prototype之后又一個優秀的java script代碼庫（或java script框架）。B/S結構模式，Web瀏覽器是客戶端最主要的應用軟件。這種模式統一了客戶端，將核心的系統功能實現部分集中到服務器上，簡化了系統的開發、維護和使用。

移動服裝商城的開發，首先完成針對本系統的需求調研、資料的收集、系統需求分析、總體設計、詳細設計等。然后根據上述情況選擇合適的設計模式，搭建開發環境，對系統進行編碼。隨著移動電商作用的突顯，企業發展的核心業務逐漸變成了建設移動網上商城，一套好的移動網上商城系統更能滿足企業需求，而建設這樣的移動網上商城有如下意義。

經過這次移動商城的網站畢業設計之后，我真正深刻的認識到了在網站設計開發中，網站的需求分析的重要性，架網站需求分析的好壞直接影響到你對網站設計以及后續的功能開發，再者就是架構。要盡可能完善網站功能，充分考慮到網站的安全性、性能好壞、用戶體驗性、可維護性、可擴展性等，這也是一個合格的網站所必備的要素。