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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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