畢業(yè)論文---網(wǎng)上商店的設計與實現(xiàn)

1、<p>　　網(wǎng)上商店的設計與實現(xiàn)</p><p>　　姓 名： </p><p>　　學 號： </p><p>　　系 別： 信息工程系 </p><p>　　專 業(yè)： 計算機應用 </p><p>　　指導老師： </

2、p><p><b>　　2012年 4 月</b></p><p><b>　　摘 要</b></p><p>　　當今的社會是一個數(shù)字化、信息化、地球化的社會，網(wǎng)絡時代已經(jīng)到來，人們的生活、工作、購物、學習、辦公等都已經(jīng)離不開網(wǎng)絡。對于現(xiàn)代的企業(yè)，已經(jīng)開始實行無紙辦公，公司之間的聯(lián)系、企業(yè)伙伴間的合作、公司外出人員與本部之

3、間的聯(lián)系等等這些都離不開網(wǎng)絡。</p><p>　　網(wǎng)絡商店在線銷售系統(tǒng)，是在互聯(lián)網(wǎng)的基礎上建立一個虛擬的購物商場。具備完整購物網(wǎng)站功能，實現(xiàn)購物方便，輕松、快捷、操作簡單。方便客戶的同時，也提升了網(wǎng)絡商店的形象。開辟了新的銷售渠道，為銷售者和消費者提供了更好滿足各自需求的有利機會。</p><p>　　關鍵詞：網(wǎng)上商店，在線銷售，快捷</p><p><b&

4、gt;　　ABSTRACT</b></p><p>　　The online marketing system of network shop, set up a fictitious shopping plaza on the basis of Internet. Possessing the function of intact shopping website, it is convenient

5、 to realize doing shopping, light , swift and operating simply. While facilitating the customer , have promoted the image of the network shop too. Have open up the new marketing channel, has offered more easy favorable c

6、hance to meet each demand to seller and consumer.</p><p>　　Key words：The online marketing；sell online；convenient；operating</p><p><b>　　目　錄</b></p><p><b>　　1 引言1&l

7、t;/b></p><p>　　2 系統(tǒng)開發(fā)的相關知識2</p><p>　　2.1開發(fā)語言介紹2</p><p>　　2.1.1 C#2</p><p>　　2.1.2 SQL2</p><p>　　2.1.3 HTML3</p><p>　　2.1.4 DIV+CSS3&l

8、t;/p><p>　　2.1.5 JAVASCRIPT3</p><p>　　2.2開發(fā)平臺（ASP.NET）介紹4</p><p>　　2.3開發(fā)工具介紹6</p><p>　　2.3.1 Microsoft Visual Studio 20086</p><p>　　2.3.2 Microsoft SQL Se

9、rver 20056</p><p>　　2.3.3 Adobe Dreamweaver CS47</p><p>　　2.3.4 Adobe Photoshop CS47</p><p>　　3 系統(tǒng)的分析與設計8</p><p><b>　　3.1需求分析8</b></p><p>

10、　　3.2可行性分析9</p><p>　　3.3系統(tǒng)模塊設計9</p><p>　　3.4系統(tǒng)流程設計11</p><p>　　3.5系統(tǒng)數(shù)據(jù)庫設計14</p><p>　　3.5.1 數(shù)據(jù)庫設計原則14</p><p>　　3.5.2 數(shù)據(jù)庫實體關系設計14</p><p>　　

11、3.5.3 數(shù)據(jù)表設計16</p><p>　　4 系統(tǒng)的詳細開發(fā)18</p><p>　　4.1數(shù)據(jù)庫的建立與連接18</p><p>　　4.1.1 建立數(shù)據(jù)庫18</p><p>　　4.1.2 連接數(shù)據(jù)庫19</p><p>　　4.2系統(tǒng)主要模塊設計及其代碼20</p><p&

12、gt;　　4.2.1 頁面布局與設計20</p><p>　　4.2.2 部分登錄驗證模塊設計與實現(xiàn)21</p><p>　　4.2.3 注冊模塊設計與實現(xiàn)22</p><p>　　4.2.4 商品購買模塊設計與實現(xiàn)22</p><p>　　4.2.5 購物車模塊設計與實現(xiàn)24</p><p>　　4.2.6

13、 前臺訂單管理模塊設計與實現(xiàn)24</p><p>　　4.2.7 后臺商品管理模塊設計與實現(xiàn)24</p><p><b>　　5 總結(jié)26</b></p><p><b>　　參考文獻27</b></p><p><b>　　致 謝28</b></p>

14、<p><b>　　1 引言</b></p><p>　　當今的社會是一個數(shù)字化、信息化、地球化的社會，網(wǎng)絡時代已經(jīng)到來，人們的生活、工作、購物、學習、辦公等都已經(jīng)離不開網(wǎng)絡。對于現(xiàn)代的企業(yè)，已經(jīng)開始實行無紙辦公，公司之間的聯(lián)系、企業(yè)伙伴間的合作、公司外出人員與本部之間的聯(lián)系等等這些都離不開網(wǎng)絡。</p><p>　　電子商務的影響已經(jīng)不再是互聯(lián)網(wǎng)的發(fā)展領域

15、，似乎已經(jīng)成為各商家新的利潤增長點。無論是大到幾千億市值的跨國大企業(yè)還是一個在電腦城里買電腦的商戶，都迫不及待得發(fā)展網(wǎng)上業(yè)務。在它們的眼中電子商務業(yè)務已經(jīng)越來越重要，很多網(wǎng)上商城的營業(yè)額增長率在短短的兩、三個月之內(nèi)，已經(jīng)超過很多有百多年歷史的大商店。難怪有電子商務教父之稱的亞馬遜（Amazo.com）的創(chuàng)始人貝索斯自豪地說到，“亞馬遜將是一個重要、優(yōu)秀而且永存的公司，他們在創(chuàng)造的，絕對不是財富，而是歷史。”可能你是一位對電子商務毫無認識

16、，甚至對互聯(lián)網(wǎng)也只是剛剛了解，但未來已經(jīng)為你和我指明了方向；未來將掌握在“為顧客創(chuàng)造價值”的人的手中。</p><p>　　在線購物是當前電子商務網(wǎng)站運營的主要模式之一，其動作方式主要為：當用戶訪問到電子商務網(wǎng)站時，首先能夠查詢、瀏覽該網(wǎng)站提供所有商品信息；同時，用戶在查詢?yōu)g覽商品時，能夠隨時選擇自己感興趣的商品放入自己的購物車中，購物車是虛擬的，由網(wǎng)站管理系統(tǒng)提供，其中的預購商品數(shù)量、價格等信息由網(wǎng)站數(shù)據(jù)庫存儲

