1、 軟件設(shè)計(jì)實(shí)踐報(bào)告單 位： 信息工程學(xué)院班 級(jí)： 學(xué) 號(hào)： 姓 名： 任課教師： 2015年9月軟件設(shè)計(jì)實(shí)踐項(xiàng)目名稱：螞蟻軍團(tuán)網(wǎng)上商城的設(shè)計(jì)與實(shí)現(xiàn)一、 項(xiàng)目概述 1.概述： 伴隨著計(jì)算機(jī)技術(shù)在各行各業(yè)日益廣泛和深入的應(yīng)用，互聯(lián)網(wǎng)購(gòu)物早已深入人心。電子商務(wù)在各行各業(yè)的發(fā)展戰(zhàn)略中占據(jù)了重要的位置，成為各大商家的必爭(zhēng)之地。商品的流通已不僅僅局限于傳統(tǒng)渠道，網(wǎng)絡(luò)平臺(tái)已成為商家展示自己，提升自身形象的舞臺(tái)。商家通過(guò)建立網(wǎng)站，將產(chǎn)品、資源等各方面信息展現(xiàn)在互聯(lián)網(wǎng)上。而計(jì)算機(jī)和互聯(lián)網(wǎng)技術(shù)本身所具備的信息透明度、信息高速傳播和快速管理等特征，不僅可以改進(jìn)商家原有經(jīng)營(yíng)方式與經(jīng)營(yíng)效率外，也為商家?guī)?lái)了更高的效益。

2、因此，對(duì)于商家來(lái)說(shuō)，擁有一個(gè)屬于自己的購(gòu)物網(wǎng)站是至關(guān)重要的。 為了完成網(wǎng)站的整體設(shè)計(jì)以及各個(gè)功能的實(shí)現(xiàn)，采用JSP作為頂層表示技術(shù)，struts實(shí)現(xiàn)MVC模式的架構(gòu)，使用Eclipse作為代碼開(kāi)發(fā)工具，在Windows 操作系統(tǒng)平臺(tái)下，采用MySQL作為數(shù)據(jù)庫(kù)服務(wù)器，Tomcat作為解析服務(wù)器。 本論文以系統(tǒng)的開(kāi)發(fā)為線，從軟件設(shè)計(jì)的角度對(duì)系統(tǒng)的理論基礎(chǔ)、系統(tǒng)整體布局及系統(tǒng)具體設(shè)計(jì)進(jìn)行了詳細(xì)研究，其中某些功能，如電子支付功能，由于局限于條件，只做理論分析。 2.目的和用途： 建立網(wǎng)上商城可以提高商業(yè)交易的效率、范圍， 網(wǎng)上商城 以在線交易、客戶服務(wù)為核心。降低人工、經(jīng)營(yíng)本錢(qián)，這對(duì)于全面推進(jìn)商家的

3、信息化網(wǎng)絡(luò)化具有重要意義。 網(wǎng)上商城有助于行業(yè)建議產(chǎn)品及信息資源的市場(chǎng)價(jià)值。從而帶動(dòng)商家產(chǎn)品在業(yè)界的品牌與地位，營(yíng)造有利于商家生存與發(fā)展環(huán)境，加速企業(yè)信息化發(fā)展。 3.需求說(shuō)明：a.軟件系統(tǒng)名稱：網(wǎng)上購(gòu)物系統(tǒng)b.任務(wù)提出者：上海密訊c.任務(wù)的開(kāi)發(fā)者： 功能模塊 開(kāi)發(fā)者 備注 用戶管理螞蟻軍團(tuán)無(wú) 商品管理螞蟻軍團(tuán)無(wú) 訂單管理螞蟻軍團(tuán)無(wú) d.功能對(duì)應(yīng)執(zhí)行人： 4.環(huán)境要求：網(wǎng)站的整體設(shè)計(jì)以及各個(gè)功能的實(shí)現(xiàn)，采用JSP作為頂層表示技術(shù)，struts實(shí)現(xiàn)MVC模式的架構(gòu)，使用Eclipse作為代碼開(kāi)發(fā)工具，在Windows 操作系統(tǒng)平臺(tái)下，采用MySQL作為數(shù)據(jù)庫(kù)服務(wù)器，Tomcat作為解析服務(wù)器。二

