網(wǎng)上數(shù)碼商城設(shè)計(jì)方案

1、.網(wǎng)上數(shù)碼商城摘 要 21世紀(jì)，網(wǎng)絡(luò)的普及和高速發(fā)展,讓網(wǎng)上購(gòu)物也成為一個(gè)潮流，越來(lái)越多的電子商務(wù)平臺(tái)大量涌現(xiàn)，當(dāng)前，網(wǎng)絡(luò)化和全球化已成為不可抗拒的世界潮流。伴隨著網(wǎng)絡(luò)技術(shù)的迅速發(fā)展，信息的處理和傳遞突破了時(shí)間和地域的局限，信息作為一項(xiàng)產(chǎn)業(yè)也隨之得到迅速發(fā)展。它對(duì)數(shù)碼家電產(chǎn)品生產(chǎn)、銷(xiāo)售領(lǐng)域產(chǎn)生的影響也是顯而易見(jiàn)的。同時(shí)隨著我國(guó)電子商務(wù)建設(shè)的不斷完善和人們對(duì)電子商務(wù)的不斷熟習(xí)，越來(lái)越多的生產(chǎn)銷(xiāo)售商通過(guò)網(wǎng)站銷(xiāo)售商品，越來(lái)越多的消費(fèi)者通過(guò)網(wǎng)站購(gòu)買(mǎi)商品。網(wǎng)上數(shù)碼家電商城建設(shè)就是為了滿(mǎn)足生產(chǎn)銷(xiāo)售商和消費(fèi)者各自需要而生產(chǎn)的。 本文首先介紹了在線(xiàn)購(gòu)物系統(tǒng)的現(xiàn)狀及開(kāi)發(fā)的可行性，然后論述了系統(tǒng)的設(shè)計(jì)目的，系統(tǒng)需

2、求和概要設(shè)計(jì)方案，較詳細(xì)的論述了系統(tǒng)的需求分析、概要設(shè)計(jì)和數(shù)據(jù)庫(kù)的設(shè)計(jì)，以及系統(tǒng)的實(shí)現(xiàn)。最后，本文對(duì)在線(xiàn)購(gòu)物系統(tǒng)進(jìn)行了總結(jié)。 在線(xiàn)購(gòu)物系統(tǒng)主要為用戶(hù)提供在線(xiàn)查看產(chǎn)品，在線(xiàn)購(gòu)買(mǎi)商品等功能，為管理員提供了添加、刪除、修改產(chǎn)品信息，用戶(hù)信息，管理員以及定單信息等功能。在設(shè)計(jì)方面，本系統(tǒng)采用B/S二層結(jié)構(gòu)，實(shí)現(xiàn)使用C#代碼與SQL2005進(jìn)行連接，在A(yíng)SP中使用CSS+DIV進(jìn)行對(duì)頁(yè)面的布局。 【關(guān)鍵詞】: B/S結(jié)構(gòu)、C#、ASP、SQL2005、CSS、DIV目錄摘 要1第1章引言21.1在線(xiàn)購(gòu)物系統(tǒng)的可行性分析31.2 在線(xiàn)購(gòu)物系統(tǒng)的現(xiàn)狀31.3 在線(xiàn)購(gòu)物系統(tǒng)設(shè)計(jì)的目的41.4 在線(xiàn)購(gòu)物系統(tǒng)的設(shè)

3、計(jì)的意義4第2章 在線(xiàn)購(gòu)物系統(tǒng)的需求分析42.1 緒論4圖2-1系統(tǒng)結(jié)構(gòu)圖52.2 任務(wù)概述62.2.1 功能說(shuō)明62.2.2 運(yùn)行環(huán)境7第3章 在線(xiàn)購(gòu)物系統(tǒng)的概要設(shè)計(jì)83.1 概述83.2 系統(tǒng)流程圖及功能分解10第4章 數(shù)據(jù)庫(kù)設(shè)計(jì)114.1 數(shù)據(jù)庫(kù)設(shè)計(jì)的目的114.2 模塊描述134.3 數(shù)據(jù)字典164.3 數(shù)據(jù)及數(shù)據(jù)庫(kù)的描述16第五章 詳細(xì)設(shè)計(jì)185.1母板界面代碼19圖5-1：母板界面圖215.2會(huì)員登錄代碼21圖5-3：登陸界面圖245.3首頁(yè)25圖5-3：首頁(yè)界面圖25第5章 總結(jié)26致 謝27參考文獻(xiàn)28第1章 引言隨著互連網(wǎng)的快速發(fā)展和普及,電子商務(wù)網(wǎng)站大量涌現(xiàn),網(wǎng)上銷(xiāo)售和網(wǎng)上

