基于Web 的網(wǎng)上購物系統(tǒng)隨著Internet 的不斷普及，人們對(duì)于互聯(lián)網(wǎng)技術(shù)的要求已不單單是瀏覽一下網(wǎng)頁，收發(fā)電子郵件，日益忙碌的人們開始追求足不出戶的利用互聯(lián)網(wǎng)這一強(qiáng)大的平臺(tái)來實(shí)現(xiàn)的網(wǎng)上購物。對(duì)于

基于Web 的網(wǎng)上購物系統(tǒng)

隨著Internet 的不斷普及，人們對(duì)于互聯(lián)網(wǎng)技術(shù)的要求已不單單是瀏覽一下網(wǎng)頁，收發(fā)電子郵件，日益忙碌的人們開始追求足不出戶的利用互聯(lián)網(wǎng)這一強(qiáng)大的平臺(tái)來實(shí)現(xiàn)的網(wǎng)上購物。對(duì)于企業(yè)來講，無論是企業(yè)之間(B to B),還是企業(yè)和客戶之間(B to C) 的交易，如果能夠?qū)崿F(xiàn)網(wǎng)上交易將大大提高交易速度節(jié)約交易成本。近幾年，隨著網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)的進(jìn)一步發(fā)展，使得這一設(shè)想逐漸成為現(xiàn)實(shí)。

(ASP技術(shù)簡述)

運(yùn)用ASP 技術(shù)和網(wǎng)絡(luò)數(shù)據(jù)庫原理，基于B/S模式開發(fā)了一個(gè)網(wǎng)上購物系統(tǒng)。該網(wǎng)上購物系統(tǒng)的主要功能包括兩部分：（1）前臺(tái)銷售部分，根據(jù)所售商品的特點(diǎn)安排布局，會(huì)員的注冊登陸，照顧用戶瀏覽習(xí)慣、簡化購物流程，建立快速查詢、圖書分類查詢等功能。在支付方面，使用款到支付方式；（2）后臺(tái)管理部分，共分為數(shù)據(jù)錄入、定單處理、會(huì)員管理、后臺(tái)用戶管理、庫存管理等功能。

在本系統(tǒng)中，顧客可以很方便的注冊成為會(huì)員，對(duì)商品進(jìn)行瀏覽檢索，查看商品的詳細(xì)資料，然后根據(jù)各人的喜好購買心儀的商品。系統(tǒng)會(huì)自動(dòng)為顧客生成訂單，按照顧客所填寫的信息提交訂單并發(fā)貨。系統(tǒng)管理員則可以對(duì)現(xiàn)有的商品進(jìn)行添加和編輯，審查已注冊的用戶并對(duì)提交的訂單進(jìn)行處理。關(guān)鍵詞：B/S模式、ASP 、電子商務(wù)、網(wǎng)絡(luò)數(shù)據(jù)庫。

關(guān)鍵詞：B/S模式、ASP 、電子商務(wù)、網(wǎng)絡(luò)數(shù)據(jù)庫。

基于Web 的網(wǎng)上購物系統(tǒng)

一．前 言.......................................................... 3

1．1問題的提出 ................................................. 3

1．2問題的解決 ................................................. 3

二．準(zhǔn)備知識(shí)――ASP 技術(shù) ............................................ 4

2．1 ASP的特點(diǎn) ................................................. 4

2．3 ASP的相關(guān)知識(shí) ............................ 錯(cuò)誤！未定義書簽。

三．系統(tǒng)概述........................................................ 4

3．1系統(tǒng)設(shè)計(jì)思想 ............................................... 4

3．2系統(tǒng)總體結(jié)構(gòu)圖 ............................................. 5

3．3系統(tǒng)功能描述 ............................................... 5

3.5功能模塊劃分 ................................................ 6

3.6系統(tǒng)流程分析 ................................................ 7

3.7系統(tǒng)開發(fā)工具 ................................................ 7

3．8系統(tǒng)功能模塊圖 ............................................. 8