17、和管理；接著，當用戶 選貨完畢后，可對購物車中選購物品進行修改，比如對商品數(shù)量的添加或是減少等，最后，用戶確定所選購的商品，提交購物車數(shù)據(jù)，完成一次訂單操作過程。</p><p><b>　　開發(fā)本項目的意義：</b></p><p>　?。保?市場拓展： 如果公司收到外地或是任何以前沒有客戶的地域來的訂單，哪怕僅僅是購買意向，則上網(wǎng)真正的擴展了公司的潛在市場。<

18、;/p><p>　?。玻?收集顧客信息和反饋：在線發(fā)布信息和市場調(diào)查是網(wǎng)絡非常有用的地方。</p><p>　?。常?在線銷售： 最直接體現(xiàn)網(wǎng)站給公司帶來的經(jīng)濟效益。</p><p>　?。矗?廣告效應：公司上網(wǎng)對產(chǎn)品的知名度，公司的形象有提升作用，但不一定會從在線銷售額中直接體現(xiàn)出來，很可能你會發(fā)現(xiàn)雖然在線銷售這部分業(yè)務有虧損，整個公司的銷售額和盈利狀況正在出人意料地

19、發(fā)展，更何況，隨著美譽度和市場份額地上升，上網(wǎng)為公司長遠的發(fā)展所帶來的好處，可能遠遠超過您最初的預期。</p><p>　　2 系統(tǒng)開發(fā)的相關知識</p><p>　　本章介紹系統(tǒng)設計與實現(xiàn)過程中使用到的開發(fā)語言，開發(fā)平臺，以及相關工具的概念。</p><p>　　2.1開發(fā)語言介紹</p><p><b>　　2.1.1 C#&

20、lt;/b></p><p>　　本系統(tǒng)采用C#作為主要開發(fā)語言，C#是微軟公司發(fā)布的一種面向?qū)ο蟮?、運行于.NET Framework之上的高級程序設計語言。并定于在微軟職業(yè)開發(fā)者論壇（PDC）上登臺亮相。C#是微軟公司研究員Anders Hejlsberg的最新成果。C#看起來與Java有著驚人的相似；它包括了諸如單一繼承、接口、與Java幾乎同樣的語法和編譯成中間代碼再運行的過程。但是C#與Java有

21、著明顯的不同，它借鑒了Delphi的一個特點，與COM（組件對象模型）是直接集成的，而且它是微軟公司.NET windows網(wǎng)絡框架的主角。</p><p>　　C#是一種安全的、穩(wěn)定的、簡單的、優(yōu)雅的，由C和C++衍生出來的面向?qū)ο蟮木幊陶Z言。它在繼承C和C++強大功能的同時去掉了一些它們的復雜特性（例如沒有宏和模版，不允許多重繼承）。C#綜合了VB簡單的可視化操作和C++的高運行效率，以其強大的操作能力、優(yōu)雅

22、的語法風格、創(chuàng)新的語言特性和便捷的面向組件編程的支持成為.NET開發(fā)的首選語言，并且成為ECMA與ISO標準規(guī)范。C#看似基于C++寫成，但又融入其它語言如Delphi、Java、VB等的特性。</p><p>　　微軟C#語言定義主要是從C和C++繼承而來的，而且語言中的許多元素也反映了這一點。C#在設計者從C++繼承的可選選項方面比Java要廣泛一些（比如說struts），它還增加了自己新的特點（比方說源代碼

23、版本定義）。[1]</p><p><b>　　2.1.2 SQL</b></p><p>　　SQL（Structured Query Language）結(jié)構化查詢語言，是一種數(shù)據(jù)庫查詢和程序設計語言，用于存取數(shù)據(jù)以及查詢、更新和管理關系數(shù)據(jù)庫系統(tǒng)。同時也是數(shù)據(jù)庫腳本文件的擴展名。</p><p>　　SQL是高級的非過程化編程語言，允許用戶

24、在高層數(shù)據(jù)結(jié)構上工作。它不要求用戶指定對數(shù)據(jù)的存放方法，也不需要用戶了解具體的數(shù)據(jù)存放方式，所以具有完全不同底層結(jié)構的不同數(shù)據(jù)庫系統(tǒng)可以使用相同的SQL語言作為數(shù)據(jù)輸入與管理的SQL接口。它以記錄集合作為操作對象，所有SQL語句接受集合作為輸入，返回集合作為輸出，這種集合特性允許一條SQL語句的輸出作為另一條SQL語句的輸入，所以SQL語句可以嵌套，這使他具有極大的靈活性和強大的功能，在多數(shù)情況下，在其他語言中需要一大段程序?qū)崿F(xiàn)的功能只

25、需要一個SQL語句就可以達到目的，這也意味著用SQL語言可以寫出非常復雜的語句。</p><p>　　結(jié)構化查詢語言（Structured Query Language）最早是IBM的圣約瑟研究實驗室為其關系數(shù)據(jù)庫管理系統(tǒng)SYSTEM R開發(fā)的一種查詢語言，它的前身是SQUARE語言。SQL語言結(jié)構簡潔，功能強大，簡單易學，所以自從IBM公司1981年推出以來，SQL語言得到了廣泛的應用。如今無論是像Oracle

26、、Sybase、Informix、SQL Server這些大型的數(shù)據(jù)庫管理系統(tǒng)，還是像Visual Foxpro、PowerBuilder這些PC上常用的數(shù)據(jù)庫開發(fā)系統(tǒng)，都支持SQL語言作為查詢語言。</p><p>　　2.1.3 HTML</p><p>　　HTML（HyperText Mark-up Language）即超文本標記語言或超文本鏈接標示語言，是目前網(wǎng)絡上應用最為廣泛的

27、語言，也是構成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。</p><p>　　2.1.4 DIV+CSS</p><p>　　DIV+CSS是網(wǎng)站標準（或稱“WEB標準”）中常用術語之一

28、，通常為了說明與HTML網(wǎng)頁設計語言中的表格（table）定位方式的區(qū)別，因為XHTML網(wǎng)站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現(xiàn)各種定位。</p><p>　　CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計算機語言。</p><p>　　2.1.5 JAVASCRIPT&l

