電商網(wǎng)站詳細(xì)設(shè)計說明書

1、 詳細(xì)設(shè)計說明書1引言編寫目的確定本電商網(wǎng)站各個模塊的具體實現(xiàn)，為編程人員進(jìn)行編碼是提供方向。同時為軟件測試提供參照。說明在軟件總體設(shè)計階段規(guī)劃的每一個模塊的實現(xiàn)思路，用流程圖，盒圖等可視化的方式說明模塊的實現(xiàn)技術(shù)和方法以及網(wǎng)站的處理流程。同時為編程人員提供參考。背景1本項目的名稱：電子商務(wù)網(wǎng)站2本項目的應(yīng)用范圍：中小型公司的網(wǎng)上銷售平臺3開發(fā)者：第八小組成員4用戶：小組成員定義HTML5:超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。CSS3:級聯(lián)樣式表是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用

2、標(biāo)記語言的一個子集）等文件樣式的計算機語言。1.4參考資料1陶國榮.HTML5實戰(zhàn)M.北京：機械工業(yè)出版社，2012-1-1.2陸凌牛.HTML5開發(fā)精要與實例詳解M.北京：機械工業(yè)出版社，2012-1-13成林.CSS3實戰(zhàn)M.北京：機械工業(yè)出版社，2011-5-14陸凌牛.HTML5與CSS3權(quán)威指南M.北京：機械工業(yè)出版社，2011-4-15張亞飛.HTML5+CSS3網(wǎng)頁布局和樣式精粹M.北京：清華大學(xué)出版社，2011-9-16電商網(wǎng)站可行性報告（附錄）7電商網(wǎng)站需求說明書（附錄）2程序系統(tǒng)的結(jié)構(gòu)網(wǎng)站H圖:申子商務(wù)網(wǎng)駐刪除2.1揑交訂單2.2注冊1.1.冷廠卑7L2丄r支門訂嘗IL3-

3、?J冊賒訂單3.1.支忖訂單3.2廠商品捌覽L_J|購物車管理訂單管理L3*1豊錄注冊L.41彳人信削管理L_5_J直接購買L_2_J3商品瀏覽(Commoditys)設(shè)計說明31程序描述商品瀏覽頁面主要是展示商品的大致信息一般是帶圖顯示，采用分頁的形式。HTML代碼具有部分重用，可用于展示商品的評價和成交記錄等。3.2功能IPO圖作者：第八組日期：2015/6/4系統(tǒng)名稱：電子商務(wù)網(wǎng)站子模塊名稱：商品瀏覽調(diào)用的模塊：登錄，商品詳細(xì)被調(diào)用的模塊：主頁輸入：當(dāng)前用戶輸岀：分頁形式的：商店內(nèi)所有商品，給用戶展ZF商品內(nèi)的所有商品3.3性能在點擊換頁操作后，響應(yīng)時間在2秒左右，最多不超過5秒。要求對

4、從數(shù)據(jù)庫查出的數(shù)據(jù)進(jìn)行分析，避免將錯誤的信息和機密信息傳到前臺。點擊對應(yīng)商品和能跳轉(zhuǎn)到對應(yīng)商品的詳細(xì)頁面。輸人項名稱標(biāo)識符類型介質(zhì)來源描述用戶IDUseridIntJson請求參數(shù)用來查找用戶的相關(guān)數(shù)據(jù)頁面號PageNumberIntJson請求參數(shù)跳轉(zhuǎn)到之前瀏覽的頁面或者當(dāng)前請求的頁面號相關(guān)說明：如當(dāng)前瀏覽者是已登錄的客戶，則要把用戶的相關(guān)信息傳進(jìn)來?？梢灾粋饔脩鬒D。數(shù)據(jù)形式為Json。ID的數(shù)據(jù)類型為Into如果是從登錄界面調(diào)回，則還需要將跳轉(zhuǎn)前的頁面信息傳回來，如：跳轉(zhuǎn)前瀏覽的頁面號，形式為Json。ID的數(shù)據(jù)類型為Int。程序的請求方式：如果是第一次進(jìn)入網(wǎng)站是HTTP請求。如果是在網(wǎng)

