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

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

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

(ASP技術(shù)簡述)

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

在本系統(tǒng)中，顧客可以很方便的注冊成為會員，對商品進行瀏覽檢索，查看商品的詳細資料，然后根據(jù)各人的喜好購買心儀的商品。系統(tǒng)會自動為顧客生成訂單，按照顧客所填寫的信息提交訂單并發(fā)貨。系統(tǒng)管理員則可以對現(xià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

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

2．1 ASP的特點 ................................................. 4

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

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

3．1系統(tǒng)設(shè)計思想 ............................................... 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ù)庫的概述 ................ 錯誤！未定義書簽。

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

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

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

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

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

5．1．2會員注冊 ........................................... 15

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

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

5．2后臺管理端 ................................................ 20

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

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

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

5．2．4會員的審查 ......................................... 28

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

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

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

一．前 言

1．1問題的提出

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

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

1．2問題的解決

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

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

二．準備知識――ASP 技術(shù)

2．1 ASP的簡介

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

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

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

2．2 ASP的特點

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

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

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

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

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

三．系統(tǒng)概述

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

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

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

基于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)分為前臺管理和后臺管理。前臺管理包括瀏覽商品、查詢商品、訂購商品、購物車、用戶信息維護等功能。后臺管理包括公告管理、商品管理、訂單管理、投訴管理和用戶管理等模塊。

后臺管理具體描述如下：

(1) 公告管理

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

◆ 修改公告；

◆ 刪除公告。

(2) 商品管理

◆ 添加商品類別；

◆ 修改商品類別；

◆ 刪除商品類別。

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

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

◆ 修改商品信息；

◆ 刪除商品信息；

◆ 查看商品信息。

(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)可以實現(xiàn)六個完整的功能。根據(jù)這些功能，設(shè)計出系統(tǒng)的功能模塊，如圖1：

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

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

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

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

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

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

后臺訂單處理流程如圖4：

多用戶系統(tǒng)的工作流程都是從用戶登錄模塊開始的，之后，對用戶的身份進行認證，確認用戶是否是有效的注冊用戶以決定用戶的操作權(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" 的圖標，然后選擇" 文件 DSN " 的屬性頁，單擊<添加>，選擇數(shù)據(jù)庫驅(qū)動程序，然后單擊" 下一步" ，按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱，然后單擊“下一步" ，再單擊" 完成" 創(chuàng)建數(shù)據(jù)源。

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

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

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

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

Set RecordSet =Connect.Execute(sqtStr) ，創(chuàng)建并打開了對象RecordSet ，sqtStr 是一個串，代表一條標準的SQL 語句。例如：

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

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

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

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

完整的程序片段：

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

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ū)ο笏枷耄胁僮鞫急容^簡單，用戶需要注意的僅是對數(shù)據(jù)結(jié)構(gòu)的了解、當前所操作的對象及對象的屬性等等，只要對這些有了清晰的認識，再加上ASP 強大功能，在網(wǎng)絡(luò)上使用數(shù)據(jù)庫，實現(xiàn)用戶與頁面間交換信息，就再也不是什么難事了。

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

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

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

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

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

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

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

字段名 數(shù)據(jù)類型 Id 自動編號 UserName 文本 PassWord 文本

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

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

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

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

4．4．5商品表（Product ）

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

管理員編號 管理員帳號 管理員密碼

字段說明

大類編號 大類名稱 添加時間 字段說明

小類編號 小類名稱 所屬大類名稱添加時間