29、t;/p><p>　　Javascript是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭討B(tài)類型的區(qū)分大小寫的客戶端腳本語言，主要目的是為了解決服務器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。</p><p>　　JavaScript 是根據(jù) "ECMAScript"標準制定的網(wǎng)頁腳本語言。這個標準由 ECMA 組織發(fā)

30、展和維護。ECMA-262 是正式的 JavaScript 標準。這個標準基于 JavaScript （Netscape） 和 JScript （Microsoft）。Netscape （Navigator 2.0） 的 Brendan Eich 發(fā)明了這門語言，從 1996 年開始，已經(jīng)出現(xiàn)在所有的 Netscape 和 Microsoft 瀏覽器中。ECMA-262 的開發(fā)始于 1996 年，在 1997 年 7 月，ECMA 會員

31、大會采納了它的首個版本。</p><p>　　2.2開發(fā)平臺（ASP.NET）介紹</p><p>　　ASP.NET不僅僅是 Active Server Page （ASP） 的下一個版本,而且是一種建立在通用語言上的程序構架，能被用于一臺Web服務器來建立強大的Web應用程序。ASP.NET提供許多比現(xiàn)在的Web開發(fā)模式強大的優(yōu)勢，主要體現(xiàn)在以下幾個方面：</p><

32、;p><b>　　執(zhí)行效率大幅提高</b></p><p>　　ASP.NET是把基于通用語言的程序在服務器上運行。不像以前的ASP即時解釋程序，而是將程序在服務器端首次運行時進行編譯，這樣的執(zhí)行效果，當然比一條一條的解釋強很多。</p><p><b>　　世界級的工具支持</b></p><p>　　ASP.NE

33、T構架可以用Microsoft（R）公司最新的產(chǎn)品 Visual Studio.NET開發(fā)環(huán)境進行開發(fā)，WYSIWYG（What You See Is What You Get所見即為所得）形式的編輯。這些僅是ASP.NET強大化軟件支持的一小部分。</p><p><b>　　強大性和適應性</b></p><p>　　因為ASP.NET是基于通用語言的編譯運行的程

34、序，所以它的強大性和適應性，可以使它運行在Web應用軟件開發(fā)者的幾乎全部的平臺上。通用語言的基本庫，消息機制，數(shù)據(jù)接口的處理都能無縫的整合到ASP.NET的Web應用中。ASP.NET同時也是language-independent語言獨立化的，所以，你可以選擇一種最適合你的語言來編寫你的程序，或者把你的程序用很多種語言來寫，現(xiàn)在已經(jīng)支持的有C#（C++和Java的結(jié)合體），VB，Jscript。將來，這樣的多種程序語言協(xié)同工作的能力將

35、保證您現(xiàn)在的基于COM+開發(fā)的程序，能夠完整的移植向ASP.NET。</p><p><b>　　簡單性和易學性</b></p><p>　　ASP.NET使運行一些很平常的任務如表單的提交客戶端的身份驗證、分布系統(tǒng)和網(wǎng)站配置變得非常簡單。例如ASP.NET頁面構架允許你建立你自己的用戶分界面，使其不同于常見的VB-Like界面。</p><p&g

36、t;<b>　　高效可管理性</b></p><p>　　ASP.NET使用一種字符基礎的，分級的配置系統(tǒng)，使你服務器環(huán)境和應用程序的設置更加簡單。因為配置信息都保存在簡單文本中，新的設置有可能都不需要啟動本地的管理員工具就可以實現(xiàn)。這種被稱為"Zero Local Administration"的哲學觀念使Asp.NET的基于應用的開發(fā)更加具體，和快捷。一個ASP.NE

37、T的應用程序在一臺服務器系統(tǒng)的安裝只需要簡單的拷貝一些必須的文件，不需要系統(tǒng)的重新啟動，一切就是這么簡單。多處理器環(huán)境的可靠性 ASP.NET已經(jīng)被刻意設計成為一種可以用于多處理器的開發(fā)工具，它在多處理器的環(huán)境下用特殊的無縫連接技術，將很大的提高運行速度。即使你現(xiàn)在的ASP.NET應用軟件是為一個處理器開發(fā)的，將來多處理器運行時不需要任何改變都能提高他們的效能，但現(xiàn)在的ASP卻做不到這一點。自定義性和可擴展性 ASP.NET設計時考慮了

38、讓網(wǎng)站開發(fā)人員可以在自己的代碼中自己定義"plug-in"的模塊。這與原來的包含關系不同，ASP.NET可以加入自己定義的如何組件。網(wǎng)站程序的開發(fā)從來沒有這么簡單過。安全性基于Windows認證技術和每應用程序配置，你可以確保你的原程序是絕對安</p><p>　　其中最重要的一個技術就是ADO.NET，它是ASP.NET連接數(shù)據(jù)庫的橋梁。ADO.NET的名稱起源于ADO（ActiveX Da

39、ta Objects），這是一個廣泛的類組，用于在以往的Microsoft技術中訪問數(shù)據(jù)。之所以使用ADO.NET名稱，是因為Microsoft希望表明，這是在.NET編程環(huán)境中優(yōu)先使用的數(shù)據(jù)訪問接口。</p><p>　　它提供了平臺互用性和可伸縮的數(shù)據(jù)訪問。ADO.NET增強了對非連接編程模式的支持，并支持RICH XML.由于傳送的數(shù)據(jù)都是XML格式的，因此任何能夠讀取XML格式的應用程序都可以進行數(shù)據(jù)處理

40、。事實上，接受數(shù)據(jù)的組件不一定要是ADO .NET組件，它可以是基于一個Microsoft Visual Studio的解決方案，也可以是任何運行在其它平臺上的任何應用程序。 </p><p>　　ADO.NET是一組用于和數(shù)據(jù)源進行交互的面向?qū)ο箢悗?。通常情況下，數(shù)據(jù)源是數(shù)據(jù)庫，但它同樣也能夠是文本文件、Excel表格或者XML文件。 </p><p>　　ADO.NET允許和不同類型的

41、數(shù)據(jù)源以及數(shù)據(jù)庫進行交互。然而并沒有與此相關的一系列類來完成這樣的工作。因為不同的數(shù)據(jù)源采用不同的協(xié)議，所以對于不同的數(shù)據(jù)源必須采用相應的協(xié)議。一些老式的數(shù)據(jù)源使用ODBC協(xié)議，許多新的數(shù)據(jù)源使用OleDb協(xié)議，并且現(xiàn)在還不斷出現(xiàn)更多的數(shù)據(jù)源，這些數(shù)據(jù)源都可以通過.NET的ADO.NET類庫來進行連接。 </p><p>　　ADO.NET提供與數(shù)據(jù)源進行交互的相關的公共方法，但是對于不同的數(shù)據(jù)源采用一組不同的類

