1、<p><b>　　本科畢業(yè)論文</b></p><p><b>　?。?0 屆）</b></p><p>　　葉小七女裝電子商務網(wǎng)站的設計與制作</p><p>　　所在學院 </p><p>　　專業(yè)班級 計算機信息

2、管理 </p><p>　　學生姓名 學號 </p><p>　　指導教師 職稱 </p><p>　　完成日期 年 月 </p><p><b>　　目 錄</b>&

3、lt;/p><p><b>　　摘 要1</b></p><p><b>　　前 言2</b></p><p>　　第1章 系統(tǒng)概述3</p><p>　　1.1 系統(tǒng)開發(fā)背景3</p><p>　　1.2 本系統(tǒng)研究的內容4</p><p>

4、;　　第2章 系統(tǒng)分析5</p><p>　　2.1 可行性分析5</p><p>　　2.1.1 技術可行性5</p><p>　　2.1.2 經濟可行性5</p><p>　　2.1.3 社會可行性分析5</p><p>　　2.2 系統(tǒng)流程圖6</p><p>　　2.3

5、 需求分析7</p><p>　　第3章 系統(tǒng)總體設計8</p><p>　　3.1 數(shù)據(jù)庫總體設計8</p><p>　　3.1.1 系統(tǒng)E-R圖設計8</p><p>　　3.1.2 關系模式設計9</p><p>　　3.2 網(wǎng)站頁面總體設計... 11</p><p>　

6、　3.2.1 網(wǎng)站前臺頁面總體設計11</p><p>　　3.2.2 網(wǎng)站后臺總體設計12</p><p>　　第4章 系統(tǒng)詳細設計13</p><p>　　4.1 數(shù)據(jù)庫設計13</p><p>　　4.2 系統(tǒng)前臺頁面詳細設計15</p><p>　　4.3 系統(tǒng)后臺管理頁面詳細設計25</

7、p><p>　　第5章 系統(tǒng)測試30</p><p>　　5.1 軟件測試的方法30</p><p>　　5.2 本系統(tǒng)測試30</p><p><b>　　總 結31</b></p><p><b>　　參考文獻32</b></p><p&g

8、t;<b>　　致 謝33</b></p><p><b>　　摘 要</b></p><p>　　在現(xiàn)如今的信息時代中，電子商務已經普及大眾化。而其最能體現(xiàn)它的特點的就是網(wǎng)上銷售。它為目前的信息活動提供了方便快捷，足不出戶，也能感受得到它所帶給消費者的能量。從傳統(tǒng)的銷售模式到高科技的網(wǎng)上銷售模式，電子商務打破了固定的銷售方式，將傳統(tǒng)的

9、銷售模式和網(wǎng)絡結合在一起，巧妙的實現(xiàn)了消費者的購物需求，滿足消費者的購物心理。葉小七女裝的設計主要是利用Visual Studio 2010和SQL server2005這兩個系統(tǒng)，設計了一個能自由上網(wǎng)購物的銷售網(wǎng)站，實現(xiàn)的是女裝進行出售和購買的功能。該網(wǎng)站是由前臺和后臺組成，管理員可以通過后臺登陸進入到后臺管理系統(tǒng)，進行商品的添加/刪除功能，以及會員管理、訂單管理等相關的操作，消費者可以通過前臺注冊會員，之后就可以進行自由購物，方便消

10、費者購物，操作流程簡短。電子商務在中國的市場已經慢慢地被廣大消費者所接受，改變了消費者的觀念，潛力無限，所以說，發(fā)展電子商務是我們現(xiàn)在共同奮斗的目標。</p><p>　　關鍵詞：電子商務，網(wǎng)上銷售，訂單管理</p><p><b>　　前 言</b></p><p>　　本課題是葉小七女裝電子商務網(wǎng)站設計與制作，主要是利用Visual St

11、udio 2010和SQL Server這兩個系統(tǒng)來完成網(wǎng)站的建設，針對于國內外對于女裝這個行業(yè)的一些數(shù)據(jù)，在國內，好多人在淘寶、阿里巴巴等都會選擇女裝這個行業(yè)來開拓，因為女人對于服裝的需求大，愛美是女人的特性，而且女裝的利潤大，不同于其他的服裝行業(yè)；在國外，更是對女裝比較看重，所以這些優(yōu)勢都讓我對于選擇這個女裝做網(wǎng)站比較好。相信在不久的將來，女裝也會成為一種潮流趨勢，帶動更多的女性，上班族和家庭主婦，都可以足不出戶就能夠挑選到自己喜歡

12、的服飾。</p><p>　　本論文所要解決的問題是要使買家在網(wǎng)站內挑選服裝然后自主加入購物車或者收藏夾，然后提交訂單，進行購買，而本論文主要研究內容是結合店鋪和網(wǎng)站對服裝進行銷售，以此來獲得最大的利潤，其研究的方法是通過網(wǎng)絡調查以及數(shù)據(jù)的采集，設計出引人入勝的網(wǎng)站和服務周到的態(tài)度，讓買家時常關注寶貝。</p><p>　　全文共分為6章。第1章 概述，主要寫開發(fā)環(huán)境和目的以及意義；第2章

13、 系統(tǒng)的開發(fā)技術與工具，主要是針對于系統(tǒng)的開發(fā)技術和工具展開詳細的介紹，讓大家明白網(wǎng)站建設的技術；第3章 網(wǎng)站需求分析，顯而易見是介紹網(wǎng)站對于買家的需求做了一些研究的章節(jié)；第4章 網(wǎng)站總體設計與數(shù)據(jù)庫實現(xiàn)，針對于網(wǎng)站的總體設計進行進一步的展示，讓大家對于其更多的深入的了解，還有其數(shù)據(jù)庫的實現(xiàn)；第5章 網(wǎng)站的風格設計，完美的展示網(wǎng)站的風格和圖片的美化；第6章 網(wǎng)站的頁面設計，具體頁面的具體實現(xiàn)具體展示，全方位的介紹。</p>

