在線購物網站的設計與實現

劉玉坤

平頂山學院 計算機學院（軟件學院） 河南 平頂山 467000

引言

目前，Web開發技術仍在快速發展中，異步開發、新的MVVM前端技術層出不窮。通過Node.js，JavaScript成為與PHP、Python等服務端語言平起平坐的腳本語言[1]。它本質上是封裝了Chrome的V8引擎。并優化了一些特性，提供了一種替代的API，使V8在非瀏覽器環境中更好地工作。V8引擎可以快速執行JavaScript，性能極好。通過Node這個平臺，前端和后端可以更好地交互，從前端頁面到業務邏輯，再到底層數據庫都有較強的適應能力，大大提高了開發人員的開發效率。

1 需求分析

本系統是一個功能相對完善的網上購物系統，此網站主要是以銷售為主，具有對于所有的購物網站都不可或缺的功能，其中主要包括以下幾個方面：

（1）用戶信息管理：顧客在進入系統后，當選定商品時，需要進行登錄，如果沒有注冊過則需要進行注冊，在登錄之后進入到個人信息的頁面中可以對自己的一些基本信息進行查詢和修改。

（2）商品種類管理：顧客在登錄系統后，進入到商品種類管理頁，在此頁面可以對商品種類信息進行修改、添加商品種類。

（3）商品分類查詢：顧客在登錄系統后，可以根據自己的喜好，進入不同的分類之中進行商品的查看與選購。

（4）商品操作：顧客在登錄系統后，可以在系統中搜索商品，并可以在登錄系統后對商品進行購買。

（5）購物車管理：顧客在登錄系統后，可以管理購物車，能夠把自己喜歡的或者感興趣的商品添加到購物車中，方便以后的購買。

（6）商品信息管理：管理員可以對商品進行增、刪、改、查等，并且可以對自己的商品進行正常的維護。顧客在登錄系統后，可以對自己喜愛的和想購買的商品進行查看，并能根據商品的基本信息、商品的簡單描述來對商品進行搜索。

（7）訂單信息管理：顧客在登錄系統后，當顧客對自己喜愛的商品下單后，系統會自動的根據商品的價格進行計算，根據顧客提交的訂單信息生成訂單詳情，顧客可以通過查詢訂單來觀察訂單詳情。

由于篇幅有限，這里僅以登錄的設計與實現說明設計全程。

根據上述功能描述，基于Node.js的在線購物系統主要有系統管理員、普通用戶、游客三類用戶。每類用戶功能描述如下。

管理員用戶：管理員主要能夠上架商品、查看商品、商品信息修改、登錄信息修改、用戶信息管理和商品評論管理。其中登錄信息修改用例描述如下。

表1 登錄信息修改用例描述

2 系統設計

“潮流街”商城系統如同經常使用的淘寶商城和京東商城一樣，是一個功能相對完善的在線購物網站系統，網站可以給消費者提供功能相對完善的購物體驗，購物商城的功能主要包括了商品的管理、商品的分類、用戶信息的管理，商品搜索功能、商品結算與支付的功能等。

2.1 系統架構設計

系統采用了B/S架構， Web瀏覽器是客戶端最主要業務處理的應用軟件，系統的核心功能實現部分集中到了服務器上，簡化了系統的開發、維護和使用[2]。

2.2 管理員功能設計

用戶進入系統中，如需要進行接下來的操作，第一步就是登錄，從而能夠對商品進行瀏覽和購買，但是用戶在第一次登錄系統的時候是沒有進行賬號注冊，所以首先需要進行注冊操作。下文將從注冊界面模塊功能的設計對注冊登錄功能進行闡述。

（1）注冊登錄界面設計

注冊頁面和登錄頁面都是在一個表單當中，表單由用戶名輸入框、密碼框和按鈕構成，注冊登錄界面設計如圖1所示。

圖1 注冊登錄界面設計圖

（2）注冊登錄功能設計

在成功進入注冊頁面之后，首先選擇注冊，填寫用戶名后系統會對輸入的用戶名進行判斷，如果不符合條件則會在控制臺中彈出提示信息，填寫的信息符合條件時，系統會把頁面上填寫的信息存儲到數據庫中的user信息表中起來。完成注冊之后，操作系統中的大量功能都首先需要用戶進行登錄，登錄若能通過驗證則對輸入的用戶名和密碼與數據庫user中的信息進行對比，對比通過則成功進入系統，否則登錄失敗。

3 系統實現

系統的實現主要包括兩部分：創建數據庫和搭建頁面的框架[3]。其中對于數據庫的創建大家并不陌生，而一個全新系統的框架搭建卻不盡相同。

3.1 注冊功能實現

用戶進入到首頁中側邊導航欄后，點擊個人信息選項可以進入登錄注冊頁面，在此頁面中輸入用戶信息之后，此時系統會發出Register()請求，Register()調用UserControl層中的findUserByName()方法，最后返回查詢的結果，根據返回的結果進行判斷，并給用戶相應的反饋。點擊注冊按鈕，驗證請求由Post表單提交到后臺數據庫中，Register()方法通過調用UserControl層的SaveUser()方法，通過該方法將注冊的符合要求的信息存入到User數據集合當中，若注冊失敗，則需要重新填寫注冊信息。

4 系統測試

在最后的測試階段，測試者不僅是對系統進行各項功能測試，還是對系統的一個驗收，當然更主要的目標是尋找系統中仍然存在的缺陷，并根據其出現的缺陷，找到系統中存在的bug和判斷此bug與其他模塊是否存在關聯。

眾所周知，整個系統在沒上線之前都是極有可能出現程序崩潰，系統缺陷、代碼失效等等狀況，整個系統的質量也可能會出現風險從而導致系統運行不會如期的進行，極有可能會顛覆使用者對網站的信賴以及顧客的支持[4]。

4.1 登錄模塊功能測試

用戶登錄模塊主要實現了以下幾個功能，分別是新用戶注冊、已注冊用戶登錄等功能。該模塊測試果如表1所示。

表2 用戶登錄模塊測試用例

通過以上的相關測試，盡管只制作了以上幾個功能模塊的測試表，但是在實際情況下，所有的功能都基本達到了預期的要求，滿足了需求上分析的各種要求。

5 結束語

該在線購物網站，對于商家來說，由于其運營成本低，經營規模不受場地限制，應用此系統將給他們帶來巨大的經濟利益。而對于消費者來說，在該系統上進行購物能讓他們感受到更方便、快捷的購物生活。