42、庫。這些類庫稱為Data Providers，并且通常是以與之交互的協(xié)議和數(shù)據(jù)源的類型來命名的。表1列處了一些常見的data providers，以及它們所使用的API前綴，和允許進行交互的數(shù)據(jù)源類型。</p><p><b>　　2.3開發(fā)工具介紹</b></p><p>　　2.3.1 Microsoft Visual Studio 2008</p>

43、<p>　　Visual Studio 是一套完整的開發(fā)工具集，用于生成 ASP.NET Web 應用程序、XML Web Services、桌面應用程序和移動應用程序。Visual Basic、Visual C++、Visual C# 和 Visual J# 全都使用相同的集成開發(fā)環(huán)境 （IDE），利用此 IDE 可以共享工具且有助于創(chuàng)建混合語言解決方案。另外，這些語言利用了 .NET Framework 的功能，通過此框

44、架可使用簡化 ASP Web 應用程序和 XML Web Services 開發(fā)的關鍵技術。</p><p>　　Microsoft Visual Studio 2008是面向Windows Vista、Office 2007、Web 2.0的下一代開發(fā)工具，代號“Orcas”，是對Visual Studio 2005一次及時、全面的升級。VS2008引入了250多個新特性，整合了對象、關系型數(shù)據(jù)、XML的訪問方

45、式，語言更加簡潔。使用Visual Studio 2008可以高效開發(fā)Windows應用。設計器中可以實時反映變更，XAML中智能感知功能可以提高開發(fā)效率。同時Visual Studio 2008支持項目模板、調(diào)試器和部署程序。Visual Studio 2008可以高效開發(fā)Web應用，集成了ASP.NET AJAX 1.0，包含ASP.NET AJAX項目模板，它還可以高效開發(fā)Office應用和Mobile應用。</p>

46、<p>　　2.3.2 Microsoft SQL Server 2005</p><p>　　SQL Server 是一個關系數(shù)據(jù)庫管理系統(tǒng)。它最初是由Microsoft、Sybase 和Ashton-Tate三家公司共同開發(fā)的，于1988 年推出了第一個OS/2 版本。在Windows NT 推出后，Microsoft與Sybase 在SQL Server 的開發(fā)上就分道揚鑣了，Microsoft

47、 將SQL Server 移植到Windows NT系統(tǒng)上，專注于開發(fā)推廣SQL Server 的Windows NT 版本。Sybase 則較專注于SQL Server在UNIX 操作系統(tǒng)上的應用。</p><p>　　SQL Server 2005 是一個全面的數(shù)據(jù)庫平臺，使用集成的商業(yè)智能 （BI） 工具提供了企業(yè)級的數(shù)據(jù)管理。SQL Server 2005 數(shù)據(jù)庫引擎為關系型數(shù)據(jù)和結(jié)構化數(shù)據(jù)提供了更安全可

48、靠的存儲功能，使您可以構建和管理用于業(yè)務的高可用和高性能的數(shù)據(jù)應用程序。</p><p>　　SQL Server 2005 數(shù)據(jù)引擎是本企業(yè)數(shù)據(jù)管理解決方案的核心。此外 SQL Server 2005 結(jié)合了分析、報表、集成和通知功能。這使您的企業(yè)可以構建和部署經(jīng)濟有效的 BI 解決方案，幫助您的團隊通過記分卡、Dashboard、Web services 和移動設備將數(shù)據(jù)應用推向業(yè)務的各個領域。</p&

49、gt;<p>　　與 Microsoft Visual Studio、Microsoft Office System 以及新的開發(fā)工具包（包括 Business Intelligence Development Studio）的緊密集成使 SQL Server 2005 與眾不同。無論您是開發(fā)人員、數(shù)據(jù)庫管理員、信息工作者還是決策者，SQL Server 2005 都可以為您提供創(chuàng)新的解決方案，幫助您從數(shù)據(jù)中更多地獲益。&

50、lt;/p><p>　　2.3.3 Adobe Dreamweaver CS4</p><p>　　Dreamweaver是美國Adobe公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。</p><p>　　Dreamweaver

51、、FLASH以及在DREAMWEAVER之后推出的針對專業(yè)網(wǎng)頁圖像設計的FIREWORKS，三者被Adobe公司稱為DREAMTEAM（夢之隊），足見市場的反響和Adobe公司對它們的自信。隨著互聯(lián)網(wǎng)（Internet） 的家喻戶曉，HTML技術的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點就是直觀性，使

52、用方便，容易上手，您在所見即所得網(wǎng)頁編輯器進行網(wǎng)頁制作和在WORD中進行文本編輯不會感到有什么區(qū)別。</p><p>　　2.3.4 Adobe Photoshop CS4</p><p>　　Photoshop是Adobe公司旗下最為出名的圖像處理軟件之一，集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體的圖形圖像處理軟件，深受廣大平面設計人員和電腦美術愛好者的喜愛。<

53、;/p><p>　　Adobe Photoshop CS4軟件通過更直觀的用戶體驗、更大的編輯自由度以及大幅提高的工作效率，使您能更輕松地使用其無與倫比的強大功能。</p><p>　　使用全新、順暢的縮放和遙攝可以定位到圖像的任何區(qū)域。借助全新的像素網(wǎng)格保持實現(xiàn)縮放到個別像素時的清晰度， 并以最高的放大率實現(xiàn)輕松編輯。通過創(chuàng)新的旋轉(zhuǎn)視圖工具隨意轉(zhuǎn)動畫布， 按任意角度實現(xiàn)無扭曲查看。</

54、p><p>　　3 系統(tǒng)的分析與設計</p><p>　　本章介紹了整個網(wǎng)絡購物系統(tǒng)的需求分析，以及系統(tǒng)的設計思想。</p><p><b>　　3.1需求分析</b></p><p>　　當今社會正處于網(wǎng)絡時代，信息化大潮席卷全球，網(wǎng)絡已經(jīng)延伸到社會的每個角落，上網(wǎng)已成為一種潮流。公司、組織、團體、個人都紛紛上網(wǎng)，建立自己

