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

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

2、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML （標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。1.4 參考資料1陶國(guó)榮.HTML5實(shí)戰(zhàn)M.北京：機(jī)械工業(yè)出版社，2012-1-1.2 陸凌牛.HTML5開(kāi)發(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+CSS網(wǎng)頁(yè)布局和樣式精粹M.北京：清華大學(xué)出版社，2011-9-1 電商網(wǎng)站可行性報(bào)告（附錄）7電商網(wǎng)站需求說(shuō)明書(shū)（附錄）2程序系統(tǒng)的結(jié)構(gòu)網(wǎng)站H圖：3商品瀏覽（Commo

3、ditys ）設(shè)計(jì)說(shuō)明3.1程序描述商品瀏覽頁(yè)面主要是展示商品的大致信息一般是帶圖顯示，采用分頁(yè)的形式。HTML代碼具有部分重用，可用于展示商品的評(píng)價(jià)和成交記錄等。3.2功能3.3性能在點(diǎn)擊換頁(yè)操作后，響應(yīng)時(shí)間在 2秒左右，最多不超過(guò)5秒。要求對(duì)從數(shù)據(jù)庫(kù)查出的數(shù)據(jù)進(jìn)行分析，避免將錯(cuò)誤的信息和機(jī)密信息傳到前臺(tái)。點(diǎn)擊對(duì)應(yīng)商品和能跳轉(zhuǎn)到對(duì)應(yīng)商品的詳細(xì)頁(yè)面。3.4輸人項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述用戶IDUserIdIntJson請(qǐng)求參數(shù)用來(lái)查找用戶的相 關(guān)數(shù)據(jù)頁(yè)面號(hào)PageNumberIntJson請(qǐng)求參數(shù)跳轉(zhuǎn)到之前瀏覽的 頁(yè)面或者當(dāng)前請(qǐng)求的頁(yè)面號(hào)相關(guān)說(shuō)明：如當(dāng)前瀏覽者是已登錄的客戶，貝U要把用戶的相

4、關(guān)信息傳進(jìn)來(lái)。可以只傳用戶ID數(shù)據(jù)形式為Json。ID的數(shù)據(jù)類型為Into如果是從登錄界面調(diào)回，則還需要將跳轉(zhuǎn)前的頁(yè)面信息傳回來(lái)，女口：跳轉(zhuǎn)前瀏覽的 頁(yè)面號(hào)，形式為Jsoro ID的數(shù)據(jù)類型為Int。程序的請(qǐng)求方式：如果是第一次進(jìn)入網(wǎng)站是HTTP請(qǐng)求。如果是在網(wǎng)站內(nèi)部進(jìn)行人為的頁(yè)面跳轉(zhuǎn)則是利用JQuery的Get或Pest或者是利用MVC的 Href標(biāo)簽。3.5輸出項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述商品信息Commodityl nfoCommodityJson數(shù)據(jù)庫(kù)包含商品的所有 信息商品的總數(shù)CommodityCo untIntJson數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)內(nèi)商品的 總數(shù)用戶的信息UserI nfoUser

5、TableJson數(shù)據(jù)庫(kù)已登錄的用戶信 息相關(guān)說(shuō)明：輸出數(shù)據(jù)形式為HTML數(shù)據(jù)。通過(guò)瀏覽器解析和展示給用戶。其中 HTML的數(shù)據(jù)包括：跳轉(zhuǎn)到其他頁(yè)面的超鏈接。單個(gè)商品的圖片，單個(gè)商品的ID。商品的總數(shù)，商品的總頁(yè)數(shù)和當(dāng)前頁(yè)數(shù)。已經(jīng)登錄的客戶的信息，在頁(yè)面上顯示用戶名，用戶的消息等，但不能顯示用戶的ID。3.6算法流程圖：3.7流程邏輯數(shù)據(jù)流圖:3.8注釋設(shè)計(jì)說(shuō)明準(zhǔn)備在本程序中安排的注釋：1. 加在模塊首部的注釋；2. 加在各分枝點(diǎn)處的注釋；3. 對(duì)各變量的功能、范圍、缺省條件等所加的注釋；4. 對(duì)使用的邏輯所加的注釋等等。4購(gòu)物車(chē)管理(ShoppingTrolleyManager )設(shè)計(jì)說(shuō)明4

6、.1程序描述購(gòu)物車(chē)管理模塊主要提供查看購(gòu)物車(chē)內(nèi)商品，移除和購(gòu)買(mǎi)對(duì)應(yīng)商品的功能。購(gòu)物車(chē)管理子功能刪除商品主要功能是移除購(gòu)物車(chē)中不需要留下的商品。此功能模塊不具有單獨(dú)的客戶頁(yè)面(HTML弋碼)。購(gòu)物車(chē)管理子功能提交訂單的功能為購(gòu)買(mǎi)選中的商品，提交對(duì)應(yīng)的訂單調(diào)到訂單管 理頁(yè)面。4.2功能4.3性能在選擇購(gòu)買(mǎi)或者刪除操作后，響應(yīng)時(shí)間在2秒左右，最多不超過(guò)5秒。要求對(duì)前臺(tái) 傳回后臺(tái)的參數(shù)值進(jìn)行分析，避免發(fā)生錯(cuò)誤導(dǎo)致數(shù)據(jù)庫(kù)數(shù)據(jù)出錯(cuò)。4.4輸人項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述用戶IDUseridIntJson請(qǐng)求參數(shù)用來(lái)查找用戶的相 關(guān)數(shù)據(jù)相關(guān)說(shuō)明:女口當(dāng)前瀏覽者是已登錄的客戶，貝U要把用戶的相關(guān)信息傳進(jìn)來(lái)。根