4、、 系統(tǒng)分析與設(shè)計(jì) 1.系統(tǒng)分析 1.1該系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)如下:1.2用戶注冊(cè)需求ID：um-001需求描述：讓顧客注冊(cè)成為網(wǎng)站用戶，使網(wǎng)站獲得用戶資料，可以使用手機(jī)號(hào)快捷注冊(cè)，用戶名即是手機(jī)號(hào)，通過(guò)輸出手機(jī)號(hào)然后獲取驗(yàn)證碼、填寫(xiě)賬號(hào)信息、選擇支付方式，注冊(cè)成功必須完善密碼以及個(gè)人信息才能完成登陸。也可以通過(guò)社交網(wǎng)站賬號(hào)快速關(guān)聯(lián)登陸。（qq、微信、人人、新浪微博），還可以通過(guò)郵箱注冊(cè)，通過(guò)郵箱獲取驗(yàn)證網(wǎng)址，郵箱地址即是用戶名。需求驗(yàn)證：成功后顯示注冊(cè)成功，未成功顯示未成功原因。1.3登錄需求ID：um-002需求描述：輸入用戶名、密碼和驗(yàn)證碼登入商城獲取商城服務(wù)，當(dāng)用戶名和密碼輸入錯(cuò)誤時(shí)有錯(cuò)誤

5、提示，用戶可以選擇找回用戶名和找回密碼。需求驗(yàn)證：輸入正確賬號(hào)密碼后能正常登陸。1.4找回密碼需求ID：um-003需求描述：用戶忘記密碼時(shí)如果用戶綁定了手機(jī)號(hào)可以通過(guò)手機(jī)號(hào)修改密碼，如果用戶綁定了郵箱可以通過(guò)郵箱修改密碼和找回用戶名。需求驗(yàn)證：能夠利用手機(jī)或郵箱修改密碼，并能使用新密碼進(jìn)行登陸。1.5個(gè)人信息編輯需求ID：um-004需求描述：顧客登陸商城之后可以進(jìn)入個(gè)人中心進(jìn)行個(gè)人信息的編輯。需求驗(yàn)證：編輯個(gè)人信息后能在個(gè)人頁(yè)面，看到正確的個(gè)人信息。1.6會(huì)員管理需求ID：um-005需求描述：用戶為了在商城中獲得更多的優(yōu)惠、更大的權(quán)限，可以成為商城會(huì)員。需求驗(yàn)證：成為會(huì)員后能享受一系列的

6、福利。1.7用戶投訴與反饋需求ID：um-006需求描述：用戶對(duì)商城內(nèi)的服務(wù)態(tài)度或者物品質(zhì)量不滿意。需求驗(yàn)證：用戶能將自己的意見(jiàn)反饋給平臺(tái)工作人員。1.8收藏夾需求ID：um-007需求描述：用戶看到自己喜歡的商品或店鋪可以放入自己的收藏夾。需求驗(yàn)證：所收藏的信息能在收藏夾中查看。1.9個(gè)人足跡需求ID：um-008需求描述：用戶看到自己喜歡的商品或店鋪可以放入自己的收藏夾。需求驗(yàn)證：在退出登陸后能用個(gè)人足跡功能查看，自己所訪問(wèn)的店鋪。1.10添加商品需求ID：cm-001需求描述：當(dāng)庫(kù)存為0時(shí)顯示斷貨，當(dāng)添加商品時(shí)，更新庫(kù)存該商品的數(shù)量。需求驗(yàn)證：修改后能正確顯示商品的數(shù)目。1.11上下家商