55、的主頁，在網(wǎng)上進行業(yè)務往來，網(wǎng)絡日益成為人們生活不可或缺的一部分。</p><p>　　電子商務的出現(xiàn)，即可以使消費者獲得優(yōu)質(zhì)的在線服務，又可以使商家獲得無限商機。隨著電子商務的發(fā)展，各種網(wǎng)絡購物系統(tǒng)也陸續(xù)出現(xiàn)，如阿里巴巴交易平臺、淘寶網(wǎng)，當當網(wǎng)等，這種借助互聯(lián)網(wǎng)實現(xiàn)個性化、自動化的商品交易，改變了企業(yè)的經(jīng)營模式、降低了經(jīng)營成本，同時也可以更好地建立和加強同客戶、合作伙伴之間的關系。</p><

56、;p>　　網(wǎng)絡電子平臺系統(tǒng)是一個網(wǎng)上交易平臺,是一個B2C的電子商務系統(tǒng)，它的核心是將銷售商為消費者提供的各類商品分別進行介紹、展示、更新以及為消費者提供優(yōu)質(zhì)的在線交易服務。</p><p>　　它主要實現(xiàn)網(wǎng)上查詢商品、購買商品、產(chǎn)生相應的訂單等功能的系統(tǒng)。用戶或者消費者通過網(wǎng)絡購物系統(tǒng)的用戶界面，可以瀏覽商品種類，每個商品大類中的列表以及每個商品的詳細信息。每個注冊用戶在瀏覽用戶界面時都自動配備一個購物車

57、，在瀏覽商品的過程中，如果消費者對某商品感興趣，則可以查看該商品的詳細信息，如價格、生產(chǎn)日期等。如果需要購買該商品，則可將其添加到用戶的購物車中，消費者可隨時查看購物車的狀況，購物活動完成后，消費者需要結(jié)賬并提交訂單，系統(tǒng)將用戶導向結(jié)賬向?qū)е校唵翁峤怀晒?，系統(tǒng)向消費者顯示提交成功和生成的訂單號。用戶可以隨時查詢自己已提交的訂單的狀態(tài)。用戶結(jié)賬時，系統(tǒng)可以檢查用戶是否處于登錄狀態(tài)。網(wǎng)絡購物系統(tǒng)還向系統(tǒng)管理員提供維護商品分類、商品信息、

58、訂單信息等接口。</p><p>　　用戶身份驗證：當用戶購買，或者修改自己的注冊信息，以及進行后臺操作時，都會提示用戶或者管理員輸入用戶口令和密碼，只有授權的用戶才能登陸系統(tǒng)進行相關操作。針對用戶和管理員，提供了不同的登錄界面以及不同的驗證過程，當?shù)顷懗晒?，分別將用戶和管理員導向前臺和后臺相對應的管理頁面。</p><p>　　商品信息查詢：用戶可以按多種方式瀏覽商品信息，系統(tǒng)需針對不

59、同的用戶提供不同的查詢方式。如：對于購買需求不明確的讀者，系統(tǒng)可以按商品分類，將商品信息呈現(xiàn)給用戶；而對于有明確需要商品的購買者，則可以通過全局搜索或者按商品分類搜索，找到自己需要的商品信息。</p><p>　　商品推薦：在首頁和每個分類的主頁面上提供了不同方式的商品推薦功能，分為幻燈推薦、普通推薦和銷售排行推薦，其中幻燈推薦和普通推薦是通過管理員在后臺為某商品設置推薦級別后呈現(xiàn)出來的，它們的位置比一般商品更醒

60、目，銷售排行根據(jù)每一商品的銷售情況，將這些商品按銷量從大到小排列起來的一種推薦方式。</p><p>　　購物車：系統(tǒng)提供購物車的功能，當某個用戶登錄系統(tǒng)后，則可以將自己需要購買的商品放入購物車，待所有商品都購買完成后，再統(tǒng)一生成訂單結(jié)賬。</p><p>　　系統(tǒng)維護：系統(tǒng)需為用戶和管理員提供各種管理功能，對于用戶，需提供訂單操作、收貨地址管理、修改個人信息等功能，對于管理員，需提供發(fā)布

61、商品、管理商品、訂單管理、增加員工、管理員工等功能。[3]</p><p><b>　　3.2可行性分析</b></p><p>　　網(wǎng)絡商品系統(tǒng)是面向整個社會的電子商務系統(tǒng)，所以需要搭配成熟的網(wǎng)絡環(huán)境，提供足夠大的帶寬。在特定環(huán)境下，本系統(tǒng)能夠滿足對于應用的需求。</p><p>　　由于系統(tǒng)是一個采用B/S結(jié)構的購物系統(tǒng)，因此，可以利用AS

62、P.NET開發(fā)平臺，利用.NET開發(fā)技術和采用采用Microsoft SQL Server 2005數(shù)據(jù)庫進行數(shù)據(jù)管理，實現(xiàn)網(wǎng)絡購物系統(tǒng)的各項功能。具體涉及的技術主要有：</p><p>　　采用用戶名和密碼機制進行安全登錄；</p><p>　　采用Microsoft公司的ASP.NET開發(fā)平臺，用C#語言進行開發(fā)；</p><p>　　網(wǎng)絡的工作原理及操作技術；

63、</p><p>　　Microsoft SQL Server 2005數(shù)據(jù)庫的各項操作；</p><p>　　WEB運行環(huán)境，特別是IIS的配置和安全設置。</p><p><b>　　3.3系統(tǒng)模塊設計</b></p><p>　　根據(jù)系統(tǒng)需求，從網(wǎng)絡購物系統(tǒng)不同參與者的角度，可以將系統(tǒng)功能分為前臺和后臺兩大功能模塊

64、。從用戶的角度出發(fā)，需要實現(xiàn)在線查詢商品信息和商品購買的功能；而從系統(tǒng)管理員的角度出發(fā)，需要實現(xiàn)系統(tǒng)的相關功能，如商品信息管理和訂單管理。因此，可以將系統(tǒng)分為兩個模塊，即前臺用戶模塊和后臺管理模塊。</p><p><b>　　前臺用戶模塊</b></p><p>　　用戶身份驗證：在進行商品購買時，用戶需要輸入用戶名和口令進行系統(tǒng)登錄，當用戶信息驗證承購后，才可以進

65、行相關購買。</p><p>　　用戶注冊：如果用戶尚未在系統(tǒng)中進行身份注冊，則系統(tǒng)可以為用戶提供注冊模塊，用戶輸入相關信息后，完成注冊過程，當該用戶購買時，即可以通過身份驗證模塊完成驗證過程。</p><p>　　商品信息查詢：用戶可以按商品分類的方式瀏覽商品信息，也可以按不同分類進行關鍵字搜索，找到自己需要的商品信息。</p><p>　　商品推薦：分為幻燈片形