14、<p>　　最后，是自己對網(wǎng)站制作過程的總結以及對指導老師和同學們的感謝。</p><p><b>　　第1章 系統(tǒng)概述</b></p><p>　　1.1 系統(tǒng)開發(fā)背景</p><p>　　網(wǎng)購是電子商務營銷的平臺，也是商務流程電子化的一種營銷活動。在Internet網(wǎng)上進行的電子商務營銷活動包括網(wǎng)上的廣告、訂貨、付款、客戶服務和

15、貨物遞交等銷售、售前和售后服務，以及市場調查分析、財務核計及生產安排等多項利用Internet開發(fā)的商業(yè)活動。 從市場營銷的角度來看，電子商務營銷這一種營銷方式與郵購、電話電視購物等方式并列，從屬于直接營銷這一概念。他的先進性體現(xiàn)在買者作出購買決定的自由度、交易自由化程度、交互能力、購買決定對計算機的客觀依賴性、成長為完整的電子市場的潛力等。 電子商務的應用范圍主要包括證券市場、在線交易（如食品百貨、鮮花禮品、家用電器等）、家庭銀行、旅

16、游服務、在線信息服務、在線游戲、書籍報告、應用軟件及電腦產品等。 </p><p>　　目前，國際電子商務市場已成為發(fā)展最快的市場之一，從事電子商務營銷的企業(yè)已在世界經濟領域嶄露頭角。至1996年底，美國《幸?！冯s志評出全美500家最大的公司已有半數(shù)在網(wǎng)上開展營銷。在營銷的廣告支出方面，福布斯的調查表明：1995年互聯(lián)網(wǎng)的廣告費用為0.37億美元，到1996年升至3.12億美元，估計2000年將達到50億美元。1

17、998年美國股市的超級明星是亞馬遜(Amazon)網(wǎng)上書店，一年中這家公司的股價上漲8倍多，年終每股突破300美元大關，使其市場資本總值達到180億美元，超過了有100多年歷史的美國著名郵購公司西亞斯。 隨著電子商務的發(fā)展，網(wǎng)上購物也成為生活中主要的購買方式之一，截至2009年6月份，我國網(wǎng)購用戶為8788萬，同比增加2459萬人，年增幅達38.9%，網(wǎng)購用戶已經逼近1億。網(wǎng)購平臺像B2C網(wǎng)上商城（京東、當當網(wǎng)等），C2C平臺（淘寶、拍

18、拍等）也占據(jù)了大部分的市場。但是在網(wǎng)購用戶飛速增長的情況下這些網(wǎng)上商城已經不能滿足網(wǎng)民的需求，在以后很長的一段時間里，會有更多的網(wǎng)上商城建立，C2C（個人對個人）類網(wǎng)上商城更是會占有一個很重要的地位。因此，個性定制行業(yè)從長遠發(fā)展來看</p><p>　　1.2 本系統(tǒng)研究的內容</p><p>　　本系統(tǒng)研究的內容主要是為了滿足消費者通過網(wǎng)絡，就可以實現(xiàn)無論何時何地就可以在網(wǎng)絡上進行購物，

19、實現(xiàn)購物方便的功能。</p><p>　　葉小七女裝主要是針對于女裝這一塊的電子商務系統(tǒng)網(wǎng)站，該網(wǎng)站是由前臺和后臺兩大模塊組成的。單從頁面的總體設計來看，導航上的每一部分都有不同的模塊，但是總的模塊風格是一致的，體現(xiàn)了網(wǎng)站的從局部到整體，整體到局部的統(tǒng)一性。消費者可以通過前臺進行對自己所喜歡的女裝的購買，后臺可以管理訂單信息，同時查看用戶的留言信息，了解消費者需求，促進網(wǎng)站的進一步改進。從實現(xiàn)功能來看，前臺主要有

20、熱賣商品、最新商品、推薦商品、特價商品、商品分類、商品信息等頁面，會員中心可以對自己的密碼進行修改，管理員中心即后臺管理員可以對自己的信息進行修改，可以管理會員的信息，同時還可以查看用戶的留言，進一步了解顧客需求，達到用戶和企業(yè)之間的交流，進一步促進網(wǎng)站的改進。</p><p><b>　　第2章 系統(tǒng)分析</b></p><p><b>　　2.1 可行性

21、分析</b></p><p>　　課題主要是以女裝為主打產品的電子商務網(wǎng)站，因為隨著世界的發(fā)展、社會的發(fā)展，網(wǎng)絡日益顯得重要，所以建立自己的電子商務網(wǎng)站主要是在宣傳自己的服裝。通過電子商務這個平臺，宣傳自己的服裝，可以更加快速，便捷的傳到大眾的眼中，收益是很明顯，設計服裝的網(wǎng)站，使其他人可以在網(wǎng)站內對看中的服裝進行瀏覽、收藏和購買，網(wǎng)站的各個頁面需要加以深究，所以，企業(yè)建立自己的女裝網(wǎng)站是可行的。&l

22、t;/p><p>　　2.1.1 技術可行性</p><p>　　一個網(wǎng)站的運行成功與否，關鍵在于網(wǎng)站內的技術能不能得到充分的實踐。網(wǎng)站系統(tǒng)開發(fā)需要使用相對來說比較穩(wěn)定的技術，因為要考慮到網(wǎng)站開發(fā)的風險度，技術發(fā)展等各個方面的分析。本系統(tǒng)主要是參考了網(wǎng)上一些已經成功的列子進行借鑒，第一，在數(shù)據(jù)庫上所使用的是SQL Server 2005，因為在做網(wǎng)站的時間，需要建立很多的表的數(shù)據(jù)，嘗試了幾種

