電子商務(wù)動(dòng)態(tài)網(wǎng)站畢業(yè)論文

1、<p><b>　　畢 業(yè) 論 文</b></p><p>　　數(shù)碼產(chǎn)品銷售與電子商務(wù)動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)開發(fā)</p><p><b>　　學(xué)生姓名：XXX</b></p><p>　　學(xué) 號(hào)：0302100xxx</p><p>　　年級(jí)專業(yè)：2010級(jí)計(jì)算機(jī)應(yīng)用技術(shù)（網(wǎng)頁設(shè)計(jì)方向）&

2、lt;/p><p><b>　　指導(dǎo)老師：xxx</b></p><p>　　系 部：計(jì)算機(jī)工程系</p><p><b>　　目 錄</b></p><p><b>　　1前言1</b></p><p>　　2 網(wǎng)站的開發(fā)技術(shù)及環(huán)境搭建2<

3、;/p><p>　　2.1 選擇ASP.NET的理由2</p><p>　　2.2 ASP.NET語言及其特點(diǎn)2</p><p>　　2.3 ASP.NET的開發(fā)模式3</p><p>　　2.4 ASP.NET開發(fā)環(huán)境搭建4</p><p>　　3 電子商務(wù)動(dòng)態(tài)網(wǎng)站設(shè)計(jì)5</p><p>

4、;　　3.1 網(wǎng)站的可行性分析5</p><p>　　3.2 需求分析5</p><p>　　3.2.1 前臺(tái)用戶購物的需求分析5</p><p>　　3.2.2 后臺(tái)管理需求分析5</p><p>　　3.3 網(wǎng)站的功能模塊設(shè)計(jì)5</p><p>　　3.4 網(wǎng)站流程及總體功能設(shè)計(jì)6</p>

5、<p>　　3.4.1用戶購物流程設(shè)計(jì)6</p><p>　　3.4.2 管理員管理流程設(shè)計(jì)7</p><p>　　3.4.3 網(wǎng)站總體功能結(jié)構(gòu)圖7</p><p>　　3.5 數(shù)據(jù)庫設(shè)計(jì)8</p><p>　　3.5.1 數(shù)據(jù)庫需求分析8</p><p>　　3.5.2 數(shù)據(jù)表結(jié)構(gòu)8</

6、p><p>　　4 電子商務(wù)網(wǎng)站整體架構(gòu)及功能實(shí)現(xiàn)10</p><p>　　4.1 CSS外部樣式表文件設(shè)計(jì)10</p><p>　　4.2 網(wǎng)站結(jié)構(gòu)設(shè)計(jì)12</p><p>　　4.2.1 目錄結(jié)構(gòu)說明12</p><p>　　4.3前臺(tái)功能的實(shí)現(xiàn)13</p><p>　　4.3.1 用

7、戶管理模塊的實(shí)現(xiàn)13</p><p>　　4.3.2 購物車模塊實(shí)現(xiàn)15</p><p>　　4.3.3 前臺(tái)首頁的實(shí)現(xiàn)22</p><p>　　4.4 后臺(tái)功能實(shí)現(xiàn)25</p><p>　　4.4.1 管理員注冊(cè)25</p><p>　　4.4.2 信息發(fā)布25</p><p>　

8、　4.4.3 信息查詢25</p><p>　　5 電子商務(wù)網(wǎng)站測(cè)試及難點(diǎn)分析26</p><p>　　5.1 網(wǎng)站測(cè)試26</p><p><b>　　6 結(jié)束語27</b></p><p><b>　　參考文獻(xiàn)28</b></p><p><b>　　

9、致 謝29</b></p><p>　　數(shù)碼產(chǎn)品銷售與電子商務(wù)動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)開發(fā)</p><p>　　摘要：伴隨著二十一世紀(jì)Internet信息時(shí)代的網(wǎng)絡(luò)技術(shù)和信息技術(shù)飛速發(fā)展，在中國市場(chǎng)的激烈競(jìng)爭(zhēng)中, 傳統(tǒng)數(shù)碼產(chǎn)品銷售企業(yè)的經(jīng)營模式對(duì)與現(xiàn)在的不斷變化市場(chǎng)來說，越來越落后和被動(dòng)。學(xué)習(xí)采用Internet網(wǎng)絡(luò)基礎(chǔ)設(shè)施來重新改造傳統(tǒng)數(shù)碼產(chǎn)品銷售企業(yè)的產(chǎn)品、制造和營銷市場(chǎng)結(jié)構(gòu)

10、已成趨勢(shì)。消費(fèi)者的消費(fèi)水平不斷提高,企業(yè)之間的競(jìng)爭(zhēng)越來越激烈,加上各種環(huán)境的巨大變化,導(dǎo)致市場(chǎng)需求的多樣化。網(wǎng)絡(luò)數(shù)碼產(chǎn)品銷售正是適應(yīng)當(dāng)代社會(huì)生活節(jié)奏，而使消費(fèi)者足不出戶便可方便輕松愉快地選購自己喜歡的數(shù)碼產(chǎn)品。</p><p>　　本網(wǎng)站是采用ASP技術(shù)在網(wǎng)絡(luò)上構(gòu)建一個(gè)數(shù)碼產(chǎn)品銷售的動(dòng)態(tài)電子商務(wù)網(wǎng)站，用到的數(shù)據(jù)庫是SQL Server2005，開發(fā)工具為ASP技術(shù)開發(fā)的網(wǎng)上購物系統(tǒng)。電子商務(wù)功能有前臺(tái)部分和后臺(tái)部

11、分，在前臺(tái)部分中，包括用戶注冊(cè)、用戶登錄、購物車管理、查詢商品信息等操作；在后臺(tái)部分中，包括管理員的管理、商品管理、用戶信息管理等功能。建成后的網(wǎng)站是一個(gè)動(dòng)態(tài)、可商品展示、商品管理等功能的數(shù)碼產(chǎn)品的電子商務(wù)網(wǎng)站。</p><p>　　關(guān)鍵詞: 動(dòng)態(tài)網(wǎng)站；電子商務(wù)；ASP.NET；SQL Server 2008</p><p><b>　　1前言</b></p&