7、品需求ID：cm-002需求描述：上架商品時(shí)，添加信息進(jìn)商品列表中，下架商品時(shí)，刪除商品列表中該商品的信息。需求驗(yàn)證：上架后能在列表中看到商品名稱，下架后在列表中找不到該商品。1.12商品分類需求ID：cm-003需求描述：根據(jù)商品的屬性和特點(diǎn)將其進(jìn)行分類（如服裝，食品，家電等.）。需求驗(yàn)證：在每一類項(xiàng)目下面的商品符合該類商品的特征。1.13商品列表需求ID：cm-004需求描述：按照商品分類顯示所有商品的名稱。需求驗(yàn)證：所有商品名都在列表上，并能進(jìn)行轉(zhuǎn)跳。1.14商品詳細(xì)信息需求ID：cm-005需求描述：詳細(xì)信息是商品列表中某商品通過(guò)鏈接得到的所有信息（商品具體數(shù)據(jù)，賣家的信息，購(gòu)買(mǎi)數(shù)量及

8、庫(kù)存等）需求驗(yàn)證：所有商品的信息都顯示完整以及正確。1.15查看訂單需求ID：um-001需求描述：商品名稱，店鋪名稱，商品詳細(xì)信息，單價(jià)，購(gòu)買(mǎi)數(shù)量，總金額。需求驗(yàn)證：訂單展示的信息與客戶需求是否吻合。1.16訂單結(jié)算需求ID：om-002需求描述：商品名稱 訂單號(hào) 結(jié)算日期 店鋪名 商品操作（違規(guī)舉報(bào) 退運(yùn)保險(xiǎn)） 實(shí)付款（含運(yùn)費(fèi)） 訂單狀態(tài)（等待付款） 交易操作需求驗(yàn)證：客戶所要結(jié)算的商品的總金額和數(shù)量信息是否正確。1.17訂單取消需求ID：om-003需求描述：客戶對(duì)不需要的訂單選定，點(diǎn)擊取消，該訂單被取消需求驗(yàn)證：訂單是否成功取消。1.18確認(rèn)訂單信息需求ID：om-004需求描述：收貨

9、人 收貨地址 郵編號(hào) 手機(jī)號(hào) 商品店鋪信息 商品名稱 商品詳細(xì)信息 單價(jià) 數(shù)量 優(yōu)惠 小計(jì) 買(mǎi)家留言 配送方式 總計(jì)需求驗(yàn)證：訂單信息與客戶需求是否吻合，訂單收貨信息與客戶真實(shí)信息是否吻合。1.19查詢訂單需求ID：om-005需求描述：輸入商品標(biāo)題或訂單號(hào)進(jìn)行搜索需求驗(yàn)證：搜索到的訂單與客戶搜索的訂單是否吻合。2.系統(tǒng)設(shè)計(jì) 2.1根據(jù)需求分析生成的數(shù)據(jù)庫(kù)關(guān)系模型圖如下： E-R圖所選用的數(shù)據(jù)庫(kù)管理系統(tǒng)為MySQL，網(wǎng)上商城系統(tǒng)數(shù)據(jù)庫(kù)中的各個(gè)表字段定義如下所示：2.2 user為用戶信息表,主要保存用戶和管理員的的注冊(cè)信息，如表1：表1 列名數(shù)據(jù)類型可否為空說(shuō)明user_idintnot nu

10、llID，唯一標(biāo)識(shí)user_namevarcharnot null用戶名user_passvarcharnot null密碼real_namevarcharnull真實(shí)姓名phonevarcharnull電話addressvarcharnull家庭住址roleintnot null權(quán)限emailvarcharnot null電子郵箱remarkvarcharnull備注statusintnot null刪除標(biāo)示2.3shoppingcar表，主要存儲(chǔ)用戶的購(gòu)物車信息，見(jiàn)表2:表2 列名數(shù)據(jù)類型可否為空說(shuō)明shoppingcar_idintnot nullID，唯一標(biāo)識(shí)user_idintnot