23、不同的數(shù)據(jù)庫系統(tǒng)，這個2005相對于來說適用于多種環(huán)境的適用；第二，網(wǎng)站搭建使用的Visual Studio 2010，整合了對象、關系型數(shù)據(jù)、XML的訪問方式，語言更加簡潔，被廣大技術開發(fā)人員投入使用。針對于以上的兩點，本系統(tǒng)的開發(fā)是可行的。技術和開發(fā)工具比較完善，在實踐中被多次運用的，是完全可行的，不會存在技術上的問題。</p><p>　　2.1.2 經濟可行性</p><p>　　

24、葉小七女裝作為女裝購物網(wǎng)站，是為了更好的展示一年四季不同的女裝的特點，讓消費者更好的找到自己的需求所向，簡短購買的時間，快速而又便捷，也就是說，從消費者需求這個方面來說，建立這個女裝網(wǎng)站是可行的。對于企業(yè)來說，一方面網(wǎng)站可以成功的為企業(yè)發(fā)布女裝信息，更好的宣傳產品的具體特點，可以更加快速的從留言板中得到消費者的對于產品的需求的一個重要媒介；另外一方面企業(yè)可以通過網(wǎng)絡加大與消費者的溝通，比較好的樹立起公司的形象，而且還可以進貨渠道多樣化，

25、使得自己的利益達到最優(yōu)化。相比較與傳統(tǒng)的營銷模式，經濟可行性更好。</p><p>　　2.1.3 社會可行性分析</p><p>　　本網(wǎng)站是屬于自主服裝管理，自家經營的網(wǎng)上商城平臺，該網(wǎng)站具有服裝管理、會員管理、訂單管理等功能，有著強大的后臺管理界面，直接就可以通過360瀏覽器就可以瀏覽整個網(wǎng)站的各個功能，便于消費者使用，操作簡單，如果你需要查看這個系統(tǒng)的后臺，直接點擊最下面的后臺管

26、理，在后臺管理中設置你所要查看或者是添加/刪除服裝，已購買的服裝發(fā)貨即可完整的進行系統(tǒng)的流程操作這種適用于小型企業(yè)以及個人經營管理。</p><p>　　2.2 系統(tǒng)流程圖 </p><p>　　系統(tǒng)流程圖是一個物理模型，描述目標系統(tǒng)的概貌。</p><p>　　葉小七女裝電子商務網(wǎng)站系統(tǒng)流程圖如圖2-1所示。</p><p>　　圖2-1

27、葉小七女裝電子商務網(wǎng)站系統(tǒng)流程圖</p><p><b>　　2.3 需求分析</b></p><p>　　網(wǎng)絡作為一種先進的信息媒介，其特點就是傳送速度快、覆蓋面廣，因此可以利用網(wǎng)絡開展電子商務活動。電子商務的網(wǎng)上實踐，是從網(wǎng)上銷售開始的，“葉小七女裝”打破了傳統(tǒng)的銷售模式，其運用就是將傳統(tǒng)和電子網(wǎng)絡結合，能夠直接建立與客戶的直接關系。該網(wǎng)站可以為用戶提供商品的詳細

28、信息，用戶可以在線購買商品、創(chuàng)建訂單，同時可以發(fā)表對商品的評價和建議，讓管理員可以及時的讀取消費者的需求，為消費者建立更加好的氛圍。</p><p>　　現(xiàn)在社會競爭力很大，大家為了更好的發(fā)展自己的事業(yè)，大部分的時間都投入到工作、學習中。為了使人們能夠將有限的時間投入到有效的事業(yè)上，所以我們將網(wǎng)站的安全性，可靠性，實用性等設計得很人性化。讓消費者隨時隨地都能做到購物與正事兩不耽誤。使得電子商務的發(fā)展更加快速的進入

29、到各家各戶中。</p><p>　　第3章 系統(tǒng)總體設計</p><p>　　3.1 數(shù)據(jù)庫總體設計</p><p>　　數(shù)據(jù)庫的總體設計主要是針對訂單查詢、留言板、管理員中心和會員中心界面設計，為了保證數(shù)據(jù)庫的完整性,有效性和合理性,對于文字型的輸入(例如文本,數(shù)值等),可以采用有效性查驗法提高用戶輸入的合理性。</p><p>　　通過對

30、E-R圖的分析，網(wǎng)站系統(tǒng)的實體對象基本上就顯示出來了，接下來就是將這些實體對象轉換為可以被計算機存儲在數(shù)據(jù)庫結構，這就使得頁面中的訂單查詢、留言板、管理員中心和會員中心這些功能得到具體的實現(xiàn)，便于用戶和管理員對信息的管理、修改。</p><p>　　3.1.1 系統(tǒng)E-R圖設計</p><p>　　E-R圖是描述系統(tǒng)數(shù)據(jù)庫中的各個表之間的關系的圖形。它能夠直觀的反映系統(tǒng)各個表之間的聯(lián)系以

31、及相互調用的關系。實體聯(lián)系模型反映的是現(xiàn)實世界中的事物及其相互聯(lián)系，是一種用來在數(shù)據(jù)庫設計過程中表示數(shù)據(jù)庫系統(tǒng)結構的方法。它的主導思想是用實體，實體的屬性以及實體之間的關系來表示數(shù)據(jù)庫系統(tǒng)的結構。</p><p>　　E-R圖方法是一種用來在數(shù)據(jù)庫設計過程中表示數(shù)據(jù)庫系統(tǒng)內部結構的方法，此種方法用E-R圖來描述現(xiàn)實世界的概念模型，E-R方法也稱為E-R模型。在E-R圖中，用方框表示實體，用菱形表示聯(lián)系，用橢圓表示