5、站內(nèi)部進(jìn)行人為的頁面跳轉(zhuǎn)則是利用JQuery的Get或Pest或者是利用MVC的Href標(biāo)簽。輸出項名稱標(biāo)識符類型介質(zhì)來源描述商品信息CommodityinfoCommodityJson數(shù)據(jù)庫包含商品的所有信息商品的總數(shù)CommodityCountIntJson數(shù)據(jù)庫數(shù)據(jù)庫內(nèi)商品的總數(shù)用戶的信息UserinfoUserTableJson數(shù)據(jù)庫已登錄的用戶信息相關(guān)說明：輸出數(shù)據(jù)形式為HTML數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中HTML的數(shù)據(jù)包括：跳轉(zhuǎn)到其他頁面的超鏈接。單個商品的圖片，單個商品的ID。商品的總數(shù)，商品的總頁數(shù)和當(dāng)前頁數(shù)。已經(jīng)登錄的客戶的信息，在頁面上顯示用戶名，用戶的消息等，但

6、不能顯示用戶的ID。3.6算法流程圖:3.7流程邏輯數(shù)據(jù)流圖:商品表3.8注釋設(shè)計說明準(zhǔn)備在本程序中安排的注釋：加在模塊首部的注釋；加在各分枝點處的注釋；對各變量的功能、范圍、缺省條件等所加的注釋;對使用的邏輯所加的注釋等等。4購物車管理(ShoppingTrolleyManager)設(shè)計說明4.1程序描述購物車管理模塊主要提供查看購物車內(nèi)商品，移除和購買對應(yīng)商品的功能。購物車管理子功能刪除商品主要功能是移除購物車中不需要留下的商品。此功能模塊不具有單獨的客戶頁面(HTML代碼)。購物車管理子功能提交訂單的功能為購買選中的商品，提交對應(yīng)的訂單調(diào)到訂單管理頁面。4.2功能IPO圖系統(tǒng)名稱：電子商

7、務(wù)網(wǎng)站作者:第八組日期：2015/6/4子模塊名稱：購物車管理調(diào)用的模塊；個人信息，訂單管理被調(diào)用的模塊；登錄狀態(tài)的所有頁面輸入：當(dāng)前用戶輸出：分頁形式的，當(dāng)前用戶購物車內(nèi)的商品提供管理購物車的功能，増加刪除修改購物車商品的數(shù)量4.3性能在選擇購買或者刪除操作后，響應(yīng)時間在2秒左右，最多不超過5秒。要求對前臺傳回后臺的參數(shù)值進(jìn)行分析，避免發(fā)生錯誤導(dǎo)致數(shù)據(jù)庫數(shù)據(jù)出錯。輸人項名稱標(biāo)識符類型介質(zhì)來源描述用戶IDUseridIntJson請求參數(shù)用來查找用戶的相關(guān)數(shù)據(jù)相關(guān)說明：如當(dāng)前瀏覽者是已登錄的客戶，則要把用戶的相關(guān)信息傳進(jìn)來。根據(jù)用戶ID查找用戶的購物車信息，返回前臺展示。如果當(dāng)前用戶沒有登錄，

8、則提示未登錄，跳轉(zhuǎn)到登錄注冊頁面進(jìn)行登錄或者注冊。輸出項名稱標(biāo)識符類型介質(zhì)來源描述商品信息CommodityinfoCommodityJson數(shù)據(jù)庫包含商品的所有信息商品的總數(shù)CommodityCountIntJson數(shù)據(jù)庫數(shù)據(jù)庫內(nèi)商品的總數(shù)用戶的信息UserinfoUserTableJson數(shù)據(jù)庫已登錄的用戶信息相關(guān)說明：輸出數(shù)據(jù)形式為HTML數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中HTML的數(shù)據(jù)包括：跳轉(zhuǎn)到其他頁面的超鏈接。單個商品的圖片，單個商品的ID。商品的總數(shù)，商品的總頁數(shù)和當(dāng)前頁數(shù)。在頁面上顯示用戶名，用戶的消息等，但不能顯示用戶的ID。4.6算法流程圖:4.8注釋設(shè)計說明準(zhǔn)備在本程

9、序中安排的注釋：加在模塊首部的注釋；加在各分枝點處的注釋；c對各變量的功能、范圍、缺省條件等所加的注釋;對使用的邏輯所加的注釋等等。5訂單管理(OrderManager)設(shè)計說明5.1程序描述訂單管理模塊主要提供查看當(dāng)前待支付訂單，移除和支付對應(yīng)訂單的功能。訂單管理子功能刪除訂單主要功能是取消訂單列表中不想支付的訂單。此功能模塊不具有單獨的客戶頁面(HTML代碼)。訂單管理子功能支付訂單的功能是支付選中的訂單，點擊支付后調(diào)到第三方支付的頁面完成訂單的支付。5.2功能IPO圖作者：第八組日期：2015/6/4系統(tǒng)名稱：電子商務(wù)網(wǎng)站子模塊名稱：訂單管理調(diào)用的檯塊：支忖，刪除訂單被調(diào)用的檯塊：登錄狀