四．系統(tǒng)網(wǎng)絡(luò)數(shù)據(jù)庫的建立............................................ 9

4．1系統(tǒng)數(shù)據(jù)源的設(shè)置 ........................................... 9

4．2表、關(guān)系模型和數(shù)據(jù)庫的概述 ................ 錯(cuò)誤！未定義書簽。

4．3范式與建表的規(guī)范化 ........................ 錯(cuò)誤！未定義書簽。

4．4系統(tǒng)數(shù)據(jù)庫的詳細(xì)建立 ...................................... 10

五．系統(tǒng)功能模塊設(shè)計(jì)............................................... 12

5．1客戶端 .................................................... 12

5．1．1購物籃 ............................................. 12

5．1．2會(huì)員注冊 ........................................... 15

5．1．3商品查詢 ........................................... 18

5．1．4訂單查詢 ........................................... 19

5．2后臺(tái)管理端 ................................................ 20

5．2．1商品的添加 ......................................... 20

5．2．2商品的審查 ......................................... 25

5．2．3訂單的審查 ......................................... 26

5．2．4會(huì)員的審查 ......................................... 28

5．2．5管理員添加 ......................................... 30

5．2．6管理員審查 ......................................... 31

基于Web 的網(wǎng)上購物系統(tǒng)

一．前 言

1．1問題的提出

對(duì)于基于Web 平臺(tái)的網(wǎng)上購物系統(tǒng)，存在著一個(gè)前臺(tái)應(yīng)用和后臺(tái)管理的問題。而無論前臺(tái)還是后臺(tái)，都要對(duì)數(shù)據(jù)庫進(jìn)行調(diào)用和操作。因此如何創(chuàng)建網(wǎng)絡(luò)數(shù)據(jù)庫，以及客戶端如何調(diào)用服務(wù)器端的數(shù)據(jù)庫成為實(shí)現(xiàn)網(wǎng)上購物的一個(gè)關(guān)鍵性問題。計(jì)算機(jī)技術(shù)的發(fā)展與普及，已經(jīng)改變了我們的生活方式，計(jì)算機(jī)應(yīng)用已逐漸滲透到社會(huì)發(fā)展的各個(gè)領(lǐng)域。隨著計(jì)算機(jī)技術(shù)和通信技術(shù)的迅猛發(fā)展，社會(huì)資源的信息化、數(shù)據(jù)的分布處理、各種計(jì)算機(jī)資源共享等應(yīng)用需求推動(dòng)計(jì)算機(jī)技術(shù)朝著群體化方向發(fā)展，促使計(jì)算機(jī)技術(shù)與通信技術(shù)緊密結(jié)合。Internet 是目前世界上覆蓋范圍最大的計(jì)算機(jī)網(wǎng)絡(luò)群體。Internet 是在通信網(wǎng)絡(luò)的基礎(chǔ)上，以TCP/IP協(xié)議為基準(zhǔn)、以域名地址和IP 地址為標(biāo)識(shí)、以網(wǎng)關(guān)和路由器為轉(zhuǎn)換協(xié)議工具構(gòu)成的網(wǎng)絡(luò)的集合。Internet 實(shí)質(zhì)上是由遍布全球的各種計(jì)算機(jī)網(wǎng)絡(luò)互連而形成的網(wǎng)絡(luò)。Internet 的出現(xiàn)不僅使得通信和資源共享的地理范圍擴(kuò)展至全球，而且隨著其服務(wù)內(nèi)容和應(yīng)用領(lǐng)域的拓寬，正在改變?nèi)藗兊臅r(shí)空觀。

以微電子、計(jì)算機(jī)、通信和網(wǎng)絡(luò)技術(shù)為代表的現(xiàn)代信息技術(shù)在經(jīng)濟(jì)領(lǐng)域的廣泛應(yīng)用，使得交易成本急劇下降，從而導(dǎo)致信息替代了資本在經(jīng)濟(jì)發(fā)展中的主導(dǎo)地位。作為重要的生產(chǎn)要素和戰(zhàn)略資源，通過互聯(lián)網(wǎng)傳遞的大量信息使得現(xiàn)有的社會(huì)資源獲得高效配置，社會(huì)勞動(dòng)生產(chǎn)率大幅度提高，并推動(dòng)經(jīng)濟(jì)結(jié)構(gòu)革新和產(chǎn)業(yè)結(jié)構(gòu)的升級(jí)。