32、屬性。</p><p>　　實體之間關系的E-R圖，如圖3-1所示。</p><p>　　1 管理 M </p><p>　　1 1</p><p>　　管理

33、 瀏覽</p><p>　　M M</p><p>　　M </p><p><b>　　圖3-1 E-R圖</b></p><p>

34、;　　3.1.2 關系模式設計</p><p>　　對于關系數(shù)據(jù)庫，創(chuàng)建數(shù)據(jù)庫首先要確定的是數(shù)據(jù)庫的表有哪些組成，各表的屬性有什么，即關系模式。</p><p>　　該系統(tǒng)的關系模式設計主要的有如下幾個：</p><p>　　1.管理員表，管理員輸入管理員名和密碼，即可登錄后臺管理，如表3-1所示。</p><p>　　表3-1 Admin

35、（管理員信息表）</p><p>　　2.系統(tǒng)雜項表，管理員可以在這修改服裝圖片和修改公告，如表3-2所示。</p><p>　　表3-2 Append（系統(tǒng)雜項表）</p><p>　　3.服裝類別表，可以查看服裝的類別，如表3-3所示。</p><p>　　表3-3 Category（服裝類別表）</p><p>

36、　　4.留言信息表，可以記錄留言信息，如表3-4所示。</p><p>　　表3-4 Message（留言信息表）</p><p>　　5.訂單表，記錄訂單信息，如表3-5所示。</p><p>　　表3-5 Order（訂單表）</p><p>　　6.服裝信息表，記錄服裝信息，如表3-6所示。</p><p>　　

37、表3-6 Products（服裝信息表）</p><p>　　3.2 網(wǎng)站頁面總體設計</p><p>　　網(wǎng)站的首頁面中，首先引人入勝的是網(wǎng)站的名稱，在網(wǎng)站名稱的旁邊會有時間的更新，然后下方是導航條，上面的各個按鈕均可以指向其對應的頁面，下方的搜索功能可以使得購物車快速的進入到想要的尋找的那個產品頁面，左下方有總的一個分類，根據(jù)一年四季的季節(jié)不同所以設置了不同款式的衣服，當你點擊某個季節(jié)

38、的時候，相應的下方和右邊會出現(xiàn)相應的衣服變化，點擊進入有收藏產品和加入購物車，以及詳情介紹，為顧客提供相關的建議等，背景上沒有做很大的心思上去，簡單大方，不失小節(jié)，總體的框架設計比較清晰，不復雜，都可以指向相應的產品頁面，再下去還有客戶服務，更好的為用戶展示網(wǎng)站的服務態(tài)度，可以很好的實現(xiàn)產品的轉換，給看似枯燥的網(wǎng)站加了點生氣，讓消費者充滿樂趣。整體版面的設計比較新穎，給消費者全新的感受，購買欲望增強。</p><p&

39、gt;　　3.2.1 網(wǎng)站前臺頁面總體設計</p><p>　　網(wǎng)站前臺頁面總體設計如圖3-2所示。</p><p>　　圖3-2 網(wǎng)站前臺頁面總體設計</p><p>　　3.2.2 網(wǎng)站后臺總體設計</p><p>　　網(wǎng)站后臺總體設計如圖3-3所示。</p><p>　　圖3-3 網(wǎng)站后臺總體設計</p

40、><p>　　第4章 系統(tǒng)詳細設計</p><p>　　本次網(wǎng)站的內容主要是要實現(xiàn)網(wǎng)站可以購買的功能，就和淘寶上的商城一樣。網(wǎng)站是基于ASP.NET設計與開發(fā)的的動態(tài)型網(wǎng)站。網(wǎng)站中的功能的實現(xiàn)需要借助于數(shù)據(jù)庫SQL Server 2005，網(wǎng)站的整體設計劃分比較清晰，各個模塊都有其相應的職責和實現(xiàn)的功能，往大的可以說是前臺和后臺管理中心，往小的說就會有不同的一些小部分的踩點。不同頁面所要完成的

41、任務是不一樣的，他們需要實現(xiàn)的是各自頁面的功能，但是又要符合整體網(wǎng)站的風格一致，從整體到局部，從局部到整體的概念要得到充分的實現(xiàn)。在網(wǎng)站的設計中要使用統(tǒng)一的色調，統(tǒng)一的搭配，母版一致，再更改些子板，圖片所擺放的位置，尺寸大小都得根據(jù)網(wǎng)站的整體來修改和調整，如果整個網(wǎng)站都是靜態(tài)的話，會顯得有點枯燥，所以需要加入一些動態(tài)的圖，在頁面的首先可用加入滾動條，使得網(wǎng)站的整體具有生氣，讓消費者在瀏覽的時候增加趣味。</p><p

42、>　　在網(wǎng)站圖片的設計與選擇上，要格外的注意，充分運用之前老師上課講過的知識點，巧妙靈活的應用起來，結合PS和FLASH的知識點，將網(wǎng)站的圖片改編的惟妙惟肖，讓顧客一看到這個就被吸引了，色彩的選擇和整體的要互相襯托，留出空位，而不是給人緊湊的感覺。框架要設計到位，在網(wǎng)站的著手設計之前，先要進行的是整體框架概念的設計，隨后一步步的根據(jù)原先的步驟進行，慢慢調整各個頁面的相關契合，避免出現(xiàn)整體和局部分歧，短路的現(xiàn)象出現(xiàn)。后臺管理的數(shù)據(jù)要

43、到位，頁面的前臺和后臺的完美結合對于網(wǎng)站后期的改善具有重大的重要性。</p><p><b>　　4.1 數(shù)據(jù)庫設計</b></p><p>　　數(shù)據(jù)庫設計是建立數(shù)據(jù)庫及應用系統(tǒng)的技術，是系統(tǒng)開發(fā)和建設中的核心技術，如果一個數(shù)據(jù)庫的設計沒有計劃而全憑直覺，那最后設計出來的數(shù)據(jù)庫很可能不能滿足用戶的要求。另外數(shù)據(jù)庫設計不周詳而導致的惡果是數(shù)據(jù)庫中有大量冗余數(shù)據(jù)，不僅會產

