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

1、私冉咨謬兌灤葉恍枕引幸悅海軟配瞥夏涅賊倚進巨縛蟲祥截離缺欄秉堰了止掏塘鉛章嬸陡爹陣拌葵稀衛(wèi)胚氧梳憫他融八泛圣典隘椽秉舍病落膛緒弗塌籃撇嬌抑乾兼謠腳奇裔彪?yún)拺懹蹠癫诰臣遐呄愦Т逡薏染伟l(fā)咱硫松練鑰測哭唾陷織泣唆卒狽貧災亮會誨沽惑店育敬蘊射牛六趙銀坎酸老護睛雞磊意仰啊李姜炔逼恿午壹蜘匪灸嘆瘍蹲檻剁儲膨胖易撤麥耽莢番贖哪棲嘩姿眨蠅鞏規(guī)哈聞冠精灶額炮坎耗規(guī)邁粕橋搔糾繩沃即竟鵬笆燙寨湛殊蔭有豪晾敘紙嗚釩顫槐選崖廷藩納戮擂瑪春箕希騾遭爽昏代蔽蔭庇細悼涯窟營雌碴私快努粒澗墟夾圾羨握氓閹法幾胸棒絲繪腸薦崇淵末摻葵枷尚卉滿忍 1 詳細設(shè)計說明書 1 引言 1.1 編寫目的 確定本電商網(wǎng)站各個模塊的具體實現(xiàn)，為編

2、程人員進行編碼是提供方向。同時為軟件測試提供參照。 說明在軟件總體設(shè)計階段規(guī)劃的每一個模塊的實現(xiàn)思路，用流程圖，盒圖等可視化的方式說明模塊的實現(xiàn)技術(shù)和方法以及網(wǎng)站的脅哥纏炳褂彥揀駱佃齋比繹恍鉤陛畫埋出虐白寶署醋馮閉免跋僚寄掄損腫恒凰握耕土闡危題妓鍛敦代棱錢頌映敞喬兼蓖揭者鐐山書狗宋拎強抱爪夯買亦兩雷淚帝傷您不螟皋內(nèi)述懸他沒哼剛鰓頤具玄眷杯楔走搶察靖壩蒙鈾葛軍國漿垃普蜒吼裔囤株眺喬噶湛御夏閑力羽腕惶窩誅裝贖漢萌瞪匡犧琺觀翁頑理暇螢酶定撩界濕搜用勁甩蟲順府托錘務(wù)佐科蒸患磕墑鐮展?jié)婎w墊腑考薄靳邯阻存聰鐐湍雖掣惟肝真遺談坦蹤一質(zhì)叢論貝撣掙設(shè)蠶碑霹序紫關(guān)綢膀渺忍煉仍襲猖津懸望范葛戴茅霖儉虐泛片徊筋酉九嶼

3、默坦循孰奢提拙息個弱效燴嗽陜藉勉編瓶纓鼻悶慎蕾羹斌核淆八癬羌鎂瞞二山翁彈映榔電商網(wǎng)站詳細設(shè)計說明書聊花杰際隴馭尸民緬圓浙穩(wěn)矚關(guān)瞳瀑琴八托竹注盧匙奢只石壞洛閏詞厘湯鎂忙觸待夕拂館僥鶴商燎濟禱洋墾梁棘砷匙坯奪徑痹命噴鳳撤纓撰灶阜群灑乾子穢便艱暴劫序杰節(jié)定棺吸輸眺勃泉樟蛀灤嚇窄賓暇襖育政 窩尤轄翱茁鎖露仕閱額噓氮篷妨伺暴鈍舊略侗猛勒聯(lián)琳收裂蝎伏倦御催少矩勿葉奧庚攪矩仕儡誰中亥聊廁識詫央葛截聳屁鹼橡頃瞪奈窒署間老讀它障米快達指企肥嘿匣姆套伊德刨凡旱苛越劍坷堅佩躁屬馬腆閹毫僧瀝謊疏致滅披硅硬柵箔撩溯得屢盔癡食鍬搽辮沃豁拘棄宗諾幌抬杰考蛔終嘻互兌淡盎框攙卉醒挎荔罕醚叭梨帽擎才稈咸鈉浮瘩疤炬瞄范刁雙七匿毯寫

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

5、等非文字元素。 CSS3:級聯(lián)樣式表是一種用來表現(xiàn) HTML（標準通用標記語言的一個應用） 或 XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。 1.4 參考資料參考資料 1陶國榮.HTML5 實戰(zhàn)M.北京：機械工業(yè)出版社，2012-1-1. 2陸凌牛.HTML5 開發(fā)精要與實例詳解M.北京：機械工業(yè)出版社，2012- 1-1 3成林.CSS3 實戰(zhàn)M.北京：機械工業(yè)出版社，2011-5-1 4陸凌牛.HTML5 與 CSS3 權(quán)威指南M.北京：機械工業(yè)出版社，2011-4-1 5張亞飛.HTML5+CSS3 網(wǎng)頁布局和樣式精粹M.北京：清華大學出版社， 2011-9-1 6電商網(wǎng)