1．2問題的解決

在這里，我采用B/S模式來實(shí)現(xiàn)客戶端對(duì)服務(wù)器端的調(diào)用，所謂B/S模式即瀏覽器/服務(wù)器模式，是一種從傳統(tǒng)的二層C/S模式發(fā)展起來的新的網(wǎng)絡(luò)結(jié)構(gòu)模式。在B/S模式中，客戶端運(yùn)行瀏覽器軟件。瀏覽器以超文本形式向Web 服務(wù)器提出訪問數(shù)據(jù)庫的要求，Web 服務(wù)器接受客戶端請(qǐng)求后，將這個(gè)請(qǐng)求轉(zhuǎn)化為SQL 語法，并交給數(shù)據(jù)庫服務(wù)器，數(shù)據(jù)庫服務(wù)器得到請(qǐng)求后，驗(yàn)證其合法性，并進(jìn)行數(shù)據(jù)處理，然后將處理后的結(jié)果返回給Web 服務(wù)器，Web 服務(wù)器再一次將得到的所有結(jié)果進(jìn)行轉(zhuǎn)化，變成HTML 文檔形式，轉(zhuǎn)發(fā)給客戶端瀏覽器以友好的Web 頁面形式顯示出來。

基于Web 的網(wǎng)上購物系統(tǒng)

二．準(zhǔn)備知識(shí)――ASP 技術(shù)

2．1 ASP的簡介

ASP 是一種類似HTML 、Script 與CGI 的結(jié)合體，但是其運(yùn)行效率卻比CGI 更高、程序編制也比HTML 更方便且更有靈活性，程序安全及保密性也比Script 好。

HTML 是一種超文本標(biāo)識(shí)語言，文件通過這種格式可以在互連網(wǎng)上載送瀏覽，用戶只要使用網(wǎng)頁瀏覽器工具就可以瀏覽這些文件，目前比較常用的工具包括Microsoft Internet Explorer,Netscape Communicator等，由于HTML 文件都是由標(biāo)簽(tag)所組成，因此它比較適合制作靜態(tài)網(wǎng)頁，再者，由于先天上的限制HTML 是無法直接存取數(shù)據(jù)庫的，所以存取數(shù)據(jù)庫的工作大多是依靠CGI 來處理。ASP 不但可以包含HTML 標(biāo)簽，也可以直接存取數(shù)據(jù)庫及使用無限擴(kuò)充的ActiveX 控件，因此在程序編制上要比HTML 方便而且更富有靈活性。ASP 以HTML 為基礎(chǔ)，主體還是HTML 代碼，只是在需要ASP 動(dòng)態(tài)產(chǎn)生的地方加入ASP 代碼。ASP 的最終顯示結(jié)果也是HTML 代碼，可準(zhǔn)確控制ASP 的輸出結(jié)果。

Script(腳本) 是由一組可以在WEB 服務(wù)器或客戶端瀏覽器運(yùn)行的命令組合而成，目前在網(wǎng)頁編制上比較流行的腳本語言包括 VBScript,JavaScript。這些腳本大都是在客戶端運(yùn)行，因此，客戶端可以很清楚的取得腳本的內(nèi)容。所以，就安全性而言，這些客戶端的腳本語言的確有危險(xiǎn)。ASP 雖然具有腳本語言的方便性，但由于他是在WEB 服務(wù)器端運(yùn)行，運(yùn)行后再將運(yùn)行結(jié)果以HTML 格式傳送至客戶端的瀏覽器。因此ASP 與一般的腳本語言相比，要安全的多。

2．2 ASP的特點(diǎn)

ASP 可以和HTML 或其它腳本語言(VBScript,JavaScript)相互嵌套