66、式推薦和列表形式的推薦以及銷售排行推薦，在幻燈推薦部分，提供一個寬540像素，高230像素大小的幻燈片來展示商品；在列表推薦部分，將推薦的商品按3列的形式排列；在銷售排行推薦部分，根據(jù)銷量情況，銷量最高的排行第一，按銷量從多到少的順序排列。在首頁以及每一個商品大分類頁面中，都提供不同的幻燈推薦和列表推薦內(nèi)容，銷售排行也可以根據(jù)不同的分類，分別只顯示當前分類中的銷售情況。</p><p>　　用戶個人信息中心：當用

67、戶登錄系統(tǒng)后，該模塊可以為每一個用戶提供相對應的服務，包括訂單管理，可以對自己已經(jīng)購買的商品進行相關操作，如：付款、確認收貨等；收貨地址管理，每個用戶都可以登記多個收貨地址供自己選擇；修改個人信息，修改用戶自己的相關注冊信息，例如密碼、姓名、性別等。</p><p>　　購物車：購物車是系統(tǒng)提供的方便用戶進行商品購買的功能，當某個用戶登錄系統(tǒng)后，則可以將自己需要購買的商品放入購物車，待所有商品都購買完成后，再統(tǒng)一

68、生成訂單結(jié)賬。</p><p><b>　　后臺管理模塊</b></p><p>　　管理員身份驗證：在進行系統(tǒng)管理時，管理員首先需要輸入賬號和口令進行身份驗證，只有經(jīng)過授權的管理員才能登陸網(wǎng)絡商品系統(tǒng)進行系統(tǒng)管理。并且對于不同的身份級別，登陸系統(tǒng)后，只能進行相關的操作，控制權限得到很好的保障。</p><p>　　商品管理：管理員對系統(tǒng)中的所

69、有商品信息進行管理，包括商品發(fā)布，修改商品信息，刪除商品信息等。</p><p>　　訂單管理：管理員可以查看所有訂單的信息，對未處理的訂單進行處理，通知物流部門發(fā)貨，同時，也可以刪除指定的訂單信息。</p><p>　　員工管理：如果登陸的管理員屬于最終管理員，則可以利用此功能增加、修改、刪除員工信息，為員工指定不同的職能。</p><p>　　系統(tǒng)功能模塊圖如圖

70、3-1所示；</p><p>　　圖3-1 系統(tǒng)功能模塊</p><p><b>　　3.4系統(tǒng)流程設計</b></p><p>　　從用戶和管理員的不同角度出發(fā)，主要存在兩個流程，即用戶購買流程和管理員管理流程。</p><p>　　用戶購買流程如圖3-2所示；</p><p>　　管理員管理流

71、程如圖3-3所示；</p><p>　　圖3-2 用戶購買流程</p><p>　　圖3-3 管理員管理流程</p><p>　　3.5系統(tǒng)數(shù)據(jù)庫設計</p><p>　　3.5.1 數(shù)據(jù)庫設計原則 </p><p><b>　　真實性</b></p><p>　　任何應用

72、系統(tǒng)的設計，其實真實性占有非常重要的位置。所創(chuàng)建的數(shù)據(jù)庫系統(tǒng)，應該能非常詳實的反應出現(xiàn)實應用所涉及到的各種環(huán)節(jié)。只有切實地掌握了系統(tǒng)的運作程序、業(yè)務規(guī)劃，才能開發(fā)出真正能被使用的數(shù)據(jù)庫系統(tǒng)。因此，在數(shù)據(jù)庫設計的初期，對網(wǎng)絡購物系統(tǒng)的業(yè)務做了細致的調(diào)查，以確保數(shù)據(jù)庫的真實性。</p><p><b>　　適當冗余</b></p><p>　　對于任何系統(tǒng)來說，冗余性一般

73、都是不利的，因為它會不必要的占據(jù)系統(tǒng)資源，浪費存儲空間，減慢響應速度。而且它會給系統(tǒng)數(shù)據(jù)庫的一致性帶來潛在的威脅。本系統(tǒng)在對流程做了反復細致的分析后，多次精簡掉重復的不必要的冗余字段和冗余數(shù)據(jù)類型以及冗余的表，力求使數(shù)據(jù)庫系統(tǒng)在結(jié)構和性能上達到最優(yōu)。與此同時，為了保證查詢速度和程序的簡單些性，在數(shù)據(jù)庫中，并沒有完全清楚冗余。因為在某些場合下，適當?shù)?、有限度的冗余可以給系統(tǒng)帶來很高的執(zhí)行效率。</p><p>&l

74、t;b>　　簡單性</b></p><p>　　對于一個系統(tǒng)來說，過于復雜絕對不是有點。無論從數(shù)據(jù)庫的設計還是程序的編寫，簡單實用是非常重要的。一切都要以用戶和系統(tǒng)實際的要求為基礎，是系統(tǒng)結(jié)構達到最簡。這不但對于開發(fā)是必須的，對后期的維護和系統(tǒng)升級也是必須的。[4]</p><p>　　3.5.2 數(shù)據(jù)庫實體關系設計</p><p>　　經(jīng)過對系統(tǒng)

75、的仔細研究得出，網(wǎng)絡購物系統(tǒng)的業(yè)務實體包括會員、 管理員、收貨地址、商品大類、商品細分類、商品信息、訂單、已訂購商品 、購物車等。網(wǎng)絡商品系統(tǒng)ER圖如圖3-4所示。其中*代表0或多個，n代表1或多個。</p><p>　　圖3-4 網(wǎng)絡商品系統(tǒng)ER圖</p><p>　　3.5.3 數(shù)據(jù)表設計</p><p>　　本系統(tǒng)選用Microsoft SQL Server

76、2005作為后臺數(shù)據(jù)管理平臺。Microsoft SQL Server 2005是能同時支持多個并發(fā)用戶的關系型數(shù)據(jù)庫系統(tǒng)，它以其安全管理、數(shù)據(jù)庫復制、遠程服務、OLAP（在線分析處理）服務等功能深受用戶的青睞?；赟QL SERVER 2005的數(shù)據(jù)管理平臺，根據(jù)系統(tǒng)需求要建立9張數(shù)據(jù)表；[5]</p><p><b>　　會員表</b></p><p>　　會員表