11、 null用戶IDproduct_idintnot null產(chǎn)品IDproduct_sumintnot null產(chǎn)品數(shù)量product_namevarcharnot null產(chǎn)品名稱2.4 product表，主要保存產(chǎn)品信息，見(jiàn)表3: 表3 列名數(shù)據(jù)類型可否為空說(shuō)明product_idintnot nullID，唯一標(biāo)識(shí)product_namevarcharnot null產(chǎn)品名稱pricevarcharnot null價(jià)格discountvarcharnot null優(yōu)惠價(jià)格title_displayvarcharnot null標(biāo)題顯示remarkvarcharnot null備注deta

12、ilvarcharnot null詳細(xì)介紹discount_idintnot null優(yōu)惠IDstatusintnot null刪除標(biāo)示imagevarcharnot null圖片地址contentvarcharnot null產(chǎn)品參數(shù)category_idintnot null類別ID2.5 order表，儲(chǔ)存訂單信息，見(jiàn)表4:表4 列名數(shù)據(jù)類型可否為空說(shuō)明order_idintnot nullID，唯一標(biāo)識(shí)user_idintnot null用戶IDorder_pricevarcharnot null訂單總價(jià)order_timevarcharnot null訂單時(shí)間addressvarch

13、arnot null收貨地址phonevarcharnot null收貨電話area_codevarcharnot null郵政編碼statusintnot null刪除標(biāo)示product_idsvarcharnot null產(chǎn)品ID組product_sumvarcharnot null產(chǎn)品數(shù)量組namevarcharnot null收件人姓名2.6 feedback表，保存用戶反饋信息，見(jiàn)表:5表5 列名數(shù)據(jù)類型可否為空說(shuō)明feedback_idIntnot nullID，唯一標(biāo)識(shí)user_idIntnot null用戶IDorder_idIntnot null訂單IDcontentvarc

14、harnot null內(nèi)容create_timetimestampnot null創(chuàng)建時(shí)間statusIntnot null刪除標(biāo)示2.7 category表，保存產(chǎn)品類別信息，見(jiàn)表6表:6列名數(shù)據(jù)類型可否為空說(shuō)明category_idIntnot nullID，唯一標(biāo)識(shí)namevarcharnot null類別名稱father_idIntnot null上級(jí)IDstatueIntnot null刪除標(biāo)示attributevarcharnot null類別參數(shù)2.2 系統(tǒng)功能及成員之間的分工需求ID需求描述需求驗(yàn)證人Um-001用戶注冊(cè)許晟Um-002登陸許晟Um-003找回密碼王周江Um-0

15、04個(gè)人信息編輯王周江Um-005會(huì)員管理許晟Um-006用戶投訴與反饋謝燦豪Um-007收藏夾謝燦豪Um-008個(gè)人足跡王周江Cm-001添加商品文毓Cm-002上下架商品文毓Cm-003商品分類黃章耀Cm-004商品列表黃章耀Cm-005商品詳細(xì)信息李靖航Om-001查看訂單李靖航Om-002訂單結(jié)算方賽Om-003訂單取消方賽Om-004確認(rèn)訂單信息李婷Om-005查詢訂單李婷 3.模塊/函數(shù)設(shè)計(jì) 3.1 用戶管理模塊 3.1.1 注冊(cè)界面功能： 用戶注冊(cè)時(shí)將用戶信息從前臺(tái)獲得，并且寫(xiě)入數(shù)據(jù)庫(kù)，注冊(cè)時(shí)的信息包括：創(chuàng)建密碼、昵稱、性別、及生日。正確輸入驗(yàn)證碼后點(diǎn)擊立即開(kāi)通即可成功注冊(cè)微博。