4、購(gòu)物以其便捷性正被越來(lái)越多的人接受。網(wǎng)上購(gòu)物系統(tǒng)是一種具有交互功能的B2C類(lèi)型的電子商務(wù)的網(wǎng)站,它可以在網(wǎng)上建立一個(gè)虛擬的購(gòu)物商店,是購(gòu)物過(guò)程便得更加輕松,快捷,方便。在線(xiàn)購(gòu)物系統(tǒng)作為B2B,B2C（Business to Customer,即企業(yè)對(duì)消費(fèi)者），C2C（Customer to Customer,即消費(fèi)者對(duì)消費(fèi)者)電子商務(wù)的前端商務(wù)平臺(tái),在其商務(wù)活動(dòng)全過(guò)程中起著舉足輕重的作用。本文主要考慮的是如何建設(shè)B2C的在線(xiàn)購(gòu)物系統(tǒng)。在線(xiàn)購(gòu)物是一種具有交互功能的商業(yè)信息系統(tǒng)。它向用戶(hù)提供靜態(tài)和動(dòng)態(tài)兩類(lèi)信息資源。所謂靜態(tài)信息是指那些比經(jīng)常變動(dòng)或更新的資源，如公司簡(jiǎn)介、管理規(guī)范和公司制度等等；動(dòng)態(tài)

5、信息是指隨時(shí)變化的信息，如商品報(bào)價(jià)，會(huì)議安排和培訓(xùn)信息等。在線(xiàn)購(gòu)物系統(tǒng)具有強(qiáng)大的交互功能，可使商家和用戶(hù)方便的傳遞信息，完成電子貿(mào)易或EDI交易。這種全新的交易方式實(shí)現(xiàn)了公司間文檔與資金的無(wú)紙化交換。1.1 在線(xiàn)購(gòu)物系統(tǒng)的可行性分析由于現(xiàn)在大量的電子商務(wù)的發(fā)展，網(wǎng)上銷(xiāo)售和網(wǎng)上購(gòu)物越來(lái)越多。因而通過(guò)使用動(dòng)態(tài)和靜態(tài)結(jié)合的方式實(shí)現(xiàn)的網(wǎng)上數(shù)碼產(chǎn)品，不但解決了高訪(fǎng)問(wèn)量的負(fù)擔(dān)問(wèn)題和自動(dòng)化水平問(wèn)題，同時(shí)也解決了安全問(wèn)題。使我們能夠全身心的投入到網(wǎng)站的運(yùn)營(yíng)上去。另外，通過(guò)使用全面的統(tǒng)計(jì)系統(tǒng)，使我們能夠準(zhǔn)確的得到各個(gè)欄目和頁(yè)面訪(fǎng)問(wèn)情況，從而加以調(diào)整。更使我們?cè)u(píng)價(jià)編輯的工作有了一個(gè)科學(xué)、合理和有說(shuō)服力的依據(jù)。1.

6、2 在線(xiàn)購(gòu)物系統(tǒng)的現(xiàn)狀網(wǎng)絡(luò)數(shù)據(jù)庫(kù)有兩種模式：一類(lèi)是Client/Server（客戶(hù)機(jī)/服務(wù)器）模式；另外一類(lèi)就是Browser/Server（瀏覽器/服務(wù)器）模式，也叫基于Web的網(wǎng)絡(luò)數(shù)據(jù)庫(kù)應(yīng)用模式，典型的例子是在互聯(lián)網(wǎng)上訂票、購(gòu)物等使用的數(shù)據(jù)庫(kù)系統(tǒng)。這種B/S模式的數(shù)據(jù)庫(kù)系統(tǒng)無(wú)須在每臺(tái)計(jì)算機(jī)上安裝專(zhuān)門(mén)的軟件，利用Windows系列操作系統(tǒng)自帶的IE或免費(fèi)的Netscape等瀏覽器軟件按照Web頁(yè)面的方式存取后臺(tái)數(shù)據(jù)庫(kù)服務(wù)器的數(shù)據(jù)，面向的是不特定的用戶(hù)，主要是基于Internet/Intranet應(yīng)用，客戶(hù)機(jī)無(wú)須維護(hù)和升級(jí)。目前流行的開(kāi)發(fā)基于Web的網(wǎng)絡(luò)數(shù)據(jù)庫(kù)系統(tǒng)主要有三種解決方案：PHP，A

7、SP和JSP，但本系統(tǒng)采用ASP模式。ASP（Active Server Pages）是一種服務(wù)器端腳本程序的執(zhí)行環(huán)境。ASP是獨(dú)立于語(yǔ)言的。理論上講，任何支持組件和對(duì)象的語(yǔ)言都可以用來(lái)開(kāi)發(fā)ASP程序，前提是具有該語(yǔ)言相對(duì)應(yīng)的解釋器。ASP內(nèi)置了VBScript和JScript兩種腳本程序的解釋器。ASP提供了豐富的對(duì)象來(lái)進(jìn)行Web服務(wù)器端程序的開(kāi)發(fā)，利用腳本語(yǔ)言就可以控制這些對(duì)象來(lái)處理Web程序設(shè)計(jì)中需要解決的大多數(shù)問(wèn)題。通過(guò)ASP可以輕松地使用可用的COM組件，這是ASP具有十分強(qiáng)大的功能。可以說(shuō)，它就像一座熔爐，可以把傳統(tǒng)的HTML、客戶(hù)端腳本、服務(wù)端Script代碼和COM組件組合成功