ASP 是一種在WEB 服務(wù)器端運(yùn)行的腳本語言，程序代碼安全保密

ASP 以對(duì)象為基礎(chǔ)，因此可以使用ActiveX 控件繼續(xù)擴(kuò)充其功能

ASP 內(nèi)置ADO 組件，因此可以輕松的存取各種數(shù)據(jù)庫

ASP 可以將運(yùn)行結(jié)果以HTML 的格式傳送至客戶端瀏覽器，因而可以適用與各種瀏覽器

三．系統(tǒng)概述

3．1系統(tǒng)設(shè)計(jì)思想

整個(gè)系統(tǒng)是以ASP 技術(shù)來開發(fā)，數(shù)據(jù)庫的創(chuàng)建使用Microsoft Access 2000，對(duì)數(shù)據(jù) 庫的查詢和調(diào)用是通過ASP 內(nèi)置的ADODB 組件來實(shí)現(xiàn)的。

為了便于編程，前臺(tái)的操作頁面和后臺(tái)的數(shù)據(jù)庫管理頁面的設(shè)計(jì)我是分別進(jìn)行的。在整個(gè)程序編寫完之后，在將后臺(tái)的數(shù)據(jù)庫管理頁面通過管理員在前臺(tái)的登錄來調(diào)用，這樣就把前臺(tái)和后臺(tái)有機(jī)的連接起來，使操作更加方便。當(dāng)用戶以會(huì)員身份登錄調(diào)用執(zhí)行的是前臺(tái)的操作頁面，而當(dāng)以管理員身份登錄時(shí)，則進(jìn)入后臺(tái)管理頁面來對(duì)數(shù)據(jù)庫進(jìn)行操作。而對(duì)于前臺(tái)購物操作中的核心部分——購物籃的實(shí)現(xiàn)，這將在后面的功能模塊設(shè)計(jì)章節(jié)中做詳細(xì)闡述。

基于Web 的網(wǎng)上購物系統(tǒng)

3．2系統(tǒng)總體結(jié)構(gòu)圖

Internet信息服務(wù)器

由圖可以看出, 系統(tǒng)是基于B/S模式開發(fā)的。

3．3系統(tǒng)功能描述 網(wǎng)上購物系統(tǒng)分為前臺(tái)管理和后臺(tái)管理。前臺(tái)管理包括瀏覽商品、查詢商品、訂購商品、購物車、用戶信息維護(hù)等功能。后臺(tái)管理包括公告管理、商品管理、訂單管理、投訴管理和用戶管理等模塊。

后臺(tái)管理具體描述如下：

(1) 公告管理

◆ 添加公告，包括公告標(biāo)題和公告內(nèi)容等；

◆ 修改公告；

◆ 刪除公告。

(2) 商品管理

◆ 添加商品類別；

◆ 修改商品類別；

◆ 刪除商品類別。

◆ 添加商品信息，包括商品類別、名稱、編號(hào)、所屬公司等信息；

◆ 商品圖片的上傳、修改和刪除；

◆ 修改商品信息；

◆ 刪除商品信息；

◆ 查看商品信息。

(3) 訂單管理

◆ 處理訂單；

◆ 辦理發(fā)貨；

基于Web 的網(wǎng)上購物系統(tǒng)

◆ 辦理結(jié)帳；

◆ 刪除訂單。

(4) 投訴管理

◆ 錄入投訴的解決方法；

◆ 刪除已解決的投訴；

◆ 查看投訴用戶。

(5) 顧客用戶管理功能

◆ 注冊顧客用戶，包括用戶名、密碼等信息；

◆ 修改顧客用戶信息；

◆ 刪除顧客用戶信息。

(6) 系統(tǒng)用戶管理功能

◆ 添加系統(tǒng)用戶，包括用戶名、密碼等信息；

◆ 修改系統(tǒng)用戶信息；

◆ 刪除系統(tǒng)用戶信息。

3.5功能模塊劃分