16、成功注冊(cè)的用戶在登陸界面通過(guò)正確輸入用戶名和密碼可以進(jìn)行購(gòu)買(mǎi)、評(píng)論、收藏等各項(xiàng)操作。注冊(cè)：輸入到表單的數(shù)據(jù)從后臺(tái)獲取，經(jīng)過(guò)數(shù)據(jù)庫(kù)處理后寫(xiě)入數(shù)據(jù)庫(kù)登陸：輸入的登陸信息從后臺(tái)抓取，經(jīng)過(guò)check方法處理后驗(yàn)證是否存在。 3.1.2 用戶注冊(cè)登錄用例圖 3.1.3 注冊(cè)登錄時(shí)序圖 管理員注冊(cè)登錄 用戶注冊(cè)登錄 3.1.4 性能 靈活性：窗口響應(yīng)絕大部分的快捷菜單和控制面板操作 時(shí)間特性：響應(yīng)鼠標(biāo)單擊的時(shí)間在23秒之間 3.1.5 輸入項(xiàng) 登錄：輸入用戶名和密碼 注冊(cè)：輸入用戶名、密碼、郵箱、手機(jī)號(hào)碼、驗(yàn)證碼 3.1.6輸出項(xiàng) 登錄：登錄成功后提示登錄成功并返回登陸成功后的首頁(yè)，登錄失敗 提示登錄失敗

17、，請(qǐng)重新登陸。 注冊(cè)：注冊(cè)成功后返回登陸成功后的首頁(yè)，失敗提示注冊(cè)失敗，請(qǐng)重新注冊(cè)。 3.2 訂單管理模塊3.2.1 訂單管理功能 訂單管理系統(tǒng)主要分為購(gòu)物車管理和訂單管理，買(mǎi)家可以通過(guò)購(gòu)物車管理和訂單管理對(duì)自己所需要的購(gòu)買(mǎi)的商品進(jìn)行整理，管理員則可以進(jìn)行訂單的處理。購(gòu)物車管理有如下功能：1. 購(gòu)物車的添加2. 購(gòu)物車的查看3. 購(gòu)物車的結(jié)算4. 購(gòu)物車的刪除5. 購(gòu)物車的修改 訂單管理有如下功能：1.訂單查詢2.訂單取消 3.訂單結(jié)算 訂單的確認(rèn)與提交 買(mǎi)家在選中物品添加至購(gòu)物車后，可以通過(guò)點(diǎn)擊首頁(yè)的“購(gòu)物車”鏈接查看購(gòu)物車，在購(gòu)物車頁(yè)面中對(duì)購(gòu)物車進(jìn)行修改與刪除，當(dāng)買(mǎi)家對(duì)購(gòu)物車結(jié)算時(shí)，會(huì)直接

18、進(jìn)行訂單的確認(rèn)與提交，如果支付失敗，買(mǎi)家可以在訂單查詢中找到未完成的訂單重新進(jìn)行支付或者取消該訂單。 管理員可以根據(jù)用戶是否確認(rèn)、付款、發(fā)貨、是否歸檔將訂單進(jìn)行相應(yīng)的處理。 3.2.2 訂單管理用例圖 3.2.3 訂單管理時(shí)序圖 a.1 購(gòu)物車的查看 買(mǎi)家在登錄界面輸入賬號(hào)密碼進(jìn)行登錄，登錄成功后，買(mǎi)家通過(guò)點(diǎn)擊首頁(yè)的我的購(gòu)物車，進(jìn)入購(gòu)物車界面。 購(gòu)物車界面可以顯示買(mǎi)家加入購(gòu)物車的需購(gòu)的商品的信息，在購(gòu)物車界面，買(mǎi)家可以對(duì)商品進(jìn)行修改，刪除和結(jié)算。 b. 購(gòu)物車的結(jié)算買(mǎi)家在登錄界面輸入賬號(hào)密碼，進(jìn)行登錄，登錄成功后，買(mǎi)家通過(guò)點(diǎn)擊首頁(yè)的我的購(gòu)物車，進(jìn)入購(gòu)物車界面。買(mǎi)家選則要買(mǎi)的商品，點(diǎn)擊購(gòu)物車單內(nèi)