12、gt;<p>　　伴隨著二十一世紀(jì)Internet信息時(shí)代的網(wǎng)絡(luò)技術(shù)和信息技術(shù)飛速發(fā)展，Internet信息網(wǎng)絡(luò)已成為收集信息提供的最好渠道，且逐漸代替了傳統(tǒng)的流通領(lǐng)域。對(duì)于傳統(tǒng)的營銷企業(yè)，也逐漸地在建立網(wǎng)上購物網(wǎng)站，給消費(fèi)者一中全新的購物方式，從而電子商務(wù)慢慢的流行起來。網(wǎng)上購物網(wǎng)站可分為B2B（Business To Business）企業(yè)對(duì)企業(yè)的電子商務(wù)、B2C（Business To Customer）企業(yè)對(duì)消費(fèi)者

13、的電子商務(wù)、C2C（Customer To Customer）消費(fèi)者對(duì)消費(fèi)者的電子商務(wù)等平臺(tái)，對(duì)其營銷活動(dòng)過程中起了重大的作用。本論文主要討論的是如何建立B2C的數(shù)碼產(chǎn)品銷售的電子商務(wù)動(dòng)態(tài)網(wǎng)站。</p><p>　　網(wǎng)上購物網(wǎng)站是一種具有強(qiáng)大的消費(fèi)者與企業(yè)交互等功能的商務(wù)系統(tǒng)。該網(wǎng)站可向消費(fèi)者提供靜態(tài)信息和動(dòng)態(tài)信息的資源。對(duì)于動(dòng)態(tài)信息，指的是經(jīng)常變化或隨時(shí)改變的信息資源，比如是營銷的商品的報(bào)價(jià)、圖片等信息、營銷新

14、活動(dòng)、公司的新聞公告等。對(duì)于靜態(tài)信息，指的是那些不經(jīng)常更新或者固定的信息資源，比如是公司營銷規(guī)范、公司的制度、公司的簡介等等。網(wǎng)上購物網(wǎng)站具有強(qiáng)大的交互功能，從而使企業(yè)和消費(fèi)者可便捷、輕松的傳遞商務(wù)信息，完成商品交易。</p><p>　　對(duì)于PHP應(yīng)用技術(shù)，其優(yōu)點(diǎn)是處理速度快、高級(jí)內(nèi)存管理、可移植性等等；使用PHP的動(dòng)態(tài)網(wǎng)站比如新浪網(wǎng)(sina)、當(dāng)當(dāng)網(wǎng)等等，但是PHP本身也存在一點(diǎn)缺點(diǎn)，不如是對(duì)遞歸的不良支持

15、、沒有命名空間、混亂的許可證、不一致的函數(shù)命名規(guī)則等，使得其適合建立在大型的電子商務(wù)網(wǎng)站，從而適合與小型的網(wǎng)站。</p><p>　　對(duì)于JSP應(yīng)用技術(shù)，在三者中，JSP是具有未來的發(fā)展趨勢(shì)，在國外大多數(shù)的電子商務(wù)網(wǎng)站是采用JSP應(yīng)用技術(shù)。其中非常出名的IBM公司的E-Business網(wǎng)站，其主要技術(shù)是JSP.</p><p>　　對(duì)于ASP.NET應(yīng)用技術(shù)，在三者之中我比較喜歡ASP技術(shù)

16、，它可實(shí)現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，來實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁效果的技術(shù)；它可與數(shù)據(jù)庫進(jìn)行交互，從而比較簡單、方便的編程工具。</p><p>　　總之，ASP.NET,PHP,JSP中都有各自的特點(diǎn)和使用者。在網(wǎng)站開發(fā)中可根據(jù)其需要來選擇合適的技術(shù)。本網(wǎng)站是采用ASP.NET，我希望更加深入的學(xué)習(xí)這門技術(shù)。</p><p>　　2 網(wǎng)站的開發(fā)技術(shù)及環(huán)境搭建</p><p>

17、　　2.1 選擇ASP.NET的理由</p><p>　　怎樣合理的選擇開發(fā)技術(shù)，對(duì)于開發(fā)動(dòng)態(tài)網(wǎng)站是非常中重要的。現(xiàn)在比較流行的動(dòng)態(tài)網(wǎng)站開發(fā)技術(shù)有ASP.NET、JSP、PHP，他們的特點(diǎn)比較如下表所示。</p><p><b>　　表2-1 比較表</b></p><p>　　通過上述表可看出，ASP.NET和JSP相差不大，實(shí)力很不錯(cuò)的，但

18、是ASP.NET有簡單的操作性和高效的管理性，安全性也可以，對(duì)于初學(xué)者來說是非常適合的，因此，最后我選擇了ASP.NE的開發(fā)技術(shù)來開發(fā)電子商務(wù)動(dòng)態(tài)網(wǎng)站。</p><p>　　2.2 ASP.NET語言及其特點(diǎn)</p><p>　　C#是微軟公司推出的一種全新的，簡單、安全、面向?qū)ο蟮某绦蛟O(shè)計(jì)語言。它是專門為ASP.NET的應(yīng)用而開發(fā)的語言。它繼承了C/C++的優(yōu)良傳統(tǒng)，又借鑒了Java的很

19、多特點(diǎn)。微軟公司對(duì)C#的定義是：“C#是從C和C++派生出來的一種簡單、現(xiàn)代、面向?qū)ο蠛皖愋桶踩木幊陶Z言。C#讀作‘Csharp’，C和C++的程序員能夠馬上熟悉它。C#試圖結(jié)合Visual Basic的快速開發(fā)能力和C++的強(qiáng)大靈活的能力。”</p><p>　　ASP.NET的語法在很大程度上與ASP兼容，同時(shí)它還提供一種新的編程模型和結(jié)構(gòu)，用于生成更安全、可伸縮和穩(wěn)定的應(yīng)用程序。與以前的動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù)相