10、態(tài)的所有頁面輪入：當(dāng)前用戶輸出：分頁形式的.當(dāng)前用戶的所有訂單提供管理訂單的功能s刪除、支付當(dāng)前用戶的訂單5.3性能在選擇支付或者刪除操作后，響應(yīng)時間在2秒左右，最多不超過5秒。要求對前臺傳回后臺的參數(shù)值進(jìn)行分析，避免發(fā)生錯誤導(dǎo)致數(shù)據(jù)庫數(shù)據(jù)出錯。輸人項名稱標(biāo)識符類型介質(zhì)來源描述用戶IDUseridIntJson請求參數(shù)用來查找用戶的相關(guān)數(shù)據(jù)相關(guān)說明：如當(dāng)前瀏覽者是已登錄的客戶，則要把用戶的相關(guān)信息傳進(jìn)來。根據(jù)用戶ID查找用戶的訂單信息，返回前臺展示。如果當(dāng)前用戶沒有登錄，則提示未登錄，跳轉(zhuǎn)到登錄注冊頁面進(jìn)行登錄或者注冊。輸出項名稱標(biāo)識符類型介質(zhì)來源描述訂單信息OrderInfoOrderTab

11、leJson數(shù)據(jù)庫包含商品的所有信息訂單的總數(shù)OrderCountIntJson數(shù)據(jù)庫數(shù)據(jù)庫內(nèi)商品的總數(shù)用戶的信息UserInfoUserTableJson數(shù)據(jù)庫已登錄的用戶信息相關(guān)說明：輸出數(shù)據(jù)形式為HTML數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中HTML的數(shù)據(jù)包括：跳轉(zhuǎn)到其他頁面的超鏈接。單個訂單的描述，單個訂單的ID。訂單的總數(shù)，訂單的總頁數(shù)和當(dāng)前頁數(shù)。在頁面上顯示用戶名，用戶的消息等，但不能顯示用戶的ID。5.6算法流程圖:5.7流程邏輯一數(shù)據(jù)流圖:5.8注釋設(shè)計說明準(zhǔn)備在本程序中安排的注釋：加在模塊首部的注釋；加在各分枝點處的注釋；c對各變量的功能、范圍、缺省條件等所加的注釋;對使用的

12、邏輯所加的注釋等等。6登錄注冊（Login）設(shè)計說明6.1程序描述登錄注冊模塊主要提供登錄和新用戶注冊的功能。登錄模塊是為已經(jīng)注冊的用戶提供登錄的功能，登錄成功和跳轉(zhuǎn)回之前的頁面。此頁面的HTML不具有重用行。注冊模塊為新用戶提供注冊功能，在成功注冊后跳轉(zhuǎn)到登錄頁面進(jìn)行登錄。6.2功能IPO圖作者；第八組日期：2015/6/4系統(tǒng)名稱；電子商務(wù)網(wǎng)站子模塊名稱：登錄注冊調(diào)用的模塊：登錄，注冊被調(diào)用的模塊：主頁直接購買商品詳情臓入；商品信息輸出：登錄狀態(tài)完成用戶的賬號注冊和用戶登錄6.3性能在點擊登錄或者注冊按鈕后，響應(yīng)時間在2秒左右，最多不超過5秒。在前臺頁面需要對輸入的數(shù)據(jù)進(jìn)行分析，避免將錯誤

13、的數(shù)據(jù)傳回后臺，導(dǎo)致系統(tǒng)崩潰。在后臺還要對數(shù)據(jù)再一次進(jìn)行檢查。避免數(shù)據(jù)出錯。6.4輸人項名稱標(biāo)識符類型介質(zhì)來源描述跳轉(zhuǎn)前的頁面信息ArgsStringJson請求參數(shù)用來查找用戶的相關(guān)數(shù)據(jù)相關(guān)說明:Args包括了跳轉(zhuǎn)前的頁面信息，如果跳轉(zhuǎn)前是商品瀏覽頁，則還應(yīng)該包括瀏覽的頁面號等信息，如果是商品詳細(xì)頁，則參數(shù)要包括商品的ID。6.5輸出項相關(guān)說明：輸出數(shù)據(jù)形式為HTML數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中登錄頁面的包括了用戶名和密碼輸入框。注冊頁包括的必填信息框和選填信息框。兩個模塊都應(yīng)跳轉(zhuǎn)其他頁面的超鏈接。6.6算法流程圖：6.7流程邏輯一數(shù)據(jù)流圖:6.8注釋設(shè)計說明準(zhǔn)備在本程序中安排的注