19、的結(jié)算按鈕，可以對(duì)商品進(jìn)行結(jié)算。買(mǎi)家點(diǎn)擊購(gòu)物車結(jié)算后，會(huì)生成訂單，買(mǎi)家進(jìn)入訂單系統(tǒng)，對(duì)訂單進(jìn)行確認(rèn)和支付。 c. 訂單查詢 買(mǎi)家打開(kāi)登錄頁(yè)面，輸入賬號(hào)和密碼，進(jìn)行登錄，登錄之后進(jìn)入首頁(yè)，在首頁(yè)點(diǎn)擊“我的訂單”，進(jìn)入訂單頁(yè)面，訂單頁(yè)面有買(mǎi)家想要了解的信息，買(mǎi)家可在此查詢訂單信息。d. 訂單取消 買(mǎi)家打開(kāi)登錄頁(yè)面，輸入賬號(hào)和密碼，進(jìn)行登錄，登錄之后進(jìn)入首頁(yè)，在首頁(yè)點(diǎn)擊“我的訂單”，進(jìn)入訂單頁(yè)面，買(mǎi)家在訂單頁(yè)面選擇某個(gè)訂單，點(diǎn)擊訂單旁邊的“取消訂單”，取消訂單的信息在數(shù)據(jù)模塊被處理，返回取消成功的提示。e. 訂單結(jié)算 買(mǎi)家打開(kāi)登錄頁(yè)面，輸入賬號(hào)和密碼，進(jìn)行登錄，登錄之后進(jìn)入首頁(yè)，在首頁(yè)點(diǎn)擊“我的訂單

20、”，進(jìn)入訂單頁(yè)面，買(mǎi)家在訂單頁(yè)面選擇某個(gè)訂單，點(diǎn)擊訂單旁邊的“立即付款”即可進(jìn)入交易頁(yè)面，進(jìn)行訂單的結(jié)算。f. 訂單確認(rèn)與提交 買(mǎi)家打開(kāi)登錄頁(yè)面，輸入賬號(hào)和密碼，進(jìn)行登錄，登錄之后進(jìn)入首頁(yè)，在首頁(yè)點(diǎn)擊“我的購(gòu)物車”，進(jìn)入購(gòu)物車模塊，選擇所需要的商品，點(diǎn)擊“結(jié)算”，進(jìn)入確認(rèn)訂單頁(yè)面，在確認(rèn)訂單頁(yè)面填寫(xiě)地址以及核對(duì)信息，然后點(diǎn)擊“提交”，進(jìn)入提交頁(yè)面，在提交頁(yè)面點(diǎn)擊“去支付”，即會(huì)進(jìn)入交易頁(yè)面。g. 訂單處理 管理員打開(kāi)管理員登錄頁(yè)面，輸入賬號(hào)和密碼進(jìn)行登錄，登錄之后進(jìn)入管理員的頁(yè)面，在該頁(yè)面可輸入用戶信息，會(huì)反饋未處理的訂單列表，然后處理訂單，即包括訂單的發(fā)貨，然后提交要發(fā)貨的商品信息，查詢?cè)撋?/p>

21、品庫(kù)存，進(jìn)行發(fā)貨，然后根據(jù)庫(kù)存信息在數(shù)據(jù)模塊進(jìn)行訂單狀態(tài)的更新，數(shù)據(jù)模塊反饋更新成功，庫(kù)存信息提示訂單處理完成。3.2.4 性能 靈活性：窗口響應(yīng)絕大部分的快捷菜單和控制面板操作 時(shí)間特性：響應(yīng)鼠標(biāo)單擊的時(shí)間在23秒之間3.2.5 輸入項(xiàng) 訂單查詢：訂單查詢條件 購(gòu)物車：用戶執(zhí)行的各種操作，包括鼠標(biāo)、鍵盤(pán)等3.2.6 輸出項(xiàng) 訂單查詢：標(biāo)準(zhǔn)的SQL語(yǔ)句，發(fā)送設(shè)置瀏覽區(qū)命令 購(gòu)物車：輸出從數(shù)據(jù)庫(kù)讀取的的信息或錯(cuò)誤警示信息3.3 商品管理模塊 3.3.1 商品管理功能 管理員功能：1.分類商品 2.上下架商品 3.添加商品。 買(mǎi)家功能：1.查詢商品 2.查詢商品詳細(xì)信息 3.交易商品。 瀏覽商品：