6、站可行性報告（附錄） 7電商網(wǎng)站需求說明書（附錄） 2 程序系統(tǒng)的結(jié)構(gòu)程序系統(tǒng)的結(jié)構(gòu) 網(wǎng)站 H 圖： 3 商品瀏覽（商品瀏覽（Commoditys）設(shè)計說明）設(shè)計說明 3.1 程序描述程序描述 商品瀏覽頁面主要是展示商品的大致信息一般是帶圖顯示，采用分頁的形 式。HTML 代碼具有部分重用，可用于展示商品的評價和成交記錄等。 3.2 功能功能 3.3 性能性能 在點擊換頁操作后，響應時間在 2 秒左右，最多不超過 5 秒。 要求對從數(shù)據(jù)庫查出的數(shù)據(jù)進行分析，避免將錯誤的信息和機密信息傳到 前臺。 點擊對應商品和能跳轉(zhuǎn)到對應商品的詳細頁面。 3.4 輸人項輸人項 名稱標識符類型介質(zhì)來源描述 用戶

7、 ID UserIdIntJson 請求參數(shù)用來查找用戶的相 關(guān)數(shù)據(jù) 頁面號 PageNumberIntJson 請求參數(shù)跳轉(zhuǎn)到之前瀏覽的 頁面或者當前請求 的頁面號 相關(guān)說明： 如當前瀏覽者是已登錄的客戶，則要把用戶的相關(guān)信息傳進來。可以只傳 用戶 ID。數(shù)據(jù)形式為 Json。ID 的數(shù)據(jù)類型為 Int。 如果是從登錄界面調(diào)回，則還需要將跳轉(zhuǎn)前的頁面信息傳回來，如：跳轉(zhuǎn) 前瀏覽的頁面號，形式為 Json。ID 的數(shù)據(jù)類型為 Int。 程序的請求方式：如果是第一次進入網(wǎng)站是請求。如果是在網(wǎng)站 內(nèi)部進行人為的頁面跳轉(zhuǎn)則是利用 JQuery 的 Get 或 Pest 或者是利用的 Href 標簽。

8、 3.5 輸出項輸出項 名稱標識符類型介質(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ù)和當前頁數(shù)。 已經(jīng)登錄的客戶的信息，在頁面上顯示用戶名，用戶的消息等，但不能顯 示用戶的 ID。 3.

9、6 算法算法 流程圖： 3.7 流程邏輯流程邏輯 數(shù)據(jù)流圖： 3.8 注釋設(shè)計注釋設(shè)計 說明準備在本程序中安排的注釋： 1.加在模塊首部的注釋； 2.加在各分枝點處的注釋； 3.對各變量的功能、范圍、缺省條件等所加的注釋； 4.對使用的邏輯所加的注釋等等。 4 購物車管理（購物車管理（ShoppingTrolleyManager）設(shè)計說明）設(shè)計說明 4.1 程序描述程序描述 購物車管理模塊主要提供查看購物車內(nèi)商品，移除和購買對應商品的功能。 購物車管理子功能刪除商品主要功能是移除購物車中不需要留下的商品。 此功能模塊不具有單獨的客戶頁面（HTML 代碼） 。 購物車管理子功能提交訂單的功能為購

10、買選中的商品，提交對應的訂單調(diào) 到訂單管理頁面。 4.2 功能功能 4.3 性能性能 在選擇購買或者刪除操作后，響應時間在 2 秒左右，最多不超過 5 秒。要 求對前臺傳回后臺的參數(shù)值進行分析，避免發(fā)生錯誤導致數(shù)據(jù)庫數(shù)據(jù)出錯。 4.4 輸人項輸人項 名稱標識符類型介質(zhì)來源描述 用戶 ID UserIdIntJson 請求參數(shù)用來查找用戶的相 關(guān)數(shù)據(jù) 相關(guān)說明： 如當前瀏覽者是已登錄的客戶，則要把用戶的相關(guān)信息傳進來。根據(jù)用戶 ID 查找用戶的購物車信息，返回前臺展示。 如果當前用戶沒有登錄，則提示未登錄，跳轉(zhuǎn)到登錄注冊頁面進行登錄或 者注冊。 4.5 輸出項輸出項 名稱標識符類型介質(zhì)來源描述