77、包括用戶名ID、用戶名、密碼、姓名、Email、性別、生日7個字段名，其中，用于識別每個用戶的主鍵是用戶ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。</p><p><b>　　管理員表</b></p><p>　　管理員表包括管理員ID、管理員姓名、管理員密碼、管理員類別4個字段名，其中，

78、用于識別每個管理員的主鍵是管理員ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。對于不同級別的管理員，用不同的管理員類別字段值標識，其中，all代表最終管理員，它具有后臺的所有操作權限；book代表信息發(fā)布員，主要職責是發(fā)布商品信息和管理商品信息；order代表訂單管理員，主要負責訂單的相關處理工作。</p><p><b>　　

79、收貨地址表</b></p><p>　　收貨地址表包括收貨地址ID、用戶ID、收貨地址、收貨人姓名、郵編、電話6個字段名，其中，用于識別每個收貨地址的主鍵是收貨地址ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。將用戶ID字段設置為外鍵，用于將收貨地址信息和用戶信息相關聯(lián)起來，每一條收貨地址信息對應于一個用戶。</p>

80、;<p><b>　　商品大類表</b></p><p>　　商品大類表包括分類ID、分類名字2個字段名，其中，用于識別每個大分類的主鍵是分類ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。</p><p><b>　　商品細分類表</b></p>

81、<p>　　商品細分類表包括分類ID、分類名字、大類ID 3個字段名，其中，用于識別每個細分類的主鍵是分類ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。將大類ID字段設置為外鍵，用于將商品細分類和商品大類相關聯(lián)起來，每一個細分類對應于一個大類，每個大類下可以有多個細分類。</p><p><b>　　商品信息表&l

82、t;/b></p><p>　　商品信息表包括商品ID、商品名字、商品圖片、商品縮略圖、商品幻燈圖、廠家、生產(chǎn)地、生產(chǎn)日期、批次、重量、類別、ISBN 、分類、價格、商品介紹、廠家介紹、商品目錄、推薦級別、購買次數(shù)、剩余數(shù)量20個字段名，其中，用于識別每個商品的主鍵是商品ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。將細分類ID字段

83、設置為外鍵，用于將商品信息和商品細分類相關聯(lián)起來，每一商品對應于一個細分類，每個細分類下可以有多個商品，這樣更方便用戶購買商品。其中推薦級別字段根據(jù)字段值的不同，將商品推薦至不同的位置，普通表示放于一般的列表中，推薦表示放于每個欄目的推薦位置，幻燈表示放于每個欄目的幻燈推薦位置，頭條推薦表示放于首頁的推薦位置，頭條幻燈表示放于首頁的幻燈推薦位置[6]。</p><p><b>　　訂單表</b&g

84、t;</p><p>　　訂單表包括訂單ID、用戶ID、收貨地址ID、下單時間、訂購狀態(tài)、物流狀態(tài)、物流公司、訂單總金額、操作9個字段名，其中，用于識別每個訂單的主鍵是訂單ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。將用戶ID字段、收貨地址ID字段設置為外鍵，用戶ID字段用于將訂單和用戶相關聯(lián)起來，每一個訂單對應于一個用戶，每個用戶可以

85、擁有多個訂單，收貨地址ID字段用于將訂單和收貨地址關聯(lián)起來，每一個訂單擁有一個收貨地址。其中訂購狀態(tài)、物流狀態(tài)、操作三個字段都有特定的幾種取值，用于表示訂單當前的各種狀態(tài)。</p><p><b>　　已訂購商品表</b></p><p>　　已訂購商品表包括訂購ID、商品ID、訂單ID 3個字段名，其中，用于識別已訂購商品的主鍵是訂購ID字段，該字段設置為標識，標

86、識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。將商品ID字段、訂單ID字段設置為外鍵，商品ID字段用于將已訂購商品和商品信息相關聯(lián)起來，訂單ID字段用于將已訂購商品和訂單關聯(lián)起來。</p><p><b>　　購物車表</b></p><p>　　已訂購商品表包括物品ID、商品ID、會員ID 3個字段名，其中，用于識別購

87、物車中數(shù)據(jù)的主鍵是物品ID字段，該字段設置為標識，標識增量為1，默認從1開始，也就是ID字段的值是默認從1開始，每增加一條記錄，ID值就自加1。將商品ID字段、會員ID字段設置為外鍵，商品ID字段用于將購物車中的商品信息相關聯(lián)起來，會員ID字段用于將購物車和用戶關聯(lián)起來。</p><p><b>　　4 系統(tǒng)的詳細開發(fā)</b></p><p>　　本章介紹了整個網(wǎng)絡購

88、物系統(tǒng)的詳細開發(fā)過程，完成系統(tǒng)主要功能的實現(xiàn)。</p><p>　　4.1數(shù)據(jù)庫的建立與連接</p><p>　　4.1.1 建立數(shù)據(jù)庫</p><p>　　設置SQL Server 2005遠程訪問</p><p>　　安裝好Microsoft SQL Server 2005后，打開 SQL Server 外圍應用配置器，點擊 服務和連接的

89、外圍應用配置器，如圖4-1所示：</p><p>　　圖4-1 服務和連接的外圍應用配置器</p><p>　　在左邊的窗口中選擇“遠程連接”，然后再選中“本地連接和遠程連接”和“同時使用TCP/IP和named pipes”，到此SQL Server 2005設置完畢</p><p><b>　　新建數(shù)據(jù)庫</b></p>&l

90、t;p>　　打開SQL Server Management Studio，在左邊窗口的“數(shù)據(jù)庫”上點擊右鍵，“新建數(shù)據(jù)庫”，建立一個名為“BookShop”的數(shù)據(jù)庫。按照前一章數(shù)據(jù)庫的設計思想建立數(shù)據(jù)表，建立好后的數(shù)據(jù)庫如圖4-2所示：</p><p>　　圖4-2 數(shù)據(jù)庫建立完成</p><p>　　4.1.2 連接數(shù)據(jù)庫</p><p>　　本系統(tǒng)采用AD

91、O.NET技術連接數(shù)據(jù)庫，ADO.NET是一組用于和數(shù)據(jù)源進行交互的面向?qū)ο箢悗臁３Ｓ玫腁DO.NET對象如下：</p><p>　　SqlConnection 對象</p><p>　　和數(shù)據(jù)庫交互，必須連接它。連接指明數(shù)據(jù)庫服務器、數(shù)據(jù)庫名字、用戶名、密碼，和連接數(shù)據(jù)庫所需要的其它參數(shù)。connection對象會被command對象使用，這樣就能夠知道是在哪個數(shù)據(jù)庫上面執(zhí)行命令。[7]