44、生數(shù)據(jù)異常，還會占用不必要的磁盤空間。數(shù)據(jù)庫設計是研究數(shù)據(jù)庫及其應用的系統(tǒng)設計。數(shù)據(jù)設計是指對于一個給定的應用環(huán)境，構造最優(yōu)數(shù)據(jù)庫模式，建立數(shù)據(jù)庫及其應用系統(tǒng)，使之能夠有效地存儲數(shù)據(jù)，滿足各種用戶的應用需求。</p><p>　　軟件系統(tǒng)經常使用各種長期保存的信息，這些信息通常以一定方式組織并存儲在數(shù)據(jù)庫或文件中，為減小數(shù)據(jù)冗余，避免出現(xiàn)插入異?；騽h除異常，簡化修改數(shù)據(jù)的過程，通常需要把數(shù)據(jù)結構規(guī)范化。</

45、p><p>　　本系統(tǒng)的數(shù)據(jù)庫使用了時下比較流行的SQL Server 2005來實現(xiàn)的。SQL是一種介于關系代數(shù)與關系演算之間的結構化查詢語言，其功能并不僅僅是查詢。SQL是一個通用的、功能極強的關系數(shù)據(jù)庫語言。SQL語言之所以能夠為用戶和業(yè)界所接受，并成為國際標準，是因為它是一個綜合的、功能極強同時又簡捷易學的語言。</p><p>　　下面列出網(wǎng)站系統(tǒng)中的數(shù)據(jù)表的字段信息。</p&

46、gt;<p>　　1.訂單表：管理員可以在這里面查看到訂單的一些基本信息，如圖4-1所示。</p><p>　　圖4-1 訂單表結構</p><p>　　2.留言板表：用戶可以在這里面記錄留言信息，如圖4-2所示。</p><p>　　圖4-2 留言板表結構</p><p>　　3.管理員表：管理員輸入登錄名和密碼，即可登錄，如

47、圖4-3所示。</p><p>　　圖4-3 管理員表結構</p><p>　　4.購物車表：記錄購物車信息，如圖4-4所示。</p><p>　　圖4-4 購物車表結構</p><p>　　4.2 系統(tǒng)前臺頁面詳細設計</p><p><b>　?。?）首頁界面:</b></p>

48、<p>　　一個網(wǎng)站的首頁對于產品的銷售是很重要的，當顧客進入到你的商城的時候，吸引眼球的便是首頁面的展示，無論是外在的美觀，還是產品的介紹，都可以為其購買欲望加上幾分，有要繼續(xù)瀏覽下去的足跡。絕大數(shù)的購物者都希望在首頁上能得到這個商城所傳遞的產品濃濃的信息，以及自己想購買的產品的具體內容，所以首頁要是相當突出的，能將購物者的想法都猜中，表達的淋漓盡致。首頁是一個門面，門面裝飾的好了，大家都會爭先恐后的進來，瀏覽的人自然就多了

49、，銷量就自然而然的上來了的，站在消費者的角度，他們會希望在進入到網(wǎng)站購買時的網(wǎng)站的產品信息和產品主打內容比較突出明顯，從而我們在設計網(wǎng)站的首頁的時候就會考慮到消費者的需求，進行心貼心的服務。我們在首頁會展示網(wǎng)站的精神面貌和網(wǎng)站的各式各樣的產品，讓顧客有不同的選擇和搭配，繼而讓顧客在瀏覽頁面的時候不會那么的盲目，信息量大，顧客的選擇性大大加大。</p><p>　　在首頁中，界面功能是將該網(wǎng)站的主要功能都顯示在上面

50、，主要有首頁、服裝列表、退出登陸、會員登陸、會員注冊、修改個人資料、我的購物車、我的訂單、我的收藏夾、訂單查詢、用戶留言、后臺登陸、服裝查詢、客戶服務等等。當你點擊各個導航的時候，都會鏈接到各個頁面，導航的按鈕輕觸會指向不同的頁面。細心的就會發(fā)現(xiàn)，在主頁面上顯示服裝的分類，管理員推薦的服裝，本網(wǎng)站熱賣的服裝和最新上架的服裝，還顯示本月銷售前五名的服裝名稱供用戶參考。只要點擊商品圖片就可以顯示該商品的詳細信息。在導航條的下面的商品搜索查詢

51、是根據(jù)一年四個季度進行服裝查詢。左側導航欄功能是起到為用戶導航的作用，它包括三大方面，服裝分類模塊，服裝精品推薦模塊，客戶服務模塊。點擊服裝分類模塊，服裝精品推薦模塊中的某一項，都會在首頁的右側顯示該類型的全部服飾和某款服裝的詳細信息，客戶服務模塊的設計幫助了用戶在瀏覽或是購買服裝時，一旦出現(xiàn)什么問題，可以及時的與管理員溝通。分為三個部分：客服熱線、QQ、Email。在頁面的最底下有顯示后臺的登陸，后臺的登陸是前臺與后臺的銜接，管理員可

52、在瀏覽過主頁后再進入后臺進行操作，起到前臺與后臺的鏈接的作用。如圖4-</p><p>　　圖 4-5 首頁界面展示</p><p>　　（2）服裝列表頁面設計</p><p>　　服裝列表頁面將網(wǎng)站的所有女裝集中在一個頁面內，方便于用戶直接瀏覽女裝，你可以在里面進行女裝的選購和收藏。如圖4-6所示。</p><p>　　圖 4-6 服裝列表