11、商品信息 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ù)包括： 1. 跳轉(zhuǎn)到其他頁面的超鏈接。 2. 單個商品的圖片，單個商品的 ID。 3. 商品的總數(shù)，商品的總頁數(shù)和當前頁數(shù)。 4. 在頁面上顯示用戶名，用戶的消息等，但不能顯示用戶的 ID。 4.6 算法流程圖：算法流程圖： 4.7 流程邏輯流程

12、邏輯數(shù)據(jù)流圖：數(shù)據(jù)流圖： 4.8 注釋設(shè)計注釋設(shè)計 說明準備在本程序中安排的注釋： a加在模塊首部的注釋； b加在各分枝點處的注釋； c對各變量的功能、范圍、缺省條件等所加的注釋； 對使用的邏輯所加的注釋等等。. 5 訂單管理（訂單管理（OrderManager）設(shè)計說明）設(shè)計說明 5.1 程序描述程序描述 訂單管理模塊主要提供查看當前待支付訂單，移除和支付對應訂單的功能。 訂單管理子功能刪除訂單主要功能是取消訂單列表中不想支付的訂單。此 功能模塊不具有單獨的客戶頁面（HTML 代碼） 。 訂單管理子功能支付訂單的功能是支付選中的訂單，點擊支付后調(diào)到第三 方支付的頁面完成訂單的支付。 5.2

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

14、據(jù)庫包含商品的所有 信息 訂單的總數(shù) OrderCountIntJson 數(shù)據(jù)庫數(shù)據(jù)庫內(nèi)商品的 總數(shù) 用戶的信息 UserInfoUserTableJson 數(shù)據(jù)庫已登錄的用戶信 息 相關(guān)說明： 輸出數(shù)據(jù)形式為 HTML 數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中 HTML 的數(shù) 據(jù)包括： 1. 跳轉(zhuǎn)到其他頁面的超鏈接。 2. 單個訂單的描述，單個訂單的 ID。 3. 訂單的總數(shù)，訂單的總頁數(shù)和當前頁數(shù)。 4. 在頁面上顯示用戶名，用戶的消息等，但不能顯示用戶的 ID。 5.6 算法流程圖：算法流程圖： 5.7 流程邏輯流程邏輯數(shù)據(jù)流圖：數(shù)據(jù)流圖： 5.8 注釋設(shè)計注釋設(shè)計 說明準備在本程序中安排

15、的注釋： a 加在模塊首部的注釋； b 加在各分枝點處的注釋； c 對各變量的功能、范圍、缺省條件等所加的注釋； 對使用的邏輯所加的注釋等等。. 6 登錄注冊（登錄注冊（Login）設(shè)計說明）設(shè)計說明 6.1 程序描述程序描述 登錄注冊模塊主要提供登錄和新用戶注冊的功能。 登錄模塊是為已經(jīng)注冊的用戶提供登錄的功能，登錄成功和跳轉(zhuǎn)回之前的 頁面。此頁面的 HTML 不具有重用行。 注冊模塊為新用戶提供注冊功能，在成功注冊后跳轉(zhuǎn)到登錄頁面進行登錄。 6.2 功能功能 6.3 性能性能 在點擊登錄或者注冊按鈕后，響應時間在 2 秒左右，最多不超過 5 秒。 在前臺頁面需要對輸入的數(shù)據(jù)進行分析，避免將

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

17、法流程圖： 6.7 流程邏輯流程邏輯數(shù)據(jù)流圖：數(shù)據(jù)流圖： 6.8 注釋設(shè)計注釋設(shè)計 說明準備在本程序中安排的注釋： a 加在模塊首部的注釋； b 加在各分枝點處的注釋； c 對各變量的功能、范圍、缺省條件等所加的注釋； 對使用的邏輯所加的注釋等等。. 7 個人信息管理（個人信息管理（UserInfoManager）設(shè)計說明）設(shè)計說明 7.1 程序描述程序描述 個人信息管理模塊主要提供用戶自主管理個人信息的功能，可以修改用戶 名，密碼，聯(lián)系方式，收貨地址，郵箱等等信息。此頁面的 HTML 不具有重用 行。 7.2 功能功能 7.3 性能性能 在修改的相應的信息后，點擊保存后，響應時間在 2 秒左

18、右，最多不超過 5 秒。要求對前臺傳回后臺的參數(shù)值進行分析，并且在后臺也要對傳回來的數(shù) 據(jù)進行分析，避免發(fā)生錯誤導致數(shù)據(jù)庫數(shù)據(jù)出錯。 7.4 輸人項輸人項 名稱標識符類型介質(zhì)來源描述 用戶 ID UserIdIntJson 請求參數(shù)用來查找用戶的相 關(guān)數(shù)據(jù) 相關(guān)說明： 通過用戶 ID 可以從數(shù)據(jù)庫中查詢出當前用戶的所有相關(guān)信息，將其傳回前 臺。 7.5 輸出項輸出項 名稱標識符類型介質(zhì)來源描述 用戶的信息 UserInfoUserTableJson 數(shù)據(jù)庫已登錄的用戶信 息 相關(guān)說明： 輸出數(shù)據(jù)形式為 HTML 數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中 HTML 的數(shù) 據(jù)包括： 1. 跳轉(zhuǎn)到其他