20、比，其優(yōu)點(diǎn)體現(xiàn)在一下方面。</p><p>　?。?）可管理性。ASP.NET使用基于文本的、分級(jí)的配置系統(tǒng)，簡化了將設(shè)置應(yīng)用與服務(wù)器環(huán)境和Web應(yīng)用程序的工作。因?yàn)榕渲眯畔⑹谴鎯?chǔ)為純文本的，因此，可以在沒有本地管理工具的幫助下應(yīng)用新的設(shè)置。配置文件的任何變化都可以自動(dòng)檢測(cè)到并應(yīng)用于應(yīng)用程序。</p><p>　　（2）易與部署。通過簡單地將必要的文件復(fù)制到服務(wù)器上，ASP.NET應(yīng)用程序

21、即可以部署到該服務(wù)器上、不需要重新啟動(dòng)服務(wù)器，甚至在部署或替換運(yùn)行的已編譯代碼時(shí)也不需要重新啟動(dòng)。</p><p>　　（3）增強(qiáng)的性能。ASP.NET是運(yùn)行在服務(wù)器上的已編譯代碼。與傳統(tǒng)的Active Server Pages（ASP）不同，ASP.NET能利用早期綁定、實(shí)時(shí)編譯、本機(jī)優(yōu)化和全新的緩存服務(wù)來提高性能。</p><p>　?。?）靈活的輸出緩存。根據(jù)應(yīng)用程序的需要，ASP.

22、NET可以緩存頁數(shù)據(jù)、頁的一部分或整個(gè)頁、緩存的項(xiàng)目可以依賴與緩存中的文件或其他項(xiàng)目，或者可以根據(jù)過期策略進(jìn)行刷新。</p><p>　?。?）國際化。ASP.NET在內(nèi)部使用Unicode以表示請(qǐng)求和響應(yīng)數(shù)據(jù)?？梢詾槊颗_(tái)計(jì)算機(jī)。每個(gè)目錄和每頁配置國際化設(shè)置。</p><p>　?。?）移動(dòng)設(shè)備支持。ASP.NET支持任何設(shè)備上的任何瀏覽器。開發(fā)人員使用與用于傳統(tǒng)的桌面瀏覽器相同的編程技術(shù)

23、，處理心得移動(dòng)設(shè)備。</p><p>　?。?）擴(kuò)展性和可用性。ASP.NET被設(shè)計(jì)成可擴(kuò)展的、具有特別專有的功能，以提高群集的、多處理器環(huán)境的性能。此外，Internet信息服務(wù)（IIS）和ASP.NET運(yùn)行時(shí)密切監(jiān)視和管理進(jìn)程，以便在一個(gè)進(jìn)程出現(xiàn)異常時(shí)，可在i該位置創(chuàng)建新的進(jìn)程使應(yīng)用程序繼續(xù)處理請(qǐng)求。</p><p>　　（8）跟蹤和調(diào)試。ASP.NET提供了跟蹤服務(wù)，該服務(wù)可在應(yīng)用程

24、序級(jí)別和頁面級(jí)別調(diào)試過程中啟用?？梢赃x擇查看頁面的信息，或者使用應(yīng)用程序級(jí)別的跟蹤查看工具查看信息。在開發(fā)和應(yīng)用程序處于生存狀態(tài)時(shí)，ASP.NET支持使用.NET Framework調(diào)試工具進(jìn)行本地和遠(yuǎn)程調(diào)試。當(dāng)應(yīng)用程序處于生產(chǎn)狀態(tài)時(shí)，跟蹤語句能夠留在產(chǎn)品代碼中而不會(huì)影響性能。</p><p>　　2.3 ASP.NET的開發(fā)模式</p><p>　　2.4 ASP.NET開發(fā)環(huán)境搭建&l

25、t;/p><p>　　本網(wǎng)站采用的是ASP.NET技術(shù)，所以Visual Studio 2008軟件是必須要安裝的。Visual Studio 2008目前有3個(gè)版本：Visual Studio 2008 Professional版本、Visual Studio 2008 Standard版本、Visual Studio Team System 2008 Team Suite版本，其中前兩種用于個(gè)人和小型開發(fā)團(tuán)隊(duì)，前

26、兩種又統(tǒng)稱為Visual Studio 2008；第3種是為體系結(jié)構(gòu)、設(shè)計(jì)、數(shù)據(jù)庫開發(fā)以及應(yīng)用程序測(cè)試等多任務(wù)的團(tuán)隊(duì)提供的集成的工具集，在應(yīng)用程序生命周期的每個(gè)步驟，團(tuán)隊(duì)成員都可以繼續(xù)協(xié)作并利用一個(gè)完整的工具集與指南。</p><p>　　3 電子商務(wù)動(dòng)態(tài)網(wǎng)站設(shè)計(jì)</p><p>　　3.1 網(wǎng)站的可行性分析</p><p>　　隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展和在線上網(wǎng)的

27、人數(shù)的增加，網(wǎng)絡(luò)世界越來越大，內(nèi)容也越來越豐富，電子商務(wù)已經(jīng)是一種趨勢(shì)，我們將在不久，消費(fèi)者可以在豐富的網(wǎng)絡(luò)資源世界上實(shí)現(xiàn)現(xiàn)實(shí)世界可以有的商品和服務(wù)。</p><p>　　可分為三點(diǎn)可行性分析：</p><p>　　（1）經(jīng)濟(jì)可行性：該網(wǎng)站開發(fā)設(shè)計(jì)作為我本人的畢業(yè)論文，且本人的開發(fā)設(shè)計(jì)能力有限，其功能也不太完善，可以說是經(jīng)濟(jì)的了。</p><p>　?。?）技術(shù)可行

28、性：ASP.NET+ Visual Studio 2008的技術(shù)已經(jīng)流行了。</p><p>　?。?）運(yùn)行可行性：該網(wǎng)站需要Visual Studio 2008軟件來經(jīng)開發(fā)設(shè)計(jì)后便可正常運(yùn)行。</p><p><b>　　3.2 需求分析</b></p><p>　　3.2.1 前臺(tái)用戶購物的需求分析</p><p>