8、能強(qiáng)大的Web應(yīng)用程序。ASP有著以下特點(diǎn)：第一，運(yùn)行在服務(wù)端。在服務(wù)端生成HTML代碼，并可以接受和處理客戶(hù)端提交的數(shù)據(jù)，然后將結(jié)果返回到客戶(hù)端。因此，ASP可以生成動(dòng)態(tài)的交互式的網(wǎng)頁(yè)，并使Web程序能夠充分地利用服務(wù)器端豐富的資源和服務(wù)，訪(fǎng)問(wèn)數(shù)據(jù)庫(kù)，處理郵件。第二，使用VBScript和Jscript等簡(jiǎn)單的腳本語(yǔ)言編寫(xiě)。也就是說(shuō)，編寫(xiě)好的ASP文件是一個(gè)以*.asp命名的文本文件，形式上和HTML文件十分相似，只是在Web服務(wù)器處理不同，程序的管理、維護(hù)和修改很方便。第三，內(nèi)置功能強(qiáng)大的對(duì)象和組件。這是開(kāi)發(fā)人員能夠利用它們快速地建立功能強(qiáng)大的Web應(yīng)用程序。第四，與Microsoft強(qiáng)大

9、的COM組件技術(shù)精密結(jié)合，使ASP具有無(wú)窮的擴(kuò)充性和良好的可重用性。但ASP技術(shù)也并非完美無(wú)缺，由于它基本上是局限于微軟的操作系統(tǒng)平臺(tái)，主要的工作環(huán)境是微軟的IIS，又因ActiveX對(duì)象具有平臺(tái)特性，所以ASP要實(shí)現(xiàn)在跨平臺(tái)Web服務(wù)器上工作是比較困難的。IIS是Internet Information Server的英文簡(jiǎn)稱(chēng)，譯為因特網(wǎng)信息服務(wù)器，是微軟發(fā)布的、主要用于Windows系列操作系統(tǒng)的Web服務(wù)器軟件。IIS提供WWW服務(wù)器、FTP服務(wù)器和Gopher服務(wù)器。1.3 在線(xiàn)購(gòu)物系統(tǒng)設(shè)計(jì)的目的 由于網(wǎng)絡(luò)經(jīng)濟(jì)的崛起，為了加強(qiáng)的競(jìng)爭(zhēng)力與拓展業(yè)務(wù)的需要，所以探討并建立網(wǎng)上電子商務(wù)網(wǎng)站系統(tǒng)

10、。讓用戶(hù)購(gòu)物過(guò)程便得更加輕松,快捷,方便。1.4 在線(xiàn)購(gòu)物系統(tǒng)的設(shè)計(jì)的意義該項(xiàng)目直接面向所有消費(fèi)者，購(gòu)物形式和在外購(gòu)物一樣，都提供大量的貨物商品，用戶(hù)可以注冊(cè)會(huì)員，是會(huì)員后瀏覽挑選商品，然后下訂單，雙方確認(rèn)后付款交貨，完成交易。讓用戶(hù)不出門(mén)也可以購(gòu)買(mǎi)自己喜歡的商品。第2章 在線(xiàn)購(gòu)物系統(tǒng)的需求分析2.1 緒論網(wǎng)上數(shù)碼商城分為兩部份，前臺(tái)模塊和后臺(tái)模塊。前臺(tái)模塊主要是瀏覽者瀏覽商品內(nèi)容、注冊(cè)會(huì)員、會(huì)員登錄、會(huì)員購(gòu)買(mǎi)商品、會(huì)員查看商品信息等。后臺(tái)模塊主要是對(duì)商品管理（添加商品、刪除商品、修改商品信息）、管理員管理（添加管理員、刪除管理員、查看會(huì)員信息、刪除會(huì)員）、定單管理（查看定單詳細(xì)信息）。根據(jù)需

11、求分析，系統(tǒng)結(jié)構(gòu)圖以及功能流程圖，如下面圖，圖：圖2-1系統(tǒng)結(jié)構(gòu)圖網(wǎng)上購(gòu)物網(wǎng)站商品瀏覽購(gòu)物注冊(cè)管理員商品分類(lèi)商品查詢(xún)購(gòu)物車(chē)清空購(gòu)物更改購(gòu)物生成訂單商品瀏覽商品修改商品添加商品刪除圖2-2 功能流程圖此系統(tǒng)可以實(shí)現(xiàn)以下功能：（1）系統(tǒng)支持SQL Server數(shù)據(jù)庫(kù)，即裝即用。（2）可以在線(xiàn)添加、刪除、修改商品；（3）注冊(cè)用戶(hù)、商品信息的輕松維護(hù)；（4）用戶(hù)免費(fèi)注冊(cè)及用戶(hù)信息修改功能；（5）購(gòu)物流程簡(jiǎn)單快捷；（6）商品呢搜索功能，使您更快捷地查找到您所要的商品信息；（7）面向消費(fèi)者的訂單查詢(xún)功能；（8）界面友好，可以根據(jù)用戶(hù)需要定制界面；2.2 任務(wù)概述 對(duì)整個(gè)系統(tǒng)的功能進(jìn)行概述：會(huì)員管理、商品展