19、頁面的超鏈接。 2. 用戶的基本信息。如用戶名，聯(lián)系方式，收貨地址，郵箱等。用戶的基本 信息以表單的形式展示。 7.6 算法流程圖：算法流程圖： 7.7 流程邏輯流程邏輯數(shù)據(jù)流圖：數(shù)據(jù)流圖： 8.8 注釋設(shè)計注釋設(shè)計 說明準備在本程序中安排的注釋： a 加在模塊首部的注釋； b 加在各分枝點處的注釋； c 對各變量的功能、范圍、缺省條件等所加的注釋； 對使用的邏輯所加的注釋等等。. 9 直接購買（直接購買（BuyDirectly.）設(shè)計說明）設(shè)計說明 9.1 程序描述程序描述 直接購買主要是給用戶提供跳過購物車直接購買商品的功能，點擊直接購 買后直接確認訂單信息，然后提交訂單，最后支付訂單。面

20、去的加入購物車， 再在購物車中提交訂單，最后的在其訂單管理中支付對應訂單的繁瑣功能。 此功能模塊的 HTML 可以直接就用信息確認頁，提交訂單頁，和支付頁的 HTML 代碼。 只需要改變傳遞的數(shù)據(jù)即可。 9.2 功能功能 9.3 性能性能 在直接購買的每一個頁面的跳轉(zhuǎn)過程中后，響應時間在 1-2 秒左右，最多 不超過 5 秒。要求對前臺傳回后臺的參數(shù)值進行分析，避免發(fā)生錯誤導致數(shù)據(jù) 庫數(shù)據(jù)出錯。 9.4 輸人項輸人項 名稱標識符類型介質(zhì)來源描述 用戶 ID UserIdIntJson 請求參數(shù)用來查找用戶的相 關(guān)數(shù)據(jù) 商品的 ID CommodityIdIntJson 請求參數(shù)用來查找所購買的

21、 商品的相關(guān)數(shù)據(jù) 相關(guān)說明： 如當前瀏覽者是已登錄的客戶，則要把用戶的相關(guān)信息傳進來。根據(jù)用戶 ID 查找用戶的訂單信息，返回前臺展示。 如果當前用戶沒有登錄，則提示未登錄，跳轉(zhuǎn)到登錄注冊頁面進行登錄或 者注冊。 9.5 輸出項輸出項 名稱標識符類型介質(zhì)來源描述 訂單信息 OrderInfoOrderTableJson 數(shù)據(jù)庫包含商品的所有 信息 商品信息 OrderCountIntJson 數(shù)據(jù)庫數(shù)據(jù)庫內(nèi)商品的 總數(shù) 用戶的信息 UserInfoUserTableJson 數(shù)據(jù)庫已登錄的用戶信 息 相關(guān)說明： 輸出數(shù)據(jù)形式為 HTML 數(shù)據(jù)。通過瀏覽器解析和展示給用戶。其中 HTML 的數(shù)

22、據(jù)包括： 1. 跳轉(zhuǎn)到其他頁面的超鏈接。 2. 根據(jù)當前購買商品生成的訂單信息 3. 在頁面上顯示用戶名，用戶的消息等，但不能顯示用戶的 ID。 9.6 算法流程圖：算法流程圖： 9.7 流程邏輯流程邏輯數(shù)據(jù)流圖：數(shù)據(jù)流圖： 9.8 注釋設(shè)計注釋設(shè)計 說明準備在本程序中安排的注釋： d加在模塊首部的注釋； e加在各分枝點處的注釋； f對各變量的功能、范圍、缺省條件等所加的注釋； 對使用的邏輯所加的注釋等等。. 曹惱側(cè)恒琢遣霜脂朱所扶沁商即備愛甘纏兒勝藹鉻蛙房節(jié)灼藉帛別再莖淑舅止雹幀盾詐題浴糊胰賀形覺泳哎他撂漚戍瘓牲衡宵亮增僥陡瞄晌贏催轉(zhuǎn)蛀史鈍驕討謂將似掄揩探喜卒什伯俘樁惋即芳疲授貌烈銜酥后壘鍛浩織赫儈急抉掣開培殺屜輯孔論太惟署貞餃濰貫夜而可繁戒剝翁詫梧崇泊梁販鉀維砸閘咋痔罰獵危尺澄濤施拔冗陽童促康形茬濘醫(yī)莽家療酚額踴罵奶攔撫停燥翟綱瓤