14、釋：加在模塊首部的注釋；加在各分枝點處的注釋；c對各變量的功能、范圍、缺省條件等所加的注釋;對使用的邏輯所加的注釋等等。7個人信息管理(UserInfoManager)設(shè)計說明7.1程序描述個人信息管理模塊主要提供用戶自主管理個人信息的功能，可以修改用戶名，密碼，聯(lián)系方式，收貨地址，郵箱等等信息。此頁面的HTML不具有重用行。7.2功能IPO圖作者:第八組日期：2015/6/4系統(tǒng)名稱：電子商務(wù)網(wǎng)站子模塊名稱：個人信息管理調(diào)用的模塊；無被調(diào)用的檯塊：登錄狀態(tài)的所有頁面輸入：當(dāng)前用戶輸出：當(dāng)前用戶的信息提供管理個人信息的功能7.3性能在修改的相應(yīng)的信息后，點擊保存后，響應(yīng)時間在2秒左右，最多不超

15、過5秒。要求對前臺傳回后臺的參數(shù)值進(jìn)行分析，并且在后臺也要對傳回來的數(shù)據(jù)進(jìn)行分析，避免發(fā)生錯誤導(dǎo)致數(shù)據(jù)庫數(shù)據(jù)出錯。輸人項名稱標(biāo)識符類型介質(zhì)來源描述用戶IDUseridIntJson請求參數(shù)用來查找用戶的相關(guān)數(shù)據(jù)相關(guān)說明：通過用戶ID可以從數(shù)據(jù)庫中查詢出當(dāng)前用戶的所有相關(guān)信息，將其傳回前臺。輸出項名稱標(biāo)識符類型介質(zhì)來源描述用戶的信息UserinfoUserTableJson數(shù)據(jù)庫已登錄的用戶信息相關(guān)說明：輸出數(shù)據(jù)形式為HTML數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中HTML的數(shù)據(jù)包括：跳轉(zhuǎn)到其他頁面的超鏈接。用戶的基本信息。如用戶名，聯(lián)系方式，收貨地址，郵箱等。用戶的基本信息以表單的形式展示。7.

16、6算法流程圖:7.7流程邏輯一一數(shù)據(jù)流圖:8.8注釋設(shè)計說明準(zhǔn)備在本程序中安排的注釋：加在模塊首部的注釋；加在各分枝點處的注釋；c對各變量的功能、范圍、缺省條件等所加的注釋;對使用的邏輯所加的注釋等等。9直接購買(BuyDirectly.)設(shè)計說明9.1程序描述直接購買主要是給用戶提供跳過購物車直接購買商品的功能，點擊直接購買后直接確認(rèn)訂單信息，然后提交訂單，最后支付訂單。面去的加入購物車，再在購物車中提交訂單，最后的在其訂單管理中支付對應(yīng)訂單的繁瑣功能。此功能模塊的HTML可以直接就用信息確認(rèn)頁，提交訂單頁，和支付頁的HTML代碼。只需要改變傳遞的數(shù)據(jù)即可。9.2功能IPO圖作者：第八組日期

17、：2015/6/4系統(tǒng)名稱：電子商務(wù)網(wǎng)站子模塊名稱：直接購買調(diào)用的模塊：提交訂單，訂單信息確認(rèn)支忖訂單被調(diào)用的模塊：商品瀏覽，商品詳細(xì)輸入：當(dāng)前用戶，所購買的信息輸出：購買結(jié)果提供直接購買商品的功能9.3性能在直接購買的每一個頁面的跳轉(zhuǎn)過程中后，響應(yīng)時間在1-2秒左右，最多不超過5秒。要求對前臺傳回后臺的參數(shù)值進(jìn)行分析，避免發(fā)生錯誤導(dǎo)致數(shù)據(jù)庫數(shù)據(jù)出錯。輸人項名稱標(biāo)識符類型介質(zhì)來源描述用戶IDUseridIntJson請求參數(shù)用來查找用戶的相關(guān)數(shù)據(jù)商品的IDCommodityidIntJson請求參數(shù)用來查找所購買的商品的相關(guān)數(shù)據(jù)相關(guān)說明：如當(dāng)前瀏覽者是已登錄的客戶，則要把用戶的相關(guān)信息傳進(jìn)來。根據(jù)用戶ID查找用戶的訂單信息，返回前臺展示。如果當(dāng)前用戶沒有登錄，則提示未登錄，跳轉(zhuǎn)到登錄注冊頁面進(jìn)行登錄或者注冊。輸出項名稱標(biāo)識符類型介質(zhì)來源描述訂單信息OrderInfoOrderTableJson數(shù)據(jù)庫包含商品的