22、買(mǎi)家在商城的首頁(yè)或者商品列表中對(duì)商品的圖片及其信息進(jìn)行瀏覽。 瀏覽商品詳細(xì)信息：買(mǎi)家對(duì)該商品的詳細(xì)信息進(jìn)行瀏覽并選擇是否購(gòu)買(mǎi)該商品。 交易操作：買(mǎi)家對(duì)其有興趣的商品進(jìn)行加入購(gòu)物車或者生成訂單操作。 上架商品：管理員對(duì)商品進(jìn)行上架操作。 下架商品：管理員對(duì)商品進(jìn)行下架操作，選擇所需要下架的商品對(duì)其進(jìn)行下架操作。 添加商品：管理員對(duì)庫(kù)存數(shù)量的修改 限制條件：庫(kù)存數(shù)量不能超過(guò)999。 3.3.2 商品管理用例圖 3.3.3 商品管理時(shí)序圖 a.添加商品的時(shí)序圖：管理員登錄后，進(jìn)入管理員頁(yè)面，點(diǎn)擊添加商品選項(xiàng)可以進(jìn)入商品添加頁(yè)面。管理員在這個(gè)頁(yè)面輸入需要添加商品的名稱、分類和添加數(shù)量進(jìn)行添加，在確認(rèn)無(wú)

23、誤后點(diǎn)擊確認(rèn)會(huì)提示你添加商品成功，點(diǎn)擊則返回首頁(yè)。 b.上架商品時(shí)序圖：管理員登錄后，進(jìn)入管理員頁(yè)面，點(diǎn)擊上架商品選項(xiàng)可以進(jìn)入商品上架頁(yè)面。管理員在這個(gè)頁(yè)面輸入需要上架商品的名稱、分類、價(jià)格、圖片和詳細(xì)信息，在確認(rèn)無(wú)誤后點(diǎn)擊確認(rèn)會(huì)提示你上架商品成功，點(diǎn)擊則返回首頁(yè)。 c.下架商品時(shí)序圖：管理員登錄后，進(jìn)入管理員頁(yè)面，點(diǎn)擊添加商品選項(xiàng)可以進(jìn)入添加商品頁(yè)面。管理員在這個(gè)頁(yè)面輸入需要添加商品的名稱、分類和添加數(shù)量進(jìn)行添加，在確認(rèn)無(wú)誤后點(diǎn)擊確認(rèn)會(huì)提示你添加成功，點(diǎn)擊則返回首頁(yè)。 d.瀏覽商品：買(mǎi)家登錄后，進(jìn)入登錄后的首頁(yè)，可直接瀏覽或者點(diǎn)擊想要查看的商品分類屬性進(jìn)入商品列表頁(yè)面，買(mǎi)家可瀏覽此類商品并點(diǎn)

24、擊喜歡的商品圖片進(jìn)入商品詳細(xì)列表頁(yè)面。 e.瀏覽商品詳細(xì)信息：買(mǎi)家登錄后，點(diǎn)擊喜歡的登錄后首頁(yè)或者商品列表頁(yè)面中的商品圖片，可進(jìn)入此商品的詳細(xì)列表頁(yè)面，并瀏覽此商品的詳細(xì)信息。 f.交易操作：買(mǎi)家登錄后，點(diǎn)擊喜歡的登錄后首頁(yè)或者商品列表頁(yè)面中的商品圖片，可進(jìn)入此商品的詳細(xì)列表頁(yè)面。瀏覽此商品的詳細(xì)信息后，可選擇對(duì)這件商品進(jìn)行購(gòu)買(mǎi)或?qū)⑵浼尤胭?gòu)物車。 3.3.4 性能 靈活性：窗口響應(yīng)絕大部分的快捷菜單和控制面板操作 時(shí)間特性：響應(yīng)鼠標(biāo)單擊的時(shí)間在23秒之間 3.3.5 輸入項(xiàng) 組合、模糊查詢條件 3.3.6 輸出項(xiàng) 標(biāo)準(zhǔn)的SQL語(yǔ)句，發(fā)送設(shè)置瀏覽區(qū)設(shè)置命令4、 測(cè)試方案系統(tǒng)測(cè)試方法：黑盒測(cè)試測(cè)試