92、 </p><p>　　與數(shù)據(jù)庫交互的過程意味著你必須指明想要發(fā)生的操作。這是依靠command對象執(zhí)行的。你使用command對象來發(fā)送SQL語句給數(shù)據(jù)庫。command對象使用connection對象來指出與哪個數(shù)據(jù)庫進行連接。你能夠單獨使用command對象來直接執(zhí)行命令，或者將一個command對象的引用傳遞給SqlDataAdapter，它保存了一組能夠操作下面描述的一組數(shù)據(jù)的命令。 </p>

93、;<p><b>　　COMMAND對象</b></p><p>　　成功于數(shù)據(jù)建立連接后，就可以用COMMAND對像來執(zhí)行查詢，修改，插入，刪除等命令； COMMAND對像常用的方法有ExecuteReader方法，ExcrteScalar（）方法和ExecuteNonQuery（）方法；插入數(shù)據(jù)可用ExecuteNOnQuery（）方法來執(zhí)行插入命令。</p>

94、<p>　　sqlDataReader對象 </p><p>　　許多數(shù)據(jù)操作要求讀取一串數(shù)據(jù)。data reader對象允許獲得從command對象的SELECT語句得到的結(jié)果?？紤]性能的因素，從data reader返回的數(shù)據(jù)都是快速的且只是“向前”的數(shù)據(jù)流，只能按照一定的順序從數(shù)據(jù)流中取出數(shù)據(jù)。</p><p>　　DataSet對象 </p><p&

95、gt;　　DataSet對象是數(shù)據(jù)在內(nèi)存中的表示形式。它包括多個DataTable對象，而DataTable包含列和行，就象一個普通的數(shù)據(jù)庫中的表?？梢远x表之間的關系來創(chuàng)建主從關系（parent-child relationships）。DataSet是被所有Data Providers使用的對象，它不像Data Provider一樣需要特別的前綴。 </p><p>　　SqlDataAdapter對象 &l

96、t;/p><p>　　當在一單批次的對數(shù)據(jù)庫的讀寫操作的持續(xù)的改變返回至數(shù)據(jù)庫的時候，Data adapter 填充（fill）DataSet對象。data adapter包含對連接對象以及當對數(shù)據(jù)庫進行讀取或者寫入的時候自動的打開或者關閉連接的引用。data adapter包含對數(shù)據(jù)的SELECT，INSERT，UPDATE和DELETE操作的command對象引用。</p><p>　　W

97、eb.config是Visual Studio.NET為創(chuàng)建的Web應用程序項目提供的一個默認文件，用來設置一些公共的屬性信息，如數(shù)據(jù)庫連接、網(wǎng)頁文字顯示的編碼等，這樣無需重新編譯應用程序就可以更新應用程序的某些屬性。當把系統(tǒng)遷移到一個不同的服務器時，只需修改Web.config文件中的相關配置信息，便可適應新的服務器的要求。</p><p>　　4.2系統(tǒng)主要模塊設計及其代碼</p><p&

98、gt;　　4.2.1 頁面布局與設計</p><p>　　網(wǎng)頁中頁面的風格至關重要，它要符合頁面的內(nèi)容及所要表達的主題。網(wǎng)絡購物系統(tǒng)的主題定為用戶與購物系統(tǒng)進行交互的平臺、向用戶實時提供有關購物系統(tǒng)的各種動態(tài)信息，應著重突出其文化氛圍。為此，本系統(tǒng)采用“網(wǎng)絡物城”作為系統(tǒng)的名字。</p><p>　　網(wǎng)絡購物系統(tǒng)，是為了向用戶提供一個方便、快捷的購物平臺，因此主頁中必須包含會員注冊、登陸、

99、商品推薦、商品搜索、購物車、幫助等信息。</p><p>　　為了便于日后欄目的增加，要考慮到主頁的可擴充性。整個系統(tǒng)的WEB頁面都采用了DIV+CSS的布局方式，這樣設計出來的網(wǎng)頁更加靈活，可擴展性更高。</p><p>　　系統(tǒng)首頁如圖4-1. </p><p><b>　　圖4-1 系統(tǒng)首頁</b></p><p>

100、;　　以下是部分CSS布局代碼：</p><p>　　a:link{ text-decoration:none; color:Black;}</p><p>　　a:visited{ text-decoration:none; color:Black;}</p><p>　　a:hover{ text-decoration:underline; color:Red;

101、}</p><p>　　.content{width:930px;height:auto;margin-right: auto;margin-left: auto;}</p><p>　　.header{width:930px;}</p><p>　　.logo{width:220px;height:50px;float:left;background-i

102、mage:url(logo.jpg);</p><p>　　margin-top: 8px;margin-left: 10px;display:inline;}</p><p>　　/*會員登陸、注冊*/</p><p>　　.member{width:440px;height:20px;float:left;margin-left:10px;marg

103、in-top: 40px;display:inline;font-size: 12px;}</p><p>　　/*頭部右上角 我的商城，購物車，幫助中心*/</p><p>　　.head_right_top{width:220px;float:right;margin-top: 10px;</p><p>　　font-size: 12px;text

104、-align: right;display: inline;}</p><p>　　.daohang{width:930px;float:left;background-color:#F4F4F4;border-bottom-width: 1px;border-bottom-style: solid;</p><p>　　border-bottom-color: #CCC;}&

105、lt;/p><p>　　.search{width:400px;height:23px;float:left;background-color: #FFF;</p><p>　　margin-left: 10px;margin-top: 8px;display: inline;}</p><p>　　.search_leibie{width:220px;

106、height:25px;float:left;background-color: #FFF;margin-left: 10px;margin-top: 8px;display: inline;}</p><p>　　.search_buttom{width:118px;height:25px;float:left;margin-left: 10px;margin-top: 8px;displ

107、ay: inline;background-image: url(search_bg.jpg);font-size: 14px;color: #FFF;text-align: center;</p><p>　　line-height: 25px;}</p><p>　　.daohang_xiantiao{width:930px;float:left;height: 2px;

108、</p><p>　　background-image: url(daohang_xiantiao.jpg);margin-top: 10px;</p><p>　　overflow: hidden;display: inline;}</p><p>　　.daohang_anniu{width:100px;height:28px;float:left;&