12、示、購(gòu)物車(chē)、后臺(tái)管理等功能進(jìn)行敘述。2.2.1 功能說(shuō)明該在線(xiàn)購(gòu)物系統(tǒng)分兩部分，前臺(tái)功能（用戶(hù)模塊），后臺(tái)功能（管理員模塊）。前臺(tái)部分包括如下模塊：會(huì)員管理、商品展示、購(gòu)物車(chē)、歷史訂單。后臺(tái)功能包括如下模塊：修改商品資料、會(huì)員管理、查看訂單。數(shù)據(jù)庫(kù)采用SQL2005。1、用戶(hù)模塊：(1)會(huì)員管理會(huì)員進(jìn)行注冊(cè)，并可修改自己的信息以及實(shí)行會(huì)員登錄。(2)商品展示 察看商品列表，商品搜索以及商品的選購(gòu)。(3)購(gòu)物車(chē)查看購(gòu)物車(chē)，修改商品數(shù)量，確認(rèn)購(gòu)買(mǎi)，查詢(xún)消費(fèi)記錄。2、管理員模塊：（1）修改商品信息：1）增加產(chǎn)品（為某個(gè)分類(lèi)增加產(chǎn)品，包括產(chǎn)品基本信息，圖片，介紹，廠(chǎng)家地址等。2）修改/刪除產(chǎn)品（包括產(chǎn)

13、品分類(lèi)，基本信息，圖片，介紹，廠(chǎng)家地址等）。（2）對(duì)會(huì)員進(jìn)行管理：1）修改/刪除會(huì)員。2）修改用戶(hù)的權(quán)限。（2）查看訂單：1）查看訂單。2.2.2 運(yùn)行環(huán)境目前，網(wǎng)絡(luò)應(yīng)用軟件運(yùn)行的模式主要有二類(lèi)：Client/server模式，Browser/Web模式。前者主要的缺點(diǎn)是維護(hù)、升級(jí)較麻煩，后者是近幾年伴隨Internet迅速發(fā)展起來(lái)的一種技術(shù)，它與客戶(hù)/服務(wù)器方式類(lèi)似，客戶(hù)端是一個(gè)標(biāo)準(zhǔn)的瀏覽器，服務(wù)器端是Web Server ，而Web Server與數(shù)據(jù)庫(kù)和應(yīng)用服務(wù)器的緊密結(jié)合，使得這種模式的應(yīng)用范圍不斷擴(kuò)大，它已不僅僅用于在線(xiàn)查詢(xún)，有很多部門(mén)的業(yè)務(wù)系統(tǒng)、企業(yè)的MIS系統(tǒng)紛紛采用這種模式，它

14、的主要優(yōu)點(diǎn)是便于擴(kuò)充應(yīng)用、升級(jí)維護(hù)簡(jiǎn)便。另外，在線(xiàn)購(gòu)物系統(tǒng)的軟件也必將不斷的更新；同時(shí)軟件產(chǎn)品本身就要經(jīng)過(guò)一個(gè)不斷自我完善的過(guò)程。基于上述考慮，用Browser/Web模式來(lái)設(shè)計(jì)在線(xiàn)購(gòu)物系統(tǒng)比較合適，服務(wù)器端我們采用SQL數(shù)據(jù)庫(kù)系統(tǒng)和ASP技術(shù)來(lái)構(gòu)成購(gòu)物的應(yīng)用服務(wù)系統(tǒng)；客戶(hù)端采用瀏覽器來(lái)完成購(gòu)物全過(guò)程，同時(shí)可進(jìn)行遠(yuǎn)程系統(tǒng)維護(hù)和管理。利用網(wǎng)絡(luò)和數(shù)據(jù)庫(kù)技術(shù)，結(jié)合目前硬件價(jià)格普遍下跌與寬帶網(wǎng)大力建設(shè)的有利優(yōu)勢(shì)，我開(kāi)發(fā)了基于B/S模式多用戶(hù)在線(xiàn)購(gòu)物系統(tǒng)這一程序。它運(yùn)用方便、操作簡(jiǎn)單，效率很高（但是，它要求計(jì)算機(jī)配置并不高）。實(shí)現(xiàn)了會(huì)員管理，商品展示，購(gòu)物車(chē)，后臺(tái)管理。ASP是一種服務(wù)器端腳本程序的執(zhí)行

15、環(huán)境。ASP是獨(dú)立于語(yǔ)言的。理論上講，任何支持組件和對(duì)象的語(yǔ)言都可以用來(lái)開(kāi)發(fā)ASP程序，前提是具有該語(yǔ)言相對(duì)應(yīng)的解釋器。ASP提供了豐富的對(duì)象來(lái)進(jìn)行Web服務(wù)器端程序的開(kāi)發(fā)，利用腳本語(yǔ)言就可以控制這些對(duì)象來(lái)處理Web程序設(shè)計(jì)中需要解決的大多數(shù)問(wèn)題。通過(guò)ASP可以輕松地使用可用的COM組件，這是ASP具有十分強(qiáng)大的功能?？梢哉f(shuō)，它就像一座熔爐，可以把傳統(tǒng)的HTML、客戶(hù)端腳本、服務(wù)端Script代碼和COM組件組合成功能強(qiáng)大的Web應(yīng)用程序。（1）服務(wù)器：中英文Windows / 2000server/ NTserver/及XPserver建議配置：CPU：奔騰III1000Mhz內(nèi)存：512M