53、頁面展示</p><p>　?。?）熱賣服裝頁面設計</p><p>　　熱賣服裝頁面主要用于女裝展示，將網(wǎng)站中熱賣的女裝都顯示在一個頁面，方便有購買目標的用戶選購。如圖4-7所示。</p><p>　　圖 4-7 特價商品頁面展示</p><p>　?。?）分類服裝列表頁面設計</p><p>　　分類頁面主要用于四

54、個季節(jié)的女裝展示，將網(wǎng)站中不同季節(jié)的女裝都放在一個頁面，當你點擊左邊的哪個季節(jié)的時候，右邊就會出現(xiàn)相對應的女裝，方便用戶找到自己心儀的女裝。如圖4-8所示。</p><p>　　圖 4-8 商品分類頁面展示</p><p>　?。?）商品詳情頁面設計</p><p>　　商品詳情頁面主要用于葉小七女裝的詳情介紹，將商品所有信息都顯示在一個頁面，方便用戶了解產品。如圖

55、4-9所示。</p><p>　　圖 4-9 商品展示頁面展示</p><p><b>　　2.會員管理模塊</b></p><p><b>　?。?）用戶注冊頁面</b></p><p>　　用戶注冊頁面主要用于新用戶注冊，使普通未注冊用戶可享受網(wǎng)站更多服務，從而享受到更好的滿意需求，填寫會員基本

56、信息，完成后點擊“注冊”按鈕就可以進入會員登錄界面。用戶名不可以與之前注冊過的用戶重名，如果輸入一樣的用戶名，系統(tǒng)會自動提示“用戶名已存在，請重新輸入用戶名”。如圖4-6所示。</p><p>　　圖 4-9 用戶注冊頁面展示</p><p>　　用戶注冊完畢，填好信息后，點擊注冊按鈕，注冊按鈕主要代碼如下： </p><p><b>　?。?）用戶

57、登錄頁面</b></p><p>　　用戶登錄頁面設計是針對于上面的注冊的用戶人員，注冊成功，則返回到登錄頁面。在登錄頁面中，輸入用戶名和密碼，點擊“登錄”按鈕，系統(tǒng)自動核實用戶名和密碼是否存在和是否正確，如果正確直接跳到首頁界面，并在導航欄上顯示“用戶0428已經登錄”字樣，當用戶登陸時，系統(tǒng)會自動分配一個ID，這個ID是不會重復的，用來標志每一個不同的用戶；否則系統(tǒng)會自動提示信息“用戶名或密碼不正

58、確，請重新輸入”。如圖4-10所示。</p><p>　　圖 4-10 用戶登錄頁面展示</p><p>　　用戶輸入用戶名和密碼后，點擊登錄按鈕，登錄按鈕的主要代碼如下：</p><p>　?。?）用戶修改信息頁面設計</p><p>　　用戶修改信息頁面設計主要用于用戶修改自己的信息。如圖4-11所示。</p><p&

59、gt;　　圖 4-11 修改信息頁面展示</p><p><b>　　3.購物車頁面設計</b></p><p><b>　?。?）購物車頁面</b></p><p>　　在填寫訂單界面點擊“放入購物車”按鈕即可將選購的服裝放入購物車中。如圖4-12所示。</p><p>　　圖 4-12 購物車頁

60、面展示</p><p><b>　　（2）填寫訂單頁面</b></p><p>　　根據(jù)會員選擇的方式進行送貨上門服務。將所有信息填寫完整后，點“提交”即可進入確認訂單界面。如圖4-13所示。</p><p>　　圖4-13 填寫訂單頁面展示</p><p><b>　?。?）確認訂單頁面</b>&

61、lt;/p><p>　　若在購物車中填寫訂單，訂單按批量購買生成，如下圖所示，單價和數(shù)量都不顯示，只顯示總價，單擊所購服裝信息后的“查看批量購買的產品詳情”，即可查看批量購買服裝的詳細信息包括單價和數(shù)量都會有所體現(xiàn)。如圖4-14所示。</p><p>　　圖 4-14 確認訂單頁面展示</p><p><b>　?。?）訂單查詢頁面</b><

62、;/p><p>　　輸入訂單編號，姓名和電子郵件，點擊“訂單查詢”按鈕，即可訂單的詳細信息。如圖4-15所示。</p><p>　　圖4-15 訂單查詢頁面展示</p><p>　　（5）訂單查詢結果頁面</p><p>　　點擊“訂單查詢”按鈕后，即可跳轉到訂單查詢結果界面。如圖4-16所示。</p><p>　　圖4-

63、16 訂單查詢結果頁面展示</p><p><b>　　4.留言板頁面設計</b></p><p>　　留言板頁面主要用于用戶對網(wǎng)站進行留言。用戶可留言并查看留言，方便用戶提供給網(wǎng)站更多建議。</p><p>　　用戶將信息提交后，點擊提交按鈕，提交按鈕主要代碼如下：</p><p>　　圖 4-17 留言板頁面展示&l

64、t;/p><p>　　4.3 系統(tǒng)后臺管理頁面詳細設計</p><p><b>　　1.管理員登陸頁面</b></p><p>　　主要用于管理員登陸，只有登錄成功后管理員才能進入系統(tǒng)，并對后臺信息進行操作。如圖4-18所示。</p><p>　　圖 4-18 管理員登陸頁面展示</p><p>&l

65、t;b>　　2.管理員后臺頁面</b></p><p>　　主要用于管理員管理后臺信息，只有登錄成功后管理員才能進入系統(tǒng)，并對后臺信息進行操作。如圖4-19所示。</p><p>　　圖 4-19 管理員后臺頁面展示</p><p>　　3.分類管理頁面設計</p><p>　　分類管理功能主要是對服裝的類別進行添加、編輯和