7、據(jù)用戶ID查找用戶的購(gòu)物車(chē)信息，返回前臺(tái)展示。如果當(dāng)前用戶沒(méi)有登錄，則提示未登錄，跳轉(zhuǎn)到登錄注冊(cè)頁(yè)面進(jìn)行登錄或者注冊(cè)。4.5輸出項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述商品信息Commodityl nfoCommodityJson數(shù)據(jù)庫(kù)包含商品的所有 信息商品的總數(shù)CommodityCo untIntJson數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)內(nèi)商品的 總數(shù)用戶的信息Userl nfoUserTableJson數(shù)據(jù)庫(kù)已登錄的用戶信 息相關(guān)說(shuō)明:輸出數(shù)據(jù)形式為HTM數(shù)據(jù)。通過(guò)瀏覽器解析和展示給用戶。其中HTML勺數(shù)據(jù)包括:1. 跳轉(zhuǎn)到其他頁(yè)面的超鏈接。2. 單個(gè)商品的圖片，單個(gè)商品的ID。3. 商品的總數(shù)，商品的總頁(yè)數(shù)和當(dāng)前頁(yè)數(shù)。

8、4. 在頁(yè)面上顯示用戶名，用戶的消息等，但不能顯示用戶的ID o4.6算法流程圖:4.7流程邏輯一數(shù)據(jù)流圖:4.8注釋設(shè)計(jì)說(shuō)明準(zhǔn)備在本程序中安排的注釋：a. 加在模塊首部的注釋；b. 加在各分枝點(diǎn)處的注釋；c. 對(duì)各變量的功能、范圍、缺省條件等所加的注釋;對(duì)使用的邏輯所加的注釋等等。5訂單管理(OrderManager )設(shè)計(jì)說(shuō)明5.1程序描述訂單管理模塊主要提供查看當(dāng)前待支付訂單，移除和支付對(duì)應(yīng)訂單的功能。訂單管理子功能刪除訂單主要功能是取消訂單列表中不想支付的訂單。此功能模塊不具有單獨(dú)的客戶頁(yè)面(HTML弋碼)。訂單管理子功能支付訂單的功能是支付選中的訂單， 點(diǎn)擊支付后調(diào)到第三方支付的 頁(yè)

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

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

11、的注釋等等。6登錄注冊(cè)（Login ）設(shè)計(jì)說(shuō)明6.1程序描述登錄注冊(cè)模塊主要提供登錄和新用戶注冊(cè)的功能。登錄模塊是為已經(jīng)注冊(cè)的用戶提供登錄的功能，登錄成功和跳轉(zhuǎn)回之前的頁(yè)面。此 頁(yè)面的HTM不具有重用行。注冊(cè)模塊為新用戶提供注冊(cè)功能，在成功注冊(cè)后跳轉(zhuǎn)到登錄頁(yè)面進(jìn)行登錄6.2功能6.3性能在點(diǎn)擊登錄或者注冊(cè)按鈕后，響應(yīng)時(shí)間在 2秒左右，最多不超過(guò)5秒。在前臺(tái)頁(yè)面需要對(duì)輸入的數(shù)據(jù)進(jìn)行分析， 避免將錯(cuò)誤的數(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ì)來(lái)源描述跳轉(zhuǎn)前的 頁(yè)面信息ArgsStri ngJson請(qǐng)求參數(shù)用來(lái)查找用戶的相 關(guān)數(shù)據(jù)相關(guān)

12、說(shuō)明：Args包括了跳轉(zhuǎn)前的頁(yè)面信息，如果跳轉(zhuǎn)前是商品瀏覽頁(yè)，則還應(yīng)該包括瀏覽的頁(yè)面號(hào)等信息，如果是商品詳細(xì)頁(yè)，則參數(shù)要包括商品的ID。6.5輸出項(xiàng)相關(guān)說(shuō)明：輸出數(shù)據(jù)形式為HTML數(shù)據(jù)。通過(guò)瀏覽器解析和展示給用戶。其中登錄頁(yè)面的包括 了用戶名和密碼輸入框。注冊(cè)頁(yè)包括的必填信息框和選填信息框。兩個(gè)模塊都應(yīng)跳轉(zhuǎn)其他頁(yè)面的超鏈接。6.6算法流程圖：6.7流程邏輯一數(shù)據(jù)流圖：6.8注釋設(shè)計(jì)說(shuō)明準(zhǔn)備在本程序中安排的注釋：a. 加在模塊首部的注釋；b. 加在各分枝點(diǎn)處的注釋；c對(duì)各變量的功能、范圍、缺省條件等所加的注釋；對(duì)使用的邏輯所加的注釋等等。7個(gè)人信息管理(UserlnfoManager )設(shè)計(jì)說(shuō)明