16、B顯示卡：SVGA，16K色以上顯示模式硬盤(pán)： 20GB驅(qū)動(dòng)器：50倍速CD-ROM以上其它設(shè)備：鼠標(biāo)器，刻錄機(jī)，磁帶機(jī)，UPS（2）客戶(hù)端：中英文Windows95/98/98/2000/NT/XP 建議配置：CPU：奔騰III500或更高內(nèi)存：256MB以上顯示卡：SVGA，16K色以上顯示模式硬盤(pán)：20GB驅(qū)動(dòng)器：50倍速CD-ROM以上其它設(shè)備：鼠標(biāo)器，UPS第3章 在線(xiàn)購(gòu)物系統(tǒng)的概要設(shè)計(jì)3.1 概述 本節(jié)概要設(shè)計(jì)是為了開(kāi)發(fā)在線(xiàn)系統(tǒng)功能設(shè)計(jì)的，主要面向系統(tǒng)分析員、程序員、測(cè)試員、實(shí)施員和最終用戶(hù)。它對(duì)以后階段的工作起指導(dǎo)作用。本文也是項(xiàng)目完成后系統(tǒng)驗(yàn)收的依據(jù)。同時(shí)本說(shuō)明書(shū)還是用戶(hù)手冊(cè)指

17、導(dǎo)說(shuō)明書(shū)。明確用戶(hù)對(duì)在購(gòu)物管理系統(tǒng)的功能需求和性能需求，并將這些需求用規(guī)范化的語(yǔ)言和規(guī)范化的結(jié)構(gòu)完整、準(zhǔn)確地表達(dá)清楚，以此統(tǒng)一軟件開(kāi)發(fā)者和用戶(hù)對(duì)該在線(xiàn)購(gòu)物管理軟件系統(tǒng)的理解和認(rèn)識(shí)。這是開(kāi)發(fā)該在線(xiàn)購(gòu)物管理系統(tǒng)的基礎(chǔ)。編寫(xiě)概要設(shè)計(jì)的目的就在于此。完整在線(xiàn)購(gòu)物流程：第一步：瀏覽商品如果有你選中的商品請(qǐng)先放入購(gòu)物車(chē)，沒(méi)有會(huì)員登錄則提示登錄會(huì)員。第二步：添加商品到購(gòu)物車(chē)當(dāng)會(huì)員登錄后，單擊商品的購(gòu)買(mǎi)按鈕，就可將商品添加到會(huì)員的購(gòu)物車(chē)中。第三步： 查看購(gòu)物車(chē)單擊查看購(gòu)物車(chē)按鈕進(jìn)入購(gòu)物車(chē)頁(yè)面可以看到用戶(hù)選購(gòu)的商品。第四步 去收銀臺(tái)收貨信息必須認(rèn)真、如實(shí)地填寫(xiě)。因收貨信息填寫(xiě)錯(cuò)誤，而導(dǎo)致的一切后果，本商城概不負(fù)

18、責(zé)，如果因此需要重新發(fā)貨，則用戶(hù)必須支付相應(yīng)的配送費(fèi)。 第五步 提交訂單確認(rèn)收貨信息后單擊確認(rèn)按扭，系統(tǒng)將自動(dòng)產(chǎn)生訂單號(hào)，并保存到訂單表中。第六步 訂單查詢(xún)輸入用戶(hù)名或訂單號(hào)即可查訂單發(fā)送情況。 圖3-1 購(gòu)物系統(tǒng)的流程圖3.2 系統(tǒng)流程圖及功能分解用戶(hù)會(huì)員注冊(cè)會(huì)員登錄瀏覽商品修改個(gè)人資料添加到購(gòu)物車(chē)圖3-2 會(huì)員管理功能模塊圖用戶(hù)瀏覽商品最新商品關(guān)鍵字查看分類(lèi)查看圖3-3 商品展示功能模塊圖查看商品會(huì)員登錄添加到購(gòu)物車(chē)購(gòu)買(mǎi)圖3-4 購(gòu)物車(chē)功能模塊圖會(huì)員管理權(quán)限修改商品管理訂單查看管理員管理圖3-5 管理員管理功能模塊圖第4章 數(shù)據(jù)庫(kù)設(shè)計(jì)4.1 數(shù)據(jù)庫(kù)設(shè)計(jì)的目的數(shù)據(jù)庫(kù)是信息系統(tǒng)的核心和基礎(chǔ)，把