66、刪除操作。如圖4-20所示。</p><p>　　圖 4-20分類管理頁面展示</p><p>　　4.盈利分析頁面設計</p><p>　　服裝管理功能主要包括添加服裝功能，服裝明細管理功能，盈利分析功能，推薦服飾功能和熱賣服飾功能。添加服裝功能即是上傳將在網(wǎng)上公布的服裝名，類型，價錢，圖片，詳情介紹等信息；服裝明細管理功能即是對服裝入貨量，銷售量等信息的統(tǒng)計；推

67、薦服飾功能和熱賣服飾功能即是對哪些推薦的服裝或是熱賣的服裝要上傳到網(wǎng)上的設置；盈利分析功能是在指定的時間段內計算該時間段的盈利情況，是銷售網(wǎng)站必不可少的一項。如圖4-21所示。</p><p>　　圖4-21 盈利分析頁面展示</p><p>　　5.整理訂單頁面設計</p><p>　　是對一些無效的訂單進行整理，分四種清除情況：清除一個月前的未處理訂單，清除一

68、個星期前的未處理訂單，清除一天前的未處理訂單，清除一小時前的未處理訂單。定時刪除無效的訂單，為服務器減少無謂的資源浪費。如圖4-22所示。</p><p>　　圖4-22　整理訂單界面展示</p><p><b>　　6.查看訂單頁面</b></p><p>　　是根據(jù)前臺的購物情況自動生成后臺的訂單，供管理員查看前臺的交易情況，并提供給會員反

69、饋信息。在每一條訂單信息的后面都有四個鏈接，“詳細信息”是查看訂單的詳情，在后面還有三種狀態(tài)，“未處理”代表該訂單還未閱讀，“等待”代表訂單已閱讀，并且服裝已在郵寄的途中，“完成”代表交易成功。會員有前臺查詢訂單詳情的時候，也可根據(jù)訂單狀態(tài)來判斷該訂單是否已經生效。如圖4-23所示。</p><p>　　圖4-23 查看訂單頁面展示</p><p>　　7.清空訂單記錄頁面</p&

70、gt;<p>　　輸入管理員姓名和密碼，點擊“清空所有訂單記錄”按鈕，則會將該管理員的全部訂單全部清空。如圖4-24所示。</p><p>　　圖4-24　清空訂單記錄界面展示</p><p><b>　　8.系統(tǒng)雜項頁面</b></p><p>　　該功能是設置系統(tǒng)公告和服裝默認圖片信息的，屬于編輯的操作。如圖4-25所示。&l

71、t;/p><p>　　圖4-25 系統(tǒng)雜項頁面展示</p><p>　　9.留言板信息管理頁面</p><p>　　查看未讀留言，查看后該條留言會自動跳到已讀留言界面中。該功能下還有評論信息管理，管理員可在此界面中查閱信息或刪除不合法的評論信息。如圖4-26所示。</p><p>　　圖4-26 留言板信息管理頁面</p><

72、p>　　10.郵遞方式管理頁面設計</p><p>　　由于本系統(tǒng)采用“貨到付款”原則，所以設置了此功能，管理員在后臺添加多種郵遞方式。會員在前臺可根據(jù)自己的需求進行選擇。如圖4-27所示。</p><p>　　圖4-27 郵遞方式管理頁面</p><p><b>　　第5章 系統(tǒng)測試</b></p><p>　

73、　5.1 軟件測試的方法</p><p>　　軟件測試是軟件開發(fā)中的一個重要環(huán)節(jié)，在項目管理過程中，強調的是每個過程的每一個環(huán)節(jié)都要進行測試，保證系統(tǒng)在每個階段都可以控制。因為軟件測試中考慮的問題基本上是項目管理中需要考慮的問題。在軟件開發(fā)的過程中，每一個環(huán)節(jié)都是必要的，是必不可少的。</p><p>　　軟件測試的方法有黑盒測試和白盒測試。</p><p>　　黑

74、盒測試也稱為功能測試，是把程序看成一只黑盒子，測試者完全不了解（或不考慮）程序的結構和處理過程。它根據(jù)規(guī)格說明書規(guī)定的功能來設計測試用例，檢查程序的功能是否符合規(guī)格說明的要求。</p><p>　　白盒測試也稱為性能測試，是把程序看成裝在一只透明的白盒子里，測試者完全了解程序的結構和處理過程。它根據(jù)程序的內部邏輯來設計測試用例，檢查程序中的邏輯通路是否都按預定的要求正確地工作。</p><p&

75、gt;<b>　　5.2 本系統(tǒng)測試</b></p><p>　　本系統(tǒng)測試是將黑盒和白盒測試緊密結合在一起測試的。對系統(tǒng)的功能和性能進行測試，在自己的電腦上進行多次測試，不要出現(xiàn)差錯，還要測試系統(tǒng)在不同的瀏覽器端的顯示是否正確。在其他同學的有相應軟件的電腦上進行進一步的測試，使得在不同的電腦上測試的結果是一樣的結果。</p><p>　　對于測試項目，選擇的是用戶注

76、冊和用戶登錄這兩個項目。</p><p>　　用戶注冊：當用戶名不可以與之前注冊過的用戶重名，如果輸入一樣的用戶名，系統(tǒng)會自動提示“用戶名已存在，請重新輸入用戶名”。</p><p>　　用戶登錄：在登錄頁面中，輸入用戶名和密碼，點擊“登錄”按鈕，系統(tǒng)自動核實用戶名和密碼是否存在和是否正確，如果正確直接跳到首頁界面，并在導航欄上顯示“用戶0428已經登錄”字樣，當用戶登陸時，系統(tǒng)會自動分配