25、用例：測(cè)試工具：eclipse三、 系統(tǒng)實(shí)現(xiàn) 1.商品詳情界面：function show1()window.location = order1.jsp;function show2()alert(加入購(gòu)物車成功);function subNum() if(document.getElementById(num).value1)document.getElementById(num).value=document.getElementById(num).value-1;function addNum() +document.getElementById(num).value;鍵盤(pán)詳情 親愛(ài)的退

26、出我的購(gòu)物車我的訂單收藏夾服務(wù)中心關(guān)于我們螞蟻軍團(tuán)首頁(yè)     螞蟻軍團(tuán)V500機(jī)械鍵盤(pán) 機(jī)械鍵盤(pán) 黑軸 青軸 游戲鍵盤(pán)茶軸機(jī)械鍵盤(pán)         螞蟻軍團(tuán)自主研發(fā) 機(jī)械按鍵 全鍵盤(pán)編程 游戲級(jí)芯片 單件價(jià)格: ￥233.00              月銷量  9779       &

27、nbsp;      累計(jì)評(píng)價(jià)  19664 顏色分類: 白色青軸       白色茶軸       黑色茶軸       黑色青軸 購(gòu)買(mǎi)數(shù)量:  件           收藏物品（人氣2333）   商品詳情 產(chǎn)品名稱：MY V500 包裝體積: 1 品牌: MY/螞蟻 雷柏鍵

28、盤(pán): V500 套餐類型: 官方標(biāo)配 是否機(jī)械鍵盤(pán): 是 毛重: 974G 顏色分類: 白色雷柏軸背光升級(jí)版 黑色雷柏茶軸 白色雷柏軸 白色雷柏青軸 白色雷柏黑軸背光升級(jí)版 白 是否支持即插即用: 支持 連接方式: 有線 是否有多媒體功能鍵: 無(wú) 接口類型: USB 是否支持人體工程學(xué): 支持 有無(wú)手托: 無(wú) 成色: 全新 售后服務(wù): 全國(guó)聯(lián)保 2. 商品列表界面：鍵盤(pán)列表親愛(ài)的退出我的購(gòu)物車我的訂單收藏夾服務(wù)中心關(guān)于我們螞蟻軍團(tuán)首頁(yè) 商城主頁(yè)  本周熱賣  新品上架  酷炫品牌  打折促銷 &

29、nbsp;     類別：         機(jī)械鍵盤(pán)      游戲鍵盤(pán)      有線鍵盤(pán)      無(wú)線鍵盤(pán)      平板鍵盤(pán)      數(shù)字鍵盤(pán) &nb

30、sp;    鍵盤(pán)套裝               查看更多類別      到第頁(yè)Copyright 2015 螞蟻軍團(tuán)保留所有權(quán)利 3. 未登錄的主頁(yè) Home page * margin:0; padding:0; body background:#FFF; color:#333; font:12px/1.6em Helvetica, Aria

31、l, sans-serif; h1, h2, h3, h4, h5, h6 font-size:1em; a color:#0287CA; text-decoration:none; a:hover text-decoration:underline; ul, li list-style:none; fieldset, img border:none; legend display:none; em, strong, cite, th font-style:normal; font-weight:normal; input, textarea, select, button font:12px

32、 Helvetica, Arial, sans-serif; table border-collapse:collapse; html overflow:-moz-scrollbars-vertical; #ibanner position:relative; width:780px; height:320px; overflow:hidden; margin:20px 0 20px 200px; #ibanner_pic #ibanner_pic a position:absolute; top:0; display:block; width:780px; height:320px; overflow:hidden; #ibanner_btn position:absolute; z-index:9999; right:10px; top:280px; bottom:5px; font-weight:700; font-family:Arial; #ibanner_btn span display:block; float:left; margin-left:4p