19、信息系統(tǒng)中大量的數(shù)據(jù)按一定的模型組織起來(lái)，提供存儲(chǔ)、維護(hù)、檢索數(shù)據(jù)的功能，使信息系統(tǒng)可以方便、及時(shí)、準(zhǔn)確地從數(shù)據(jù)庫(kù)中獲得所需的信息。數(shù)據(jù)庫(kù)是信息系統(tǒng)的各個(gè)部分能否緊密地結(jié)合在一起以及如何結(jié)合的關(guān)鍵所在。數(shù)據(jù)庫(kù)設(shè)計(jì)是信息系統(tǒng)開(kāi)發(fā)和建設(shè)的重要組成部分。而數(shù)據(jù)庫(kù)的設(shè)計(jì)就是為該系統(tǒng)提供所需的數(shù)據(jù)信息。在設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)要有相應(yīng)的圖解，下面就是相關(guān)的系統(tǒng)關(guān)系流程圖： 用戶(hù)會(huì)員注冊(cè)會(huì)員登錄瀏覽商品購(gòu)買(mǎi)圖4-1 客戶(hù)注冊(cè)登陸關(guān)系圖E-R圖是用來(lái)描述現(xiàn)實(shí)世界的概念模型，E（Entity）表示實(shí)體，R（Relationship）表示聯(lián)系，本系統(tǒng)的E-R圖如下： 圖4-2實(shí)體關(guān)系E-R圖4.2 模塊描述模塊描述：(1

20、）用戶(hù)注冊(cè) 功能編號(hào) 1.1功能名稱(chēng)用戶(hù)注冊(cè)所屬部門(mén)調(diào)查者 調(diào)查時(shí)間審核人功能描述實(shí)現(xiàn)注冊(cè)。輸入項(xiàng)注冊(cè)名、密碼、會(huì)員的真實(shí)姓名、年齡、性別、地址、聯(lián)系電話(huà)及電子郵箱。處理描述輸入上述信息。輸出項(xiàng)顯示主界面界面要求1、按鈕名稱(chēng)：注冊(cè)，取消2、按鈕功能：注冊(cè)：對(duì)輸入正確的個(gè)人信息。 取消：退出系統(tǒng)。(2)用戶(hù)登錄功能編號(hào) 1.2功能名稱(chēng)用戶(hù)登錄所屬部門(mén)調(diào)查者 調(diào)查時(shí)間審核人功能描述實(shí)現(xiàn)登錄。輸入項(xiàng)用戶(hù)名，密碼。處理描述輸入上述信息。輸出項(xiàng)顯示主界面界面要求1、按鈕名稱(chēng)：注冊(cè)，登錄2、按鈕功能：注冊(cè)：到會(huì)員注冊(cè)頁(yè)面。 登錄 ：進(jìn)入個(gè)人中心。(3)會(huì)員信息功能編號(hào) 1.3功能名稱(chēng)會(huì)員信息所屬部門(mén)調(diào)查者

21、 調(diào)查時(shí)間審核人功能描述會(huì)員可以修改個(gè)人信息，也可以對(duì)商品進(jìn)行查看，購(gòu)買(mǎi)，還可以查看購(gòu)買(mǎi)信息。輸入項(xiàng)密碼，性別，郵寄地址，郵編，電話(huà)，Email處理描述輸入上述信息。輸出項(xiàng)顯示主界面界面要求1、按鈕名稱(chēng)：注冊(cè)，取消2、按鈕功能：提交：將輸入信息存在數(shù)據(jù)庫(kù)中。 取消：退出頁(yè)面。編輯：進(jìn)入用戶(hù)修改資料。(4)管理員信息功能編號(hào) 1.4功能名稱(chēng)管理員信息所屬部門(mén)調(diào)查者 調(diào)查時(shí)間審核人功能描述管理員對(duì)產(chǎn)品進(jìn)行管理，管理員管理，定單管理，用戶(hù)管理輸入項(xiàng)管理員用戶(hù)名，密碼，郵箱。處理描述輸入上述信息。輸出項(xiàng)顯示主界面界面要求1、按鈕名稱(chēng)：詳細(xì)，刪除、添加2、按鈕功能：詳細(xì)：到詳細(xì)信息頁(yè)面。 刪除 ：刪除定

22、單、刪除產(chǎn)品等。添加：添加商品、添加管理員等。(5)訂單信息功能編號(hào) 1.5功能名稱(chēng)定單信息所屬部門(mén)調(diào)查者 調(diào)查時(shí)間審核人功能描述查看個(gè)人定單輸入項(xiàng)無(wú)。處理描述輸入上述信息。輸出項(xiàng)顯示主界面界面要求1、按鈕名稱(chēng)：查看個(gè)人定單，詳細(xì)信息2、按鈕功能：查看個(gè)人定單：看定單信息。 詳細(xì)信息 ：查看定單詳細(xì)信息。 (6）商品信息功能編號(hào) 1.6功能名稱(chēng)商品信息所屬部門(mén)調(diào)查者 調(diào)查時(shí)間審核人功能描述查看商品信息，以及商品詳細(xì)信息輸入項(xiàng)商品名稱(chēng)。處理描述輸入上述信息。輸出項(xiàng)顯示主界面界面要求1、按鈕名稱(chēng)：搜索，詳細(xì)信息2、按鈕功能：搜索：查詢(xún)商品。 詳細(xì)信息 ：查看商品詳細(xì)信息。 (7)商品類(lèi)別信息功能編

23、號(hào) 1.7功能名稱(chēng)商品類(lèi)別信息所屬部門(mén)調(diào)查者 調(diào)查時(shí)間審核人功能描述分類(lèi)查看商品信息輸入項(xiàng)商品類(lèi)型。處理描述輸入上述信息。輸出項(xiàng)顯示主界面界面要求按鈕名稱(chēng)：手機(jī)4.3 數(shù)據(jù)字典 總流程圖注冊(cè)網(wǎng) 站商品購(gòu)買(mǎi)登錄： 4.3 數(shù)據(jù)及數(shù)據(jù)庫(kù)的描述對(duì)于系統(tǒng)用戶(hù)信息數(shù)據(jù)庫(kù)，有以下數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)：(1) 用戶(hù)信息：用戶(hù)ID（自動(dòng)編號(hào)）、用戶(hù)姓名、用戶(hù)密碼、性別、郵箱、地址、郵編、電話(huà)。表4-1登陸表(2) 用戶(hù)信息：管理員ID（自動(dòng)編號(hào)）、管理員名稱(chēng)、管理員密碼、管理員郵箱、入時(shí)間。表4-2 用戶(hù)信息表(3) 定單信息：定單ID（自動(dòng)編號(hào)）、定單號(hào)、商品號(hào)、訂購(gòu)數(shù)量、總價(jià)。表4-3 訂單信息表(4) 定單

24、詳細(xì)信息：定單ID（自動(dòng)編號(hào)）、訂購(gòu)時(shí)間、是否確認(rèn)、確認(rèn)時(shí)間、確認(rèn)人、發(fā)送情況、收貨人、收獲地址、收獲郵編、購(gòu)買(mǎi)用戶(hù)、總價(jià)、電話(huà)、郵箱。表4-4購(gòu)物車(chē)表(5) 商品記錄信息：商品的ID（自動(dòng)編號(hào)）、商品名稱(chēng)、商品類(lèi)型、錄入時(shí)間、商品介紹、定單類(lèi)型、商品單價(jià)、商品圖樣、是否特價(jià)、特價(jià)。表4-5 商品信息表第五章 詳細(xì)設(shè)計(jì)根據(jù)整個(gè)系統(tǒng)的設(shè)計(jì)，首先我是將整個(gè)頁(yè)面的母板設(shè)計(jì)出來(lái)，然后開(kāi)始設(shè)計(jì)首頁(yè)，以及添加其他頁(yè)面。在分析之后，首先要做會(huì)員注冊(cè)以及登錄模塊，管理員登錄需要做管理員登錄模塊。再添加其他鏈接頁(yè)面，以及添加一些靜態(tài)頁(yè)面。在首頁(yè)中會(huì)員正確輸入登錄名和登錄密碼并確認(rèn)無(wú)誤以后，進(jìn)入商品選購(gòu)區(qū)界面，其

25、中還有商品的詳細(xì)介紹頁(yè)面。選好商品后，放入購(gòu)物車(chē)，就進(jìn)入了購(gòu)物車(chē)界面。還有一個(gè)支付界面，支付后還有一個(gè)提示頁(yè)面，一切購(gòu)物活動(dòng)結(jié)束后就退出本系統(tǒng)。在進(jìn)行查看商品中，還有商品分類(lèi)查看頁(yè)面，以及一些介紹該網(wǎng)站的靜態(tài)頁(yè)面，還可查看會(huì)員定單頁(yè)面等等。管理員登錄以后，應(yīng)該有一個(gè)管理項(xiàng)目選擇界面，其中包括管理對(duì)會(huì)員進(jìn)行管理管理和對(duì)商品進(jìn)行管理。管理會(huì)員的界面可以查詢(xún)、刪除用戶(hù)帳號(hào)，商品管理界面實(shí)現(xiàn)，添加商品，查看、修改、刪除商品，管理員管理有產(chǎn)看管理員、刪除管理員，訂單管理有查看訂單、修改訂單、刪除訂單等頁(yè)面。在這次項(xiàng)目中，我主要負(fù)責(zé)頁(yè)面設(shè)計(jì)，其中部分界面如下：5.1母板界面代碼<% Page Lan

26、guage="C#" AutoEventWireup="true" CodeFile="Goods.aspx.cs" Inherits="Goods" %><!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.or

27、g/1999/xhtml" ><head runat="server"> <title>數(shù)碼商城商品</title> <link href="css/css.css" rel="stylesheet" type="text/css" /></head><body> <form id="form1" runat="server"> <div id="header&

28、quot;> <div class="header_top" > <div class="header_top_left"> 歡迎· <asp:LinkButton ID="LinkButton6" runat="server" CommandName="1" OnCommand="LinkButton5_Command">登陸</asp:LinkButton>· <asp:LinkButton

29、ID="LinkButton5" runat="server" CommandName="2" OnCommand="LinkButton5_Command">注冊(cè)</asp:LinkButton> </div> <div class="header_top_retin"> <asp:LinkButton ID="LinkButton4" runat="server" CommandName="3&

30、quot; OnCommand="LinkButton5_Command">首頁(yè)</asp:LinkButton>· <asp:LinkButton ID="LinkButton3" runat="server" CommandName="4" OnCommand="LinkButton5_Command">購(gòu)物車(chē)</asp:LinkButton>· <asp:LinkButton ID="LinkButton2&qu

31、ot; runat="server" CommandName="5" OnCommand="LinkButton5_Command">聯(lián)系我們</asp:LinkButton>· <asp:LinkButton ID="LinkButton1" runat="server" CommandName="6" OnCommand="LinkButton5_Command">幫助</asp:LinkButton>

32、; </div> </div><div class="header_top_coent"></div> <div class="header_top_bottom"> <a href="index.aspx">首頁(yè)</a><a href="InquireGoos.aspx?ID=最">最新商品</a><a href="InquireGoos.aspx?ID=熱門(mén)">熱門(mén)商品&l

33、t;/a><a href="InquireGoos.aspx?ID=搜索">商品搜索</a><a href="Users/UserInfo.aspx">用戶(hù)中心</a><a href="Users/Order.aspx">訂單查詢(xún)</a><a href="Users/ShoppingCar.aspx">購(gòu)物車(chē)</a> </div> <div class="header_top_down&

34、quot;> <div class="header_top_down_left"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <div class="header_top_down_cont"> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl=&quo

35、t;/Images/shou_shou.jpg" OnClick="ImageButton1_Click"/></div> <div class="header_top_down_rest"> <span>按品牌搜索：</span><a href="InquireGoos.aspx?ID=諾基亞">諾基亞</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=聯(lián)想">

36、;聯(lián)想</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=摩托羅拉">摩托羅拉</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=中興">中興</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=蘋(píng)果">蘋(píng)果</a>&nbsp;|&nbsp;<a href="

37、;InquireGoos.aspx?ID=華為">華為</a>&nbsp;|&nbsp;<a href="InquireGoos.aspx?ID=索愛(ài)">索愛(ài)</a> </div> </div> </div> <div id="Goods_cont"> <div id="Goods_cont_top">商品查看</div> <div id="Goods_cont_cont"

38、;> <div id="Goods_tu"><asp:ImageButton ID="ImageDpicture" runat="server" ImageUrl="/GoodsImg/da/03d0d4240640828a.jpg" /></div> <div class="Goods_zhi"> 商品編號(hào)：<asp:Label ID="Label1" runat="server" Text=&

39、quot;Label"></asp:Label> </div> <div class="Goods_zhi"> 商品品牌：<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 商品價(jià)格：<asp:Label ID="Label3" run

40、at="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 生產(chǎn)地址：<asp:Label ID="Label4" runat="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 商品型號(hào)：<asp:Lab

41、el ID="Label5" runat="server" Text="Label"></asp:Label> </div> <div class="Goods_zhi"> 購(gòu)買(mǎi)數(shù)量：<asp:TextBox ID="Textnumber" runat="server"></asp:TextBox> </div> <div class="Goods_zhi"> <

42、;asp:Button ID="Button1" runat="server" Text="確定購(gòu)買(mǎi)" OnClick="Button1_Click" /> </div> </div> <div id="Goods_cont_bottom"></div> </div> <div id="bottom"> </div> </form></body></html

43、>圖5-1：母板界面圖5.2會(huì)員登錄代碼   <% Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="dlmokuai_denglu" %><!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtm

44、l1-transitional.dtd"><html xmlns="/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>登錄</title><link href="css/css1.css" rel="sty

45、lesheet" type="text/css" /><link href="css/css.css" rel="stylesheet" type="text/css" /></head><body><form runat="server" action=""> <div id="header"> <div class="header_top" >

46、<div class="header_top_left"> 歡迎· <asp:LinkButton ID="LinkButton6" runat="server" CommandName="1" OnCommand="LinkButton5_Command">登陸</asp:LinkButton>· <asp:LinkButton ID="LinkButton5" runat="server"

47、CommandName="2" OnCommand="LinkButton5_Command">注冊(cè)</asp:LinkButton> </div> <div class="header_top_retin"> <asp:LinkButton ID="LinkButton4" runat="server" CommandName="3" OnCommand="LinkButton5_Command">首

48、頁(yè)</asp:LinkButton>· <asp:LinkButton ID="LinkButton3" runat="server" CommandName="4" OnCommand="LinkButton5_Command">購(gòu)物車(chē)</asp:LinkButton>· <asp:LinkButton ID="LinkButton2" runat="server" CommandName="5&quo

49、t; OnCommand="LinkButton5_Command">聯(lián)系我們</asp:LinkButton>· <asp:LinkButton ID="LinkButton1" runat="server" CommandName="6" OnCommand="LinkButton5_Command">幫助</asp:LinkButton> </div> </div><div class="heade

50、r_top_coent"></div> <div class="header_top_bottom"> <a href="index.aspx">首頁(yè)</a><a href="InquireGoos.aspx?ID=最">最新商品</a><a href="InquireGoos.aspx?ID=熱門(mén)">熱門(mén)商品</a><a href="InquireGoos.aspx?ID=搜索"

51、;>商品搜索</a><a href="Users/UserInfo.aspx">用戶(hù)中心</a><a href="Users/Order.aspx">訂單查詢(xún)</a><a href="Users/ShoppingCar.aspx">購(gòu)物車(chē)</a> </div> <div class="header_top_down"> <div class="header_top_down_left&q

52、uot;> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <div class="header_top_down_cont"> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="/Images/shou_shou.jpg" OnClick="ImageButton1_Click"/></div> <div class="header_top_down_rest"> <span>按品牌搜索：</span><a href="InquireGoos.aspx?ID=諾基亞">諾基亞</a>&nbsp;|