29、　　所謂前臺(tái)設(shè)計(jì)，即是讓消費(fèi)者使用網(wǎng)絡(luò)，在任何時(shí)間地點(diǎn)，都能方便、快捷地享受商品瀏覽、搜索、購買等功能。</p><p>　　消費(fèi)者用戶的瀏覽功能，即消費(fèi)者用戶注冊(cè)登錄網(wǎng)站便可瀏覽商品信息。</p><p>　　消費(fèi)者用戶的搜索功能，即消費(fèi)者用戶可根據(jù)關(guān)鍵字來進(jìn)行商品信息搜索。</p><p>　　消費(fèi)者用戶的注冊(cè)登錄功能，即新的消費(fèi)者用戶如果想進(jìn)行在線購物，必須先

30、注冊(cè)自己用戶帳號(hào)和密碼，登陸后便可購物消費(fèi)了。</p><p>　　購物車功能，即消費(fèi)者用戶登錄后在瀏覽商品時(shí)可以將喜歡的商品放入購物車，也可以刪除購物車中的商品，購物結(jié)束后可以查看商品信息和結(jié)算。</p><p>　　3.2.2 后臺(tái)管理需求分析</p><p>　　所謂后臺(tái)管理，即是管理員對(duì)信息管理的需要，其中包括商品的添加、更新、刪除等功能。</p>

31、;<p>　　商品的添加，即是管理員對(duì)網(wǎng)站的將新商品信息的加入。</p><p>　　商品的更新，即是管理員對(duì)網(wǎng)站的商品信息進(jìn)行更新。</p><p>　　商品的刪除，即是管理員對(duì)網(wǎng)站的商品信息進(jìn)行刪除。</p><p>　　3.3 網(wǎng)站的功能模塊設(shè)計(jì)</p><p>　　根據(jù)上述需求分析，這個(gè)網(wǎng)站的功能模塊設(shè)計(jì)如下：</

32、p><p>　　消費(fèi)者用戶管理模塊：</p><p>　　為了分辨消費(fèi)者用戶在該網(wǎng)站進(jìn)行消費(fèi)，方便網(wǎng)站的管理，需要一個(gè)用戶管理模塊，主要由用戶注冊(cè)、用戶登錄、找回密碼組成，但找回密碼本網(wǎng)站沒有實(shí)現(xiàn)。</p><p><b>　　商品的搜索模塊:</b></p><p>　　為了方便消費(fèi)者用戶在這個(gè)網(wǎng)站訥訥感方便、快捷找到鎖需

33、要的商品，從而提高效率，消費(fèi)者用戶可根據(jù)關(guān)鍵字來進(jìn)行商品信息搜索，可以迅速地羅列出通過搜索的詳細(xì)商品信息。</p><p><b>　　購物車模塊:</b></p><p>　　為了方便消費(fèi)者用戶選購多種商品，用戶登錄后在瀏覽商品時(shí)可以將喜歡的商品放入購物車，也可以刪除購物車中的商品，購物結(jié)束后可以查看商品信息和結(jié)算。</p><p><

34、b>　　管理員模塊：</b></p><p>　　為了方便管理員管理用戶、商品的信息和維護(hù)，可對(duì)商品進(jìn)行添加、更新、刪除。</p><p>　　3.4 網(wǎng)站流程及總體功能設(shè)計(jì)</p><p>　　3.4.1用戶購物流程設(shè)計(jì)</p><p>　　消費(fèi)者用戶進(jìn)行購物的的流程：</p><p>　　1、消費(fèi)

35、者用戶通過注冊(cè)登錄網(wǎng)站，可瀏覽商品信息。</p><p>　　2、消費(fèi)者用戶通過搜索或者直接瀏覽，選購所需的商品，將其放入購物車。</p><p>　　3、進(jìn)入購物車結(jié)算。</p><p>　　4、管理員接受訂單且進(jìn)行確認(rèn)，然后送貨。</p><p>　　上述分析，得出購物流程圖如下圖所示。</p><p>　　3.4

36、.2 管理員管理流程設(shè)計(jì)</p><p>　　管理員進(jìn)行管理的流程：</p><p><b>　　1、管理員登錄后臺(tái)</b></p><p>　　2、管理員對(duì)商品進(jìn)行添加、更新、刪除等操作。</p><p>　　上述分析，得出管理員進(jìn)行管理的流程圖。</p><p>　　3.4.3 網(wǎng)站總體功能結(jié)

37、構(gòu)圖</p><p>　　從上述圖中可以得出，電子商務(wù)動(dòng)態(tài)網(wǎng)站可分為前臺(tái)功能部分和后臺(tái)功能部分。而前臺(tái)功能部分主要是消費(fèi)者用戶使用的，包括用戶登錄、用戶注冊(cè)、購物車功能、搜索功能等模塊；而后臺(tái)功能部分主要是管理員的，主要包括商品添加、商品更新、商品刪除等功能模塊。</p><p><b>　　3.5 數(shù)據(jù)庫設(shè)計(jì)</b></p><p>　　3.

38、5.1 數(shù)據(jù)庫需求分析</p><p>　　整個(gè)數(shù)據(jù)庫需要以下數(shù)據(jù)項(xiàng)：</p><p>　　商品信息表：商品id、商品名稱、商品介紹、商品價(jià)格、圖片；</p><p>　　購物車信息表：商品id、用戶名稱、商品數(shù)量；</p><p>　　用戶信息表：用戶名稱、用戶密碼、角色標(biāo)注、提示問題、提示答案；</p><p>　

39、　3.5.2 數(shù)據(jù)表結(jié)構(gòu)</p><p>　?。?）shop（商品信息表）主要是存儲(chǔ)商品的主要信息，這個(gè)表的結(jié)構(gòu)如圖3-4所示。</p><p>　　圖3-4 商品信息表結(jié)構(gòu)圖</p><p>　　（2）user（用戶信息表）主要是存儲(chǔ)用戶注冊(cè)的信息，這個(gè)表的結(jié)構(gòu)如下圖3-5所示。</p><p>　　圖3-5 用戶信息表結(jié)構(gòu)圖</p&