從功能描述的內(nèi)容可以看到，本系統(tǒng)可以實(shí)現(xiàn)六個(gè)完整的功能。根據(jù)這些功能，設(shè)計(jì)出系統(tǒng)的功能模塊，如圖1：

圖1. 網(wǎng)上購物系統(tǒng)功能模塊示意圖

在本系統(tǒng)中，用戶管理模塊的功能比較簡單。在系統(tǒng)初始化時(shí)，有一個(gè)默認(rèn)的“系統(tǒng)管理員”用戶Admin ，由程序設(shè)計(jì)人員手動(dòng)地添加到數(shù)據(jù)庫中。Admin 用戶可以創(chuàng)建其他的管理員信息；普通用戶則可以修改自己注冊信息和密碼。

用戶管理功能模塊的關(guān)系如圖2：

基于Web 的網(wǎng)上購物系統(tǒng)

`圖2. 用戶管理功能模塊關(guān)系圖

3.6系統(tǒng)流程分析 前臺(tái)客戶購物流程如圖3：

后臺(tái)訂單處理流程如圖4：

多用戶系統(tǒng)的工作流程都是從用戶登錄模塊開始的，之后，對(duì)用戶的身份進(jìn)行認(rèn)證，確認(rèn)用戶是否是有效的注冊用戶以決定用戶的操作權(quán)限，從而決定用戶的工作界面。 3.7系統(tǒng)功能模塊圖

基于Web 的網(wǎng)上購物系統(tǒng)

3．8系統(tǒng)開發(fā)工具

開發(fā)環(huán)境：WindowsXP Professional

IIS 5.0

Internet Explorer 6.0

腳本語言：JavaScript 、VBScript

數(shù)據(jù)庫工具：Microsoft Access 2000

ASP 開發(fā)工具：Microsoft Visual InterDev 6.0

基于Web 的網(wǎng)上購物系統(tǒng)

四．系統(tǒng)網(wǎng)絡(luò)數(shù)據(jù)庫的建立

4．1系統(tǒng)數(shù)據(jù)源的設(shè)置

使用ADO 去編寫緊湊簡明的腳本以便連接到ODBC 兼容的數(shù)據(jù)庫和 OLE DB 兼容的數(shù)據(jù)源。具體的操作步驟可以歸納為以下幾步：

① 創(chuàng)建數(shù)據(jù)庫源名（DSN ）

ADODB 通過ODBC 工作，因此要在ODBC 中設(shè)置DSN （數(shù)據(jù)源名）。打開Windows 的" 控制面板" ，雙擊"ODBC" 的圖標(biāo)，然后選擇" 文件 DSN " 的屬性頁，單擊<添加>，選擇數(shù)據(jù)庫驅(qū)動(dòng)程序，然后單擊" 下一步" ，按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱，然后單擊“下一步" ，再單擊" 完成" 創(chuàng)建數(shù)據(jù)源。

②創(chuàng)建數(shù)據(jù)庫鏈接

鏈接用以保持一些關(guān)于正在訪問的數(shù)據(jù)的動(dòng)態(tài)信息，以及鏈接者信息。利用ADODB 的成員函數(shù)Open 和先前設(shè)定的DSN 與數(shù)據(jù)庫連接，其語法如下：

SetConnect=Server.CreateObject("ADODB.Connection")//創(chuàng)建了鏈接對(duì)象Connect 。 Connect.Open("DSN=dsnname；UID=userID；PWD=password") //打開鏈接。dsnname 為數(shù)據(jù)源名；userID 為用戶名；password 為用戶口令。

③創(chuàng)建數(shù)據(jù)對(duì)象 ADO中的數(shù)據(jù)對(duì)象通常保存的是查詢結(jié)果。RecordSet 是ADO 中最復(fù)雜的對(duì)象，有許多屬性和方法，靈活運(yùn)用，可以達(dá)到許多好的效果。其創(chuàng)建方法如下：

Set RecordSet =Connect.Execute(sqtStr) ，創(chuàng)建并打開了對(duì)象RecordSet ，sqtStr 是一個(gè)串，代表一條標(biāo)準(zhǔn)的SQL 語句。例如：

sqlStr="SELECT*FROM b1" Set RecordSet =Connect.Execute(sqlStr) 這條語句執(zhí)行后，對(duì)象RecordSet 中就保存了b1中的所有記錄。

④操作數(shù)據(jù)庫，可利用Execute 方便地執(zhí)行數(shù)據(jù)的插入、修改、刪除等操作。

如執(zhí)行插入操作： sqlStr="Insert Into b1Values(1,2)" Connect.Execute(sqlStr)

⑤關(guān)閉數(shù)據(jù)對(duì)象和鏈接 在使用了ADO 對(duì)象之后，一定要關(guān)閉數(shù)據(jù)對(duì)象和鏈接。在ASP 中通過調(diào)用方法close 實(shí)現(xiàn)關(guān)閉。 關(guān)閉創(chuàng)建的數(shù)據(jù)對(duì)象：Record Set .close Set Record Set=Nothing 關(guān)閉創(chuàng)建的鏈接對(duì)象：Connect. close Set Connect=Nothing

完整的程序片段：

SetConnect=Server.CreateObject("ADODB.Connection")//產(chǎn)生組件實(shí)例

Connect.Open("DSN=dsnname;UID=userID;PWD=password")//連接數(shù)據(jù)庫

SQL=select*fromtablename SetRS=Connect.Execute(SQL)//執(zhí)行查詢 DoWhile Not RS.EOF//顯示結(jié)果

<％=RS(fieldname)％> <％Rs.MoveNext Loop ％>

上述是用ASP 訪問數(shù)據(jù)庫的全過程，由于應(yīng)用面向?qū)ο笏枷?，所有操作都比較簡單，用戶需要注意的僅是對(duì)數(shù)據(jù)結(jié)構(gòu)的了解、當(dāng)前所操作的對(duì)象及對(duì)象的屬性等等，只要對(duì)這些有了清晰的認(rèn)識(shí)，再加上ASP 強(qiáng)大功能，在網(wǎng)絡(luò)上使用數(shù)據(jù)庫，實(shí)現(xiàn)用戶與頁面間交換信息，就再也不是什么難事了。

基于Web 的網(wǎng)上購物系統(tǒng)

4．4系統(tǒng)數(shù)據(jù)庫的詳細(xì)建立

建立數(shù)據(jù)庫表（SuperMarket_Data.mdb）

4．4．1用戶信息數(shù)據(jù)表（RegUser ）

字段名 數(shù)據(jù)類型 字段大小 字段說明 UserID 文本 20 會(huì)員帳號(hào)

Name 文本 PassWD 文本 WtPass 文本 DaPass 文本 Sex 文本 Email 文本 Phone 文本 Address 文本 Zip 文本 RegTime 日期／時(shí)間

4．4．2管理員信息表（Manage_User）

字段名 數(shù)據(jù)類型 Id 自動(dòng)編號(hào) UserName 文本 PassWord 文本

4．4．3商品大類表（Class_1）

字段名 數(shù)據(jù)類型 ID 長整型 Class_1_Name 文本 30 Class_1_RegTime日期／時(shí)間

4．4．4商品小類表（Class_2）

字段名 數(shù)據(jù)類型 ID 長整型 Class_2_Name 文本 Class_1_Name 文本 Class_2_RegTime 日期／時(shí)間

4．4．5商品表（Product ）

30 30 30 30 10 30 30 50 20 默認(rèn)值Now() 字段大小 長整型 20 20 字段大小 自動(dòng) 默認(rèn)值Now() 字段大小 自動(dòng) 30 30 默認(rèn)值Now() 會(huì)員姓名 用戶密碼 密碼提示問題密碼提示答案性別 電子信箱 聯(lián)系電話 聯(lián)系地址 郵編 注冊時(shí)間 字段說明

管理員編號(hào) 管理員帳號(hào) 管理員密碼

字段說明

大類編號(hào) 大類名稱 添加時(shí)間 字段說明

小類編號(hào) 小類名稱 所屬大類名稱添加時(shí)間