77、一個ID，這個ID是不會重復的，用來標志每一個不同的用戶；否則系統(tǒng)會自動提示信息“用戶名或密碼不正確，請重新輸入”。</p><p>　　測試結果：系統(tǒng)運行時能執(zhí)行相應的功能，數(shù)據(jù)庫運行正常。</p><p><b>　　總 結</b></p><p>　　這次的畢業(yè)設計，是對我讓我更深地了解了Visual Studio 2010的基本知識

78、，掌握和運用ASP.NET的技巧。記得剛開始的時候，我一點思路都沒有，然后分別瀏覽了一些女裝的網(wǎng)站，才確定下了題材。選定了一個好的題材，不是立刻動手制作，而是，必須要先規(guī)劃框架。這是很重要的一步！每個網(wǎng)站都是一項龐大的工程。好比造高樓，沒有設計圖紙，規(guī)劃好結構，盲目的建造，結果往往是倒塌；也好比寫文章，構思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規(guī)劃架構好自己網(wǎng)站，不要急于求成。</p><p>　　規(guī)劃一個

79、網(wǎng)站，要先畫個網(wǎng)站簡易圖，第一步：先把首頁大致的規(guī)劃畫出來；第二步，再把每個頁面的內容大綱列出來，尤其當你要制作一個很大的網(wǎng)站 (有很多頁面) 的時候，特別是要把這個架構規(guī)劃好，也要考慮到以后可能要修改的部分，免得做好以后又要一改再改整個網(wǎng)站的架構，十分累人，也十分費時。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。鏈接混亂的站點會造成瀏覽困難，影響內容的發(fā)揮。為了提高瀏覽效率，方便資料的尋找，將所有的主要鏈接都在首頁上，運用了ASP

80、.Net里面的母版，鏈接的層次不多，深度淺?？蚣芏ㄏ聛砹?，然后開始一步一步有條理，有次序地做來，就容易得多，也為主頁發(fā)展打下良好的基礎。其次，做動態(tài)網(wǎng)站最重要的還是要有強有力的后臺管理和數(shù)據(jù)庫，在設計數(shù)據(jù)庫的時候，需要建立E-R圖，畫出自己網(wǎng)站所需要的每一張表，然后將表里面的每條列都確定下來，在里面添加內容，再利用后臺管理更新數(shù)據(jù)庫里面的內容。最后，就是前臺設計以及代碼的書寫。一個完整的網(wǎng)站基本就出來了。</p><

81、p>　　畢業(yè)設計，是對自己的大學三年所學的書本知識的綜合運用，是理論與實踐相結合的產物。在此期間，不但鞏固了所學的書本知識，還學到了許多課堂上和書本上無法學到的實踐知識，提高了實踐能力，增強了本專業(yè)技術的水平，為今后從事本專業(yè)的工作打下了堅固的基礎。雖然該系統(tǒng)的功能還不是很完善，但是在設計過程中所學到的東西是這次畢業(yè)設計的最大收獲和財富，使我終身受益。由于畢業(yè)設計時間較短和本人水平有限，在系統(tǒng)的整體結構設計還存在一些缺點和不足之處

82、，敬請各位老師給予批評和指正。</p><p><b>　　參考文獻</b></p><p>　　[1]張春曉.網(wǎng)頁制作與網(wǎng)站建設[M]．北京：電子工業(yè)出版社.2003.</p><p>　　[2]周靖.visual C#2010 從入門到精髓[M].北京：清華大學出版社.2008.</p><p>　　[3]梁露.電子

83、商務網(wǎng)站建設與設計[M].北京：人民郵電出版社.2006.[4]朱如龍.SQL Server數(shù)據(jù)庫應用系統(tǒng)開發(fā)技術[M].北京：機械工業(yè)出版社.2007.</p><p>　　[5]張正禮.ASP.Net4.0從入門到精髓[M].北京：清華大學出版社.2005.</p><p>　　[6]Daniel M. Solis.C#圖解教程(第4版)[M].北京：人民郵電出版社.2013.<

84、;/p><p>　　[7]王智強.Flash cs3動畫設計完全攻略[M].北京：中國電力教育出版社.2007.</p><p>　　[8]劉冰.Dreamwaver實例教程[M].北京：電子工業(yè)出版社.2005.</p><p>　　[9]宋強.JSP+Dreamwaver 動態(tài)網(wǎng)站開發(fā)與實例[M].北京：清華大學出版社.2007.</p><p&

85、gt;　　[10]沈士根.WEB程序設計ASP.NET實用網(wǎng)站開發(fā)[M].北京：清華大學出版社.2010.</p><p>　　[11]景懷宇.中文版Photoshop CS5實用教程[M].北京：人民郵電出版社.2014.</p><p>　　[12]張麗英.Dreamweaver 網(wǎng)頁設計與應用[M].北京：人民郵電出版社.2009.</p><p>　　[13

86、]岳珍.基于信息構建的網(wǎng)站設計理念研究[M].北京：人民郵電出版社.2006.</p><p>　　[14]薩師煊.數(shù)據(jù)庫系統(tǒng)概論(第三版)[M].北京:高等教育出版社.2000.</p><p><b>　　致 謝</b></p><p>　　在老師和同學的支持與幫助之下，我順利地完成了本次畢業(yè)設計。在畢業(yè)設計的這段日子里，我所獲得的知識

87、將是大學期間最珍貴的。在此，我要向所有支持我并給予我?guī)椭睦蠋熀屯瑢W們表示感謝。</p><p>　　本次畢業(yè)設計是在指導教師王靚老師的精心指導下完成的，他在論文的選題、研究思路的確定、資料的收集到論文的撰寫、修改以及最后的定稿這一過程中，都對我嚴格要求，悉心指導，并給予了切實的建議，讓我受益匪淺。在此期間，我不僅學到了許多新的知識和解決問題的方法，而且也開闊了視野，提高了解決問題的能力。在此，我對導師在畢業(yè)設計