13、7.1程序描述個(gè)人信息管理模塊主要提供用戶自主管理個(gè)人信息的功能，可以修改用戶名，密碼, 聯(lián)系方式，收貨地址，郵箱等等信息。此頁(yè)面的 HTML不具有重用行。7.2功能7.3性能在修改的相應(yīng)的信息后，點(diǎn)擊保存后，響應(yīng)時(shí)間在 2秒左右，最多不超過(guò)5秒。要 求對(duì)前臺(tái)傳回后臺(tái)的參數(shù)值進(jìn)行分析，并且在后臺(tái)也要對(duì)傳回來(lái)的數(shù)據(jù)進(jìn)行分析，避 免發(fā)生錯(cuò)誤導(dǎo)致數(shù)據(jù)庫(kù)數(shù)據(jù)出錯(cuò)。7.4輸人項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述用戶IDUserIdIntJson請(qǐng)求參數(shù)用來(lái)查找用戶的相 關(guān)數(shù)據(jù)相關(guān)說(shuō)明：通過(guò)用戶ID可以從數(shù)據(jù)庫(kù)中查詢出當(dāng)前用戶的所有相關(guān)信息，將其傳回前臺(tái)7.5輸出項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述用戶的信息UserI

14、nfoUserTableJson數(shù)據(jù)庫(kù)已登錄的用戶信 息相關(guān)說(shuō)明：輸出數(shù)據(jù)形式為HTM數(shù)據(jù)。通過(guò)瀏覽器解析和展示給用戶。其中HTML勺數(shù)據(jù)包括:1. 跳轉(zhuǎn)到其他頁(yè)面的超鏈接。2. 用戶勺基本信息。如用戶名，聯(lián)系方式，收貨地址，郵箱等。用戶勺基本信息以表 單勺形式展示。7.6 算法流程圖:7.7 流程邏輯數(shù)據(jù)流圖:8.8 注釋設(shè)計(jì)說(shuō)明準(zhǔn)備在本程序中安排勺注釋:a. 加在模塊首部的注釋；b. 加在各分枝點(diǎn)處的注釋；c. 對(duì)各變量的功能、范圍、缺省條件等所加的注釋；對(duì)使用勺邏輯所加勺注釋等等。 9 直接購(gòu)買(mǎi)( BuyDirectly. )設(shè)計(jì)說(shuō)明9.1 程序描述直接購(gòu)買(mǎi)主要是給用戶提供跳過(guò)購(gòu)物車(chē)直接

15、購(gòu)買(mǎi)商品的功能， 點(diǎn)擊直接購(gòu)買(mǎi)后直接 確認(rèn)訂單信息，然后提交訂單，最后支付訂單。面去的加入購(gòu)物車(chē)，再在購(gòu)物車(chē)中提 交訂單，最后的在其訂單管理中支付對(duì)應(yīng)訂單的繁瑣功能。此功能模塊的 HTML 可以直接就用信息確認(rèn)頁(yè)，提交訂單頁(yè)，和支付頁(yè)的 HTML 代碼。只需要改 變傳遞的數(shù)據(jù)即可。9.2功能9.3性能在直接購(gòu)買(mǎi)的每一個(gè)頁(yè)面的跳轉(zhuǎn)過(guò)程中后，響應(yīng)時(shí)間在1-2秒左右，最多不超過(guò)5秒。要求對(duì)前臺(tái)傳回后臺(tái)的參數(shù)值進(jìn)行分析，避免發(fā)生錯(cuò)誤導(dǎo)致數(shù)據(jù)庫(kù)數(shù)據(jù)出錯(cuò)。9.4輸人項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述用戶IDUseridIntJson請(qǐng)求參數(shù)用來(lái)查找用戶的相 關(guān)數(shù)據(jù)商品的IDCommodityldIntJson請(qǐng)求參數(shù)用來(lái)查找所購(gòu)買(mǎi)的 商品的相關(guān)數(shù)據(jù)相關(guān)說(shuō)明：如當(dāng)前瀏覽者是已登錄的客戶，貝U要把用戶的相關(guān)信息傳進(jìn)來(lái)。根據(jù)用戶ID查找用戶的訂單信息，返回前臺(tái)展示。如果當(dāng)前用戶沒(méi)有登錄，則提示未登錄，跳轉(zhuǎn)到登錄注冊(cè)頁(yè)面進(jìn)行登錄或者注冊(cè)。9.5輸出項(xiàng)名稱標(biāo)識(shí)符類型介質(zhì)來(lái)源描述訂單信息OrderI nfoOrderTableJson數(shù)據(jù)庫(kù)包含商品的所有 信息商品信息OrderCou ntIntJson數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)內(nèi)商品的 總數(shù)用戶的信息UserI