40、gt;<p>　?。?）cart（購物車信息表）主要是存儲(chǔ)用戶選購的商品的信息，這表如圖3-6所示。</p><p>　　表3-6 購物車信息表結(jié)構(gòu)圖</p><p>　?。?）服務(wù)器資源管理器，如圖3-7所示。</p><p>　　圖3-7 服務(wù)器資源管理圖</p><p>　　4 電子商務(wù)網(wǎng)站整體架構(gòu)及功能實(shí)現(xiàn)</p&

41、gt;<p>　　4.1 CSS外部樣式表文件設(shè)計(jì)</p><p>　　CCS（Cascading Style Sheet）中文譯為層疊樣式表，簡稱為“樣式表”，它是用于控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。CSS是1996年由W3C核審?fù)ㄟ^，并且推薦使用的。簡單地說，CSS的引入就是為了使HTML語言更好地適應(yīng)頁面的美工設(shè)計(jì)。它以HTML語言為基礎(chǔ)，提供了豐富的格式化功能，如

42、字體、顏色、背景、整體排版等，并且網(wǎng)頁設(shè)計(jì)者可以針對(duì)各種可視化瀏覽器（包括顯示器、打印機(jī)、打字機(jī)、投影機(jī)、PDA等）來設(shè)置不同的樣式風(fēng)格。CSS的引入隨即引發(fā)了網(wǎng)頁設(shè)計(jì)一個(gè)又一個(gè)的新高潮，使用CSS設(shè)計(jì)的優(yōu)秀頁面層出不窮。</p><p>　　采用的CSS樣式程序代碼如下所示。</p><p><b>　　<style></b></p>&l

43、t;p><b>　　* {</b></p><p>　　border:none;</p><p><b>　　}</b></p><p><b>　　#shouji {</b></p><p>　　width: 905px;</p><p>　　m

44、argin-right: auto;</p><p>　　margin-left: auto;</p><p>　　border: 1px solid #CCCCCC;</p><p>　　height: 270px;</p><p>　　margin-bottom: 10px;</p><p><b>　　

45、}</b></p><p><b>　　#diannao{</b></p><p>　　width: 905px;</p><p>　　margin-right: auto;</p><p>　　margin-left: auto;</p><p>　　border: 1px soli

46、d #CCCCCC;</p><p>　　height: 270px;</p><p>　　margin-bottom: 10px;</p><p><b>　　}</b></p><p><b>　　.hd {</b></p><p>　　height: 30px;<

47、/p><p>　　width: 905px;</p><p>　　background-color:#FFF7E1;</p><p>　　margin-right: auto;</p><p>　　margin-left: auto;</p><p>　　border-bottom-width: 1px;</p>

48、;<p>　　border-bottom-style: solid;</p><p>　　border-bottom-color: #FFE6E6;</p><p><b>　　}</b></p><p><b>　　.h3 {</b></p><p>　　line-height: 3

49、0px;</p><p>　　margin-left: 20px;</p><p>　　font-family: "宋體";</p><p>　　font-weight: bolder;</p><p>　　color:#D30101;</p><p><b>　　}</b>&

50、lt;/p><p><b>　　.style1{</b></p><p>　　width: 100%;</p><p><b>　　}</b></p><p><b>　　.ziti{</b></p><p>　　color:#4A4AFF;</p&g

51、t;<p><b>　　}</b></p><p>　　.ziti:hover{</p><p>　　text-decoration:underline;</p><p>　　color:Red;</p><p><b>　　}</b></p><p>　　.t

52、able_wz{</p><p>　　margin:10px 0 0 40px;</p><p>　　height:220px;</p><p><b>　　}</b></p><p><b>　　.aa{</b></p><p>　　color:Red;</p>

53、<p><b>　　</style></b></p><p>　　4.2 網(wǎng)站結(jié)構(gòu)設(shè)計(jì)</p><p>　　圖4-1 網(wǎng)絡(luò)文件結(jié)構(gòu)圖</p><p>　　4.2.1 目錄結(jié)構(gòu)說明</p><p>　　為了便于以后維護(hù)和查看，設(shè)計(jì).asps的文件如下：</p><p>　　

54、App_Data：用來存儲(chǔ)數(shù)據(jù)庫文件Digital.mdf</p><p>　　Index_img：用來存儲(chǔ)圖片素材，利于調(diào)用素材，利于整理。</p><p>　　Index.aspx:這是ASP.NET主程序文件，這是主頁面。</p><p>　　dengli.aspx:這是登錄頁面。</p><p>　　zhuce.aspx:這是注冊(cè)頁面

55、。</p><p>　　cart.aspx:這是購物車頁面。</p><p>　　MasterPage.master:這是模版頁。</p><p>　　sousuo.aspx:這是搜索頁面。</p><p>　　Update.aspx:這是更新頁面。</p><p>　　Delete.aspx:這是刪除頁面。</

56、p><p>　　detail.aspx:這是商品詳細(xì)頁。</p><p>　　4.3前臺(tái)功能的實(shí)現(xiàn)</p><p>　　4.3.1 用戶管理模塊的實(shí)現(xiàn)</p><p>　　用戶管理模塊主要分為用戶注冊(cè)頁面和用戶登錄頁面部分，下圖即為用戶注冊(cè)頁面圖。</p><p>　　圖 4-2 用戶注冊(cè)頁面圖</p>&l

57、t;p>　　實(shí)現(xiàn)用戶注冊(cè)頁面核心代碼如下：</p><p>　　protected void Button1_Click(object sender, EventArgs e)</p><p><b>　　{ </b></p><p>　　string sql = "insert into user1(username,p

58、assword,email,tel) values('" + TextBox1.Text + "', '" + TextBox2.Text + "','" + TextBox4.Text + "','" + TextBox5.Text + "')";//構(gòu)造sql語句</p>

59、;<p>　　try //這是try，catch格式</p><p><b>　　{</b></p><p>　　DB_Help dbhelp = new DB_Help(); //定義dbhelp</p><p>　　int i = dbhelp.executenonequery(sql); //執(zhí)行sql語句</p>

60、;<p>　　if (i > 0)</p><p><b>　　{</b></p><p>　　Response.Write("<script>alert('添加成功');location='denglu.aspx'</script>");</p><p

61、><b>　　}</b></p><p><b>　　else</b></p><p>　　Response.Write("<script>alert('添加失??！');location='zhuce.aspx'</script>");</p><

62、;p><b>　　}</b></p><p>　　catch (Exception ex)</p><p><b>　　{</b></p><p>　　Response.Write(ex.Message);</p><p><b>　　}</b></p>&

63、lt;p><b>　　}</b></p><p>　　為了保證注冊(cè)用戶的唯一性，使用了許多驗(yàn)證控件如RequiredFieldValidator、CompareValidator等。在不輸入文本框了時(shí)，它會(huì)提示文本框不能為空；在輸入密碼是，如果兩次密碼輸入不一致，它會(huì)提示兩次輸入不一致。</p><p><b>　?。?）用戶登錄頁面</b>

64、;</p><p>　　圖4-3 用戶登錄頁面圖 </p><p>　　實(shí)現(xiàn)用戶注冊(cè)頁面核心代碼如下：</p><p>　　public DB_Help dbhelp = new DB_Help(); //定義公共的dbhlep</p><p>　　protected void Page_Load(object sender, Even

65、tArgs e)</p><p><b>　　{ }</b></p><p>　　protected void Button3_Click(object sender, EventArgs e)</p><p><b>　　{</b></p><p>　　string sql = "sel

66、ect * from user1 where username='" + TextBox1.Text + "' and password='" + TextBox2.Text + "'"; //構(gòu)造sql語句</p><p><b>　　try</b></p>

67、<p><b>　　{</b></p><p>　　DataSet ds = dbhelp.getdatasetbysql(sql); //定義數(shù)據(jù)集ds</p><p>　　if (ds.Tables[0].Rows.Count == 0) //如果ds沒數(shù)據(jù)，則輸出用戶名或密碼錯(cuò)唔</p><p>　　Re

68、sponse.Write("<script>alert('用戶名或密碼錯(cuò)');window.close();</script>");</p><p><b>　　else</b></p><p><b>　　{</b></p><p>　　user user1 =

69、 new user(ds);</p><p>　　Session["user"] = user1; //獲取user的數(shù)據(jù)</p><p>　　if (((user)Session["user"]).power == "管理員") //如果power是管理員，則執(zhí)行</p><p><b&

70、gt;　　{</b></p><p>　　Session["username"] = TextBox1.Text;</p><p>　　Response.Redirect("info_manage/index.aspx");</p><p><b>　　}</b></p><

71、;p><b>　　else</b></p><p><b>　　{</b></p><p>　　Session["username"] = TextBox1.Text;</p><p>　　Response.Redirect("index.aspx");</p>

72、<p><b>　　}</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　catch (Exception ex)</p><p><b>　　{</b></p><p

73、>　　Response.Write(ex.Message); //輸出報(bào)錯(cuò)的信息</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　在用戶登錄頁面中點(diǎn)擊登錄按鈕后，網(wǎng)頁會(huì)對(duì)用戶名和密碼進(jìn)行驗(yàn)證，如果用戶名和密碼是數(shù)據(jù)表中數(shù)據(jù)，則會(huì)登錄成功，并返回首頁index.a

74、spx，否則會(huì)提示登錄失敗。</p><p>　　4.3.2 購物車模塊實(shí)現(xiàn)</p><p>　　在現(xiàn)實(shí)生活中去大型超市里購物，要推著那部購物車或者手提籃子，顯得好麻煩，好不方便，而在互聯(lián)網(wǎng)中模擬的商城就不同了，它們也有叫“購物車”的技術(shù)來模仿現(xiàn)實(shí)生活中的購物車，而這種“購物車”用起來好方便，又輕松，且可以添加商品、修改商品數(shù)量、刪除清空商品等功能，還可以直接結(jié)算呢！</p>

75、<p><b>　　（1）添加購物車</b></p><p>　　所謂添加購物車，即是消費(fèi)者用戶在瀏覽商城時(shí)，把自己喜歡想買的商品放入購物車中。當(dāng)消費(fèi)者用戶在商城的首頁或者搜索頁點(diǎn)擊商品時(shí)，網(wǎng)站會(huì)跳轉(zhuǎn)到詳細(xì)頁面將該商品的詳細(xì)信息展示出來，點(diǎn)擊放入購物車按鈕，就可放入購物車中，運(yùn)行的效果圖如圖4-4、圖4-5所示。</p><p>　　圖4-4商城首頁效果圖

76、</p><p>　　圖4-5商品詳細(xì)頁效果圖 </p><p>　　實(shí)現(xiàn)添加到詳細(xì)頁的核心代碼：</p><p>　　public partial class detial : System.Web.UI.Page</p><p><b>　　{</b></p><p>　　public DB_

77、Help dbhelp = new DB_Help(); //定義公共的dbhelp</p><p>　　public static string id; //定義靜態(tài)全局變量id</p><p>　　protected void Page_Load(object sender, EventArgs e)</p><p>&l

78、t;b>　　{</b></p><p>　　if (!IsPostBack)</p><p><b>　　{</b></p><p><b>　　load();</b></p><p><b>　　}</b></p><p><b

79、>　　}</b></p><p>　　public void load()</p><p><b>　　{</b></p><p>　　id = Request.QueryString["id"]; //獲取id</p><p>　　string sql = "sele

80、ct * from shop where id=" + id; //構(gòu)造sql語句</p><p>　　DataSet ds = new DataSet(); //定義數(shù)據(jù)集ds</p><p>　　HiddenField1.Value = Request.QueryString["id"]; //id號(hào)賦值給隱藏域</p>&l

81、t;p><b>　　try</b></p><p><b>　　{</b></p><p>　　ds = dbhelp.getdatasetbysql(sql); //執(zhí)行sql語句</p><p>　　Label1.Text = ds.Tables[0].Rows[0]["name"].

82、ToString(); //賦值給label</p><p>　　Label2.Text = ds.Tables[0].Rows[0]["summary"].ToString();</p><p>　　Label3.Text = ds.Tables[0].Rows[0]["price"].ToString();</p><p&g

83、t;　　Image1.ImageUrl = ds.Tables[0].Rows[0]["image1"].ToString();</p><p><b>　　}</b></p><p>　　catch (Exception ex)</p><p><b>　　{</b></p><p

84、>　　Response.Write(ex.Message); //報(bào)錯(cuò)信息</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　protected void Button1_Click(object sender, EventArgs e)</p>&l

85、t;p><b>　　{</b></p><p>　　if (Session["user"] != null) //如果user不為空，則執(zhí)行以下</p><p><b>　　{</b></p><p>　　string sql = "insert into cart(id

86、,quantity,username) values ('"+HiddenField1.Value+"',1,'" + Session["username"] + "')";</p><p><b>　　try</b></p><p><b>　　{<

87、/b></p><p>　　dbhelp.executenonequery(sql);</p><p>　　Response.Write("<script>alert('添加成功！');location='cart.aspx'</script>");</p><p><b>

88、　　}</b></p><p>　　catch (Exception ex)</p><p><b>　　{</b></p><p>　　Label4.Text = "該圖書已經(jīng)存在于購物車中";</p><p><b>　　}</b></p><

89、p><b>　　}</b></p><p><b>　　else</b></p><p><b>　　{</b></p><p>　　Label4.Text = "登錄的會(huì)員才能使用購物車";</p><p><b>　　}</b>

90、;</p><p><b>　　}</b></p><p><b>　　}</b></p><p><b>　?。?）查看購物車</b></p><p>　　在商城的首頁有一個(gè)查看購物車的超鏈接，這是為了方便消費(fèi)者用戶能夠隨時(shí)可以翻閱自己購物信息，可以查看自己所選的商品信息放入

91、購物車中顯示出來，查看購物車頁面的運(yùn)行效果圖如圖4-6所示。</p><p>　　圖4-6購物車頁面效果圖</p><p>　　實(shí)現(xiàn)添加到購物車按鈕的核心代碼：</p><p>　　public partial class cart : System.Web.UI.Page</p><p><b>　　{</b><

92、/p><p>　　public DB_Help dbhelp = new DB_Help();//定義公共的dbhlep</p><p>　　public static DataSet ds = new DataSet();//定義數(shù)據(jù)集ds</p><p>　　protected void Page_Load(object sender, EventArgs e)&l

93、t;/p><p><b>　　{</b></p><p>　　if (Session["username"] == null)</p><p><b>　　{</b></p><p>　　Response.Write("<script>alert('請(qǐng)先

94、登陸！');location='denglu.aspx'</script>");</p><p><b>　　}</b></p><p>　　if ((IsPostBack == false))</p><p><b>　　{</b></p><p>　

95、　load(); //運(yùn)行l(wèi)oad</p><p><b>　　sum();</b></p><p><b>　　} </b></p><p><b>　　}</b></p><p>　　public void load()</p><p><b

96、>　　{</b></p><p>　　string sql = "SELECT shop.*, cart.* FROM shop INNER JOIN cart ON shop.id = cart.id WHERE cart.username='"+Session["username"]+"' ";</p>

97、<p><b>　　try</b></p><p><b>　　{</b></p><p>　　ds.Clear();//清空數(shù)據(jù)集ds</p><p>　　ds = dbhelp.getdatasetbysql(sql);//執(zhí)行sql語句</p><p>　　GridView1.Da

98、taSource = ds;//賦值給GridView1</p><p>　　GridView1.DataBind();//綁定數(shù)據(jù)</p><p><b>　　}</b></p><p>　　catch (Exception ex)</p><p><b>　　{</b></p>&

99、lt;p>　　Response.Write(ex.Message);</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArg

100、s e)</p><p><b>　　{</b></p><p>　　string id = GridView1.DataKeys[e.RowIndex].Value.ToString();</p><p>　　string sql = "delete from cart where id = '" + id + &

101、quot;'";</p><p><b>　　try</b></p><p><b>　　{</b></p><p>　　int i = dbhelp.executenonequery(sql);</p><p>　　if (i > 0)</p><p&g

102、t;　　Response.Write("<script>alert('刪除成功！');location='cart.aspx'</script>");</p><p><b>　　else</b></p><p>　　Response.Write("<script>ale

103、rt('刪除失敗！');location='cart.aspx'</script>");</p><p><b>　　}</b></p><p>　　catch (Exception ex)</p><p><b>　　{</b></p><p>

104、;　　Response.Write(ex.Message);</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　protected void CheckBox2_CheckedChanged(object sender, EventArgs e)</p>&l

105、t;p><b>　　{</b></p><p>　　CheckBox ck = sender as CheckBox;//獲取 CheckBox2</p><p>　　if (ck != null)</p><p><b>　　{</b></p><p>　　for (int i = 0; i

106、 < GridView1.Rows.Count; i++)</p><p>　　(GridView1.Rows[i].FindControl("CheckBox1") as CheckBox).Checked = ck.Checked;</p><p><b>　　}</b></p><p><b>　　}&

107、lt;/b></p><p>　　public void sum()</p><p><b>　　{</b></p><p>　　int sum = 0;</p><p>　　for (int i = 0; i < GridView1.Rows.Count; i++)</p><p>

108、<b>　　{</b></p><p>　　sum = sum + Convert.ToInt32(GridView1.Rows[i].Cells[3].Text.ToString());</p><p><b>　　}</b></p><p>　　Label1.Text = sum.ToString();</p&g

109、t;<p><b>　　}</b></p><p><b>　　}</b></p><p>　?。?）更新購物車中商品數(shù)量</p><p>　　在購物車中還添加了一個(gè)更新功能，就是在網(wǎng)頁中使用一個(gè)文本框來更新商品的數(shù)量，然后消費(fèi)者用戶可在文本框中輸入想購買的數(shù)量后點(diǎn)擊更新按鈕，之后自己跳轉(zhuǎn)回購物車頁面顯示購買

110、的數(shù)量。更新頁面的效果圖如圖4-7所示。</p><p>　　圖4-7更新頁面效果圖 </p><p>　　實(shí)現(xiàn)更新購物車商品數(shù)量的核心代碼：</p><p>　　public void load()</p><p><b>　　{</b></p><p>　　id = Request.Query

111、String["id"];//獲取數(shù)據(jù)集ds</p><p>　　string sql = "SELECT shop.*, cart.* FROM shop INNER JOIN cart ON shop.id = cart.id WHERE cart.username='"+Session["username"]+"'&quo

112、t;;//構(gòu)造sql語句</p><p><b>　　try</b></p><p><b>　　{</b></p><p>　　ds=dbhelp.getdatasetbysql(sql);//執(zhí)行sql語句</p><p>　　Label1.Text=ds.Tables[0].Rows[0][&

113、quot;name"].ToString();//name賦值給label</p><p>　　Image1.ImageUrl = ds.Tables[0].Rows[0]["image"].ToString();</p><p><b>　　}</b></p><p>　　catch (Exception ex)

114、</p><p><b>　　{</b></p><p>　　Response.Write(ex.Message);</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　protected void But

115、ton1_Click(object sender, EventArgs e)</p><p><b>　　{</b></p><p>　　id = Request.QueryString["id"];</p><p>　　string sql = "update cart set quantity='&qu

116、ot;+TextBox1.Text+"' where id='"+id+"'";</p><p><b>　　try</b></p><p><b>　　{</b></p><p>　　dbhelp.executenonequery(sql);</p&g

117、t;<p>　　Response.Write("<script>alert('修改成功！');location='cart.aspx'</script>");</p><p><b>　　}</b></p><p>　　catch (Exception ex)</p>

118、<p><b>　　{</b></p><p>　　Response.Write(ex.Message);</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　?。?）刪除購物車中的商品信息</p>&l

119、t;p>　　在購物車中還添加了一個(gè)刪除功能，就是在網(wǎng)頁中使用一個(gè)刪除按鈕來刪除商品的信息，然后消費(fèi)者用戶可點(diǎn)擊所選的商品后點(diǎn)擊刪除按鈕，之后自己跳轉(zhuǎn)回購物車頁面顯示購買商品信息。刪除頁面的效果圖如圖4-8所示。</p><p>　　圖 4-8刪除頁面效果圖</p><p>　　實(shí)現(xiàn)刪除購物車中的商品信息的核心代碼：</p><p>　　protected vo

120、id GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)</p><p><b>　　{</b></p><p>　　string id = GridView1.DataKeys[e.RowIndex].Value.ToString();</p><p>　　strin

121、g sql = "delete from cart where id = '" + id + "'";</p><p><b>　　try</b></p><p><b>　　{</b></p><p>　　int i = dbhelp.executenonequer

122、y(sql);</p><p>　　if (i > 0)</p><p>　　Response.Write("<script>alert('刪除成功！');location='cart.aspx'</script>");</p><p><b>　　else</b>

123、;</p><p>　　Response.Write("<script>alert('刪除失敗！');location='cart.aspx'</script>");</p><p><b>　　}</b></p><p>　　catch (Exception ex)&

124、lt;/p><p><b>　　{</b></p><p>　　Response.Write(ex.Message);</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　4.3.3 前臺(tái)首頁的實(shí)現(xiàn)</p

125、><p>　　所謂前臺(tái)首頁，即是商城的主頁面index.aspx。前臺(tái)首頁的主要設(shè)計(jì)是頂部條、主頁logo、全局模糊搜索、導(dǎo)航條、JavaScript動(dòng)態(tài)圖片轉(zhuǎn)換、手機(jī)專區(qū)欄、電腦辦公專區(qū)欄、footer底部、背景。</p><p><b>　?。?）頂部條設(shè)計(jì)</b></p><p>　　所謂頂部條設(shè)計(jì)，即是為了消費(fèi)者用戶能夠方便的使用登錄鏈接、

126、注冊(cè)鏈接、購物車鏈接，還采用了全屏100%的寬度，使得在不同的分辨率都可支持，也是現(xiàn)在主流的設(shè)計(jì)。其效果圖如圖4-9所示。</p><p>　　圖 4-9頂部條效果圖 </p><p>　?。?）主頁logo、全局模糊搜索</p><p>　　主頁的logo，其商城的公司名稱自擬為ONE2FREE豚園數(shù)碼，采用的是寶藍(lán)色主調(diào)，顯得是大海洋的清澈的感覺；其全局模糊搜索

127、，其能讓消費(fèi)者用戶能夠迅速地找到想要購買的商品，所謂模糊搜索，就是只需輸入關(guān)鍵子，便可搜索出相關(guān)的商品，其效果圖如圖4-10所示。</p><p>　　圖 4-10 搜索項(xiàng)效果圖</p><p>　　實(shí)現(xiàn)全局模糊搜索的核心代碼：</p><p>　　public void load()</p><p><b>　　{</b&g

128、t;</p><p>　　string sql = "select * from shop where shop.name like '%" + Request.QueryString["content"] + "%'";</p><p><b>　　try</b></p>&l

129、t;p><b>　　{</b></p><p>　　ds.Clear();//清空數(shù)據(jù)集ds</p><p>　　ds = dbhelp.getdatasetbysql(sql);//執(zhí)行sql語句</p><p>　　GridView1.DataSource = ds;//賦值給GridView1</p><p>

130、;　　GridView1.DataBind();//數(shù)據(jù)綁定</p><p><b>　　}</b></p><p>　　catch (Exception ex)</p><p><b>　　{</b></p><p>　　Response.Write(ex.Message);</p>

131、<p><b>　　}</b></p><p><b>　　}</b></p><p>　?。?）總體首頁效果圖</p><p>　　圖 4-11 頁面總體效果圖</p><p>　　4.4 后臺(tái)功能實(shí)現(xiàn)</p><p>　　4.4.1 管理員注冊(cè)</p&g

132、t;<p>　　圖4-12 管理員注冊(cè)頁效果圖</p><p>　　4.4.2 信息發(fā)布</p><p>　　圖4-13信息發(fā)布頁效果圖</p><p>　　4.4.3 信息查詢</p><p>　　圖4-14 信息查詢頁效果圖</p><p>　　5 電子商務(wù)網(wǎng)站測(cè)試及難點(diǎn)分析</p>&