論文_基于asp技術(shù)的虛擬購物系統(tǒng)設(shè)計

西 南 林 學(xué) 院 本本 科科 畢畢 業(yè)（設(shè)計）論業(yè)（設(shè)計）論 文文 （二 O O 四 屆） 題題 目：目：基于 ASP 技術(shù)的虛擬購物系統(tǒng)設(shè)計 分院系部：分院系部： 計算機與信息科學(xué)系 專專 業(yè)：業(yè)： 計算機科學(xué)與技術(shù) 姓姓 名：名： 溫 利 聰 導(dǎo)師姓名：導(dǎo)師姓名： 趙 家 剛 導(dǎo)師職稱：導(dǎo)師職稱： 副 教 授 二 OO 四年六月一日 基于 ASP 技術(shù)的虛擬購物系統(tǒng)設(shè)計 溫利聰 （西南林學(xué)院 計算機與信息科學(xué)系， 云南 昆明 ） 摘要:本文以 ASP 為開發(fā)技術(shù)，以 VBScript 為服務(wù)器端腳本語言，以 JScript 作為客戶端腳本語言，實現(xiàn)了一個虛擬的網(wǎng)上商店購物系統(tǒng)。 網(wǎng)上購物系統(tǒng)分為前臺管理和后臺管理。 本文在這兩方面實現(xiàn)了以 下功能：后臺管理包括公告管理、商品管理、訂單管理、投訴管理 顧客用戶管理、系統(tǒng)用戶管理；前臺商品查詢和購買模塊包括查看商 品列表、查詢商品信息、查看商品信息、購買商品等模塊。通過這些 前臺、后臺功能模塊的設(shè)計，基本上實現(xiàn)了整個網(wǎng)上交易過程。 關(guān)鍵字: ASP 動態(tài)網(wǎng)頁 源碼 電子商務(wù) WEB 頁 THE DESIGN AND IMPLEMENTATION OF VIRTUAL SHOPPING SYSTEM BASED ON ASP TECHNOLOGY Licong Wen (The Southwest Forestry College ,Computer and Information Science Department Kunming, Yunnan, ) Abstract: This thesis introduces a virtual shopping system that is developed by ASP technology, using VBScript as the script of servers and JScript as the script of clients. The Virtual Shopping System includes the foreground management system and the background management system. The background system includes Board Management, Goods Managment, Order Management, Complain Management, Users Management, Administrators Management. The foreground management system includes Inquiring Goods, Browsing Goods Information, Purchasing Goods and so on. The total bargaining is achieved by the the foreground management system and the background management system. Keywords: ASP Active Page Source Code E-Commerce WEB Page 目 錄 前言前言.1 1 ASP 概述概述1 1.1 ASP 的概念.1 1.2 ASP 的特點 2 1.3 ASP 的發(fā)展 2 2 CSS 概述概述3 3 SQL SERVER 簡介簡介 4 4 系統(tǒng)設(shè)計概述系統(tǒng)設(shè)計概述.5 4.1 系統(tǒng)功能概述.5 4.2 功能模塊劃分 6 4.3 系統(tǒng)流程分析.7 4.4 數(shù)據(jù)庫的設(shè)計 8 4.5 目錄結(jié)構(gòu)與通用模塊13 4.6 管理主界面與登錄程序設(shè)計14 4.7 公告信息管理模塊設(shè)計17 4.8 商品類別管理模塊設(shè)計19 4.9 商品管理模塊設(shè)計 .22 4.10 訂單管理模塊設(shè)計.26 4.11 投訴管理模塊設(shè)計.27 4.12 系統(tǒng)主界面與登錄程序設(shè)計.28 4.13 設(shè)計商品查詢及購買模塊.31 4.14 設(shè)計客戶投訴模塊.34 4.15 用戶管理設(shè)計.35 5 結(jié)束語結(jié)束語.36 參考文獻參考文獻.38 致致 謝謝.39 前言 Internet 是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍布全球。今 天，你幾乎可以在網(wǎng)上找到你想要的任何資料。不僅如此，坐在家中 敲敲鍵盤、動動鼠標(biāo)就可以買到你需要的商品。這樣一種全新的購物 方式，已經(jīng)成為了一種時尚。有關(guān)資料顯示，2000 年全世界已擁有近 10 億因特網(wǎng)用戶，有 1 億多臺計算機互聯(lián)，可以交換數(shù)據(jù)的網(wǎng)絡(luò)超過 了 100 萬個，每年在網(wǎng)絡(luò)上的交易次數(shù)超過 10 億次。電子商務(wù)正是 由于這種信息的快速傳遞和資源的大量集成而悄然興起的，并以驚人 的速度發(fā)展著。網(wǎng)上交易也因此蘊涵了巨大的市場潛力。電子商務(wù)網(wǎng) 絡(luò)的出現(xiàn)，必將賦予商業(yè)以極大的創(chuàng)造性1。 簡單地講，電子商務(wù)是指利用電子網(wǎng)絡(luò)進行的商務(wù)活動。但電子 商務(wù),至今還沒有一個明確的概念。各國政府、學(xué)者、企業(yè)界人士都根 據(jù)自己所處的地位和對電子商務(wù)的參與程度，給出了許多表述不同的 定義2。參考和研究了大量的網(wǎng)上交易系統(tǒng)后，本文采用了現(xiàn)在普遍 使用的注冊會員、虛擬購物、提交貨單、確認(rèn)訂單、確認(rèn)發(fā)貨等流程， 并采用成熟的 ASP 技術(shù)來實現(xiàn)了一個網(wǎng)上的虛擬購物系統(tǒng)。 1 ASP 概述 1.11.1 ASPASP 的概念的概念 ASP 是 Active Server Pages 的縮寫，中文名字是“動態(tài)服務(wù)器頁 面” ，使用 ASP 可以創(chuàng)建動態(tài)、交互的 Web 服務(wù)器應(yīng)用程序。 這里所 說的動態(tài)服務(wù)器頁面，是指該頁面內(nèi)容可根據(jù)訪問時間、訪問者不同 因素動態(tài)生成的。不是簡單的指網(wǎng)頁中包含動態(tài)文字、聲音和動畫等 5。 1.21.2 ASPASP 的特點的特點 (1)使用 VBScript、JavaScript 等簡單易懂的腳本語言，再結(jié)合 HTML 代碼，就可以快速創(chuàng)建大部分網(wǎng)站元素。 (2)無須進行編譯，容易編寫，可在服務(wù)端直接執(zhí)行。 (3)使用普通的文本編譯器，如 Windows 的記事本，即可進行編輯 設(shè)計。 (4)與瀏覽器無關(guān)（Browser Independence）,客戶端只要執(zhí)行 HTML 代碼的瀏覽器，即可瀏覽 ASP 的網(wǎng)頁內(nèi)容。ASP 所使用的 腳本語言（VBScript、JavaScript）均能夠在 Web 服務(wù)器端執(zhí) 行，客戶端的瀏覽器不需要執(zhí)行這些腳本語言。 (5)ASP 的源程序不會被傳到客戶端瀏覽器，因而可以避免所寫的 源程序被他人剽竊，提高了程序的安全性。 (6)可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本。 (7)可以使用 ActiveX Server Components(ActiveX 服務(wù)器無件) 擴展 ASP 的功能5。 1.31.3 ASPASP 的發(fā)展的發(fā)展 ASP 的第一個版本是 0.9 測試版。它給 Web 開發(fā)帶來一陣暴風(fēng)， 它能夠?qū)⒋a直接嵌入 HTML，使得設(shè)計 Web 頁面變得更簡單，并且通 過內(nèi)置的組件能夠?qū)崿F(xiàn)強大功能。最明顯的就是 Active Data Object（ADO） ，它使得建立一個動態(tài)頁面如小孩子玩游戲一樣簡單。 接下來微軟公司發(fā)布了 Active Server Page 1.0，它作為 IIS 的附屬 品免費發(fā)送，并且不久就在 Windows 平臺上得到廣泛使用6。 1998 年，微軟公司發(fā)布了 ASP 2.0。ASP 1.0 和 ASP 2.0 的主要 區(qū)別是 ASP 2.0 的外部組件需要實例化。 微軟公司接著發(fā)布了 Windows 2000 操作系統(tǒng)。這個 Windows 版 本給我們帶來了 IIS 5.0 以及 ASP 3.0。ASP 3.0 并不是簡單對 ASP 進行補充，核心的不同在于它把很多的事情交給了 COM 來做。 系統(tǒng)功能概述5。 2 CSS 概述 用 HTML 制作網(wǎng)頁就象是用畫筆繪制一幅圖畫。只有那些對網(wǎng)頁 制作癡迷而執(zhí)著的人才可能精確地實現(xiàn)預(yù)定的結(jié)果，這并不是正確的 工具和靈活性就可以實現(xiàn)的。任何使用過 HTML 一個多星期的人都知 道 HTML 是一種非常好的網(wǎng)頁制作工具。所以有時候我們不得不制作 體積相當(dāng)大的 GIF 圖象以獲得想要的字體和布局。同樣，有時候也不 得不使用各種表格標(biāo)簽和隱藏的空格 GIF 圖象以使頁面的布局能達到 預(yù)想的目的。的確有些荒唐。我們的編碼實在是太復(fù)雜了，GIF 用量 越來越多，而我們的頁面變得比英吉利海峽還要寬，互聯(lián)網(wǎng)有限的帶 寬怎么可能通過這么寬的信息呢？這種設(shè)計并不是網(wǎng)頁設(shè)計的最佳形 式。但是，1996 年底的時候悄悄誕生了一種叫做樣式表 （stylesheets）的技術(shù)。全稱應(yīng)該是串接樣式表（Cascading Stylesheets簡稱 CSS）這位 HTML 的表弟向世人保證：將對布局、 字體、顏色、背景和其它文圖效果實現(xiàn)更加精確的控制；只通過修改 一個文件就改變頁數(shù)不定的網(wǎng)頁的外觀和格式；在所有瀏覽器和平臺 之間的兼容性；更少的編碼、更少的頁數(shù)和更快的下載速度。 除了 還不能全面支持我們常用的大多數(shù)瀏器之外，CSS 在實現(xiàn)其它承諾方 面作得相當(dāng)出色。CSS 在改變我們制作樣式表的方法。它為大部分的 網(wǎng)頁創(chuàng)新奠定了基石4。 3 SQL server 簡介 由于我們設(shè)計的網(wǎng)上商城購物系統(tǒng)其后臺數(shù)據(jù)是用 SQL server 來進行管理的，所以，在此對 SQL server 作一定的介紹。 Mircrosoft SQL Server 2000 是一個分布式的關(guān)系型數(shù)據(jù)庫管理 系統(tǒng)，具有客戶/服務(wù)器體系結(jié)構(gòu)，采用了一種稱為 Transact-SQL 的 SQL 語言在客戶機和服務(wù)器之間傳遞客戶機的請求和服務(wù)器的處理結(jié) 果。Mircrosoft SQL Server 2000 是一個應(yīng)用廣泛的數(shù)據(jù)庫管理系統(tǒng)， 具有許多顯著特點，例如，用戶喜歡的易用性、適合分布式組織的可 伸縮性、用于決策支持的數(shù)據(jù)倉庫功能、與許多其他服務(wù)器軟件緊密 關(guān)聯(lián)的集成性、良好的性能價格比等。 在 Mircrosoft SQL Server 2000 系統(tǒng)中，數(shù)據(jù)庫的管理采取了 先進的動態(tài)管理機制，數(shù)據(jù)庫的大小可以隨著數(shù)據(jù)量的變化而縮小或 者擴大。另外，用戶數(shù)據(jù)都是非常重要的和保密的，這些數(shù)據(jù)存儲在 Mircrosoft SQL Server 2000 系統(tǒng)中有絕對的安全性保障，有完善的 用戶帳戶策略和許可機制，只有經(jīng)過授權(quán)的用戶才能訪問系統(tǒng)，并且 執(zhí)行相應(yīng)的操作和訪問允許訪問的數(shù)據(jù)。未經(jīng)授權(quán)的用戶既不能執(zhí)行 相應(yīng)的操作，也不能訪問數(shù)據(jù)庫中的相應(yīng)數(shù)據(jù)12。 Mircrosoft SQL Server 2000 系統(tǒng)具有強大的網(wǎng)上功能，可以在 Internet 上發(fā)布數(shù)據(jù)庫中的數(shù)據(jù)。在 Mircrosoft SQL Server 2000 系統(tǒng)中，允許用戶簡單的使用一些向?qū)Ш凸ぞ甙褦?shù)據(jù)庫的數(shù)據(jù)發(fā)布到 網(wǎng)絡(luò)上，并且可以根據(jù)需要來調(diào)度修改已經(jīng)發(fā)布的數(shù)據(jù)。 從歷史的發(fā)展來看，Mircrosoft SQL Server 2000 系統(tǒng)的產(chǎn)生就是為了開 發(fā)在 Mircrosoft Windows NT 操作系統(tǒng)上運行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)12。 4 系統(tǒng)設(shè)計概述 4.14.1 系統(tǒng)功能概述系統(tǒng)功能概述 網(wǎng)上購物系統(tǒng)分為前臺管理和后臺管理。前臺管理包括瀏覽商品、 查詢商品、訂購商品、購物車、用戶信息維護等功能。后臺管理包括 公告管理、商品管理、訂單管理、投訴管理和用戶管理等模塊。 后臺管理具體描述如下： 1)公告管理 添加公告，包括公告標(biāo)題和公告內(nèi)容等； 修改公告； 刪除公告。 2)商品管理 添加商品類別； 修改商品類別； 刪除商品類別； 添加商品信息，包括商品類別、名稱、編號、所屬公司等 信息； 商品圖片上傳、修改和刪除； 修改商品信息； 刪除商品信息； 查看商品信息。 3)訂單管理 處理訂單； 辦理發(fā)貨； 辦理結(jié)賬； 刪除訂單； 投訴管理； 錄入投訴的解決方法； 刪除已解決的投訴； 查看投訴用戶。 4.24.2 功能模塊劃分功能模塊劃分 從功能描述的內(nèi)容可以看到，本系統(tǒng)可以實現(xiàn) 6 個完整的功能。 功能模塊如下圖所示： 圖 在本系統(tǒng)中，用戶管理模塊的功能比較簡單。在系統(tǒng)初始化時， 有一個默認(rèn)的“系統(tǒng)管理員”用戶 Admin，由程序設(shè)計人員手動地添 網(wǎng)上購物商城系統(tǒng) 前臺管理 瀏覽公告 瀏覽商品 查詢商品 購買商品 用戶注冊 后臺管理 公告管理 商品管理 訂單管理 投訴管理 系統(tǒng)管理 加到數(shù)據(jù)庫中。Admin 用戶可以創(chuàng)建其他的管理員信息；普通用戶則 可以修改自己的注冊信息和密碼。 用戶管理功能模塊的關(guān)系如下圖所示： 圖 2 4.34.3 系統(tǒng)流程分析系統(tǒng)流程分析 在本網(wǎng)上購物系統(tǒng)中，一共有兩個主要的流程，即前臺客戶購物 流程和后臺訂單處理流程。 前臺客戶購物流程如下圖所示： 圖 3 系統(tǒng)用戶信息管理 修改自身的密碼 創(chuàng)建、修改和刪除管理員信息 刪除用戶信息 修改自身的密碼 創(chuàng)建、修改自身的信息 瀏覽商品 選擇商品 訂購商品 未注冊用戶 已登錄注冊用戶 未登錄注冊用戶 注冊 登錄 去收銀臺 去購物車 提交訂購單 后臺訂單處理流程如下圖所示： 圖 4 多用戶系統(tǒng)的工作流程都是從用戶登錄模塊開始的，之后，對用 戶的身份進行認(rèn)證，確認(rèn)用戶是否是有效的注冊用戶以決定用戶的操 作權(quán)限，從而決定用戶的工作界面。 4.44.4 數(shù)據(jù)庫的設(shè)計數(shù)據(jù)庫的設(shè)計 數(shù)據(jù)庫是設(shè)計網(wǎng)站必不可少的后臺支持，在設(shè)計數(shù)據(jù)庫表結(jié)構(gòu)之 前，首先要創(chuàng)建一個數(shù)據(jù)庫，在我們的網(wǎng)上購物系統(tǒng)中，我們定義這 個數(shù)據(jù)庫為 Shop。該數(shù)據(jù)庫中包含了 7 張表：公告信息表 Board、商 品類別表 GoodsType、商品信息表 Goods、購物車表 Basket、客戶投 訴表 Complain、用戶表 Users 和管理員表 Admin。 下面分別介紹一下這些表的結(jié)構(gòu)。 1)公告信息表 Board 公告信息表 Board 用來保存網(wǎng)站公告信息，結(jié)構(gòu)如下表所示： 編號編號字段名稱字段名稱數(shù)據(jù)類型數(shù)據(jù)類型說明說明 1Idint公告編號 2Titlevarchar(50)公告題目 用戶訂單 訂單處理 訂單發(fā)貨 訂單結(jié)帳 訂單刪除 3Contentvarchar(1000)公告內(nèi)容 4PostTimedatetime提交時間 5Postervarchar(20)提交人 表 2)商品類別表 GoodsType 商品類別表 GoodsType 用來保存商品類別的信息，結(jié)構(gòu)如下表所 示： 編號編號字段名稱字段名稱數(shù)據(jù)類型數(shù)據(jù)類型說明說明 1Idint分類編號 2Typevarchar50分類名稱 表 3)商品信息表 Goods 商品信息表 Goods 用來保存商品的基本信息，結(jié)構(gòu)如下表如示： 編號編號字段名稱字段名稱數(shù)據(jù)類型數(shù)據(jù)類型說明說明 1Idint商品編號 2TypeIdint商品類別 3Namevarchar(50)商品名稱 4SN_Numbervarchar(50)商品序列號 5Producervarchar(50)生產(chǎn)廠家 6Packagevarchar(50)包裝類型 7SalePricefloat銷售價格 8StorePricefloat進貨價格 9Contentvarchar(100)商品簡介 10ReadCountint閱讀次數(shù) 11BuyCountint銷售數(shù)量 12ImageFilevarchar(50)圖片文件 表 4)購物車表 Basket 購物車表 Basket 用來保存用戶訂購的商品信息，結(jié)構(gòu)如下表所示： 編號編號字段名稱字段名稱數(shù)據(jù)類型數(shù)據(jù)類型說明說明 1Id int編號 2UserIdvarchar(20)用戶名 3GoodsIdint商品編號 4OrderTimedatetime訂購時間 5OrderCountsmallint訂購數(shù)量 6SalePricefloat銷售價格 7UserCheckedtinyint用戶確認(rèn)（0-用戶訂購；1-送 至收銀臺；2-提交訂購） 8OrderNumbervarchar(50)訂單號 9PostTimedatetime提交時間 10AdminCheckedtinyint管理員確診（0-沒有提交；1- 用戶提交；2-處理；3-發(fā)貨； 4-結(jié)帳） 表 4 5)5)客戶投訴表客戶投訴表 ComplainComplain 客戶投訴表 Complain 用來保存客戶對訂單的投訴信息，結(jié)構(gòu)如下 圖所示： 編號編號字段名稱字段名稱數(shù)據(jù)類型數(shù)據(jù)類型說明說明 1Idint投訴編號 2PostTimedatetime投訴時間 3UserIdvarchar(20)用戶名 4OrderNumbervarchar(50)訂單號 5Contentvarchar(1000)投訴內(nèi)容 6Resultvarchar(1000)處理結(jié)果 7Flagbit處理標(biāo)志（0-未處理；1-已 處理） 表 5 6)6)用戶信息表用戶信息表 UsersUsers 用戶信息表 Users 用來保存注冊用戶的基本信息，結(jié)構(gòu)如下表如 示： 編號編號字段名稱字段名稱數(shù)據(jù)類型數(shù)據(jù)類型說明說明 1UserIdvarchar(20)用戶名 2Pwdvarchar(20)用戶密碼 3UserNamevarchar(50)用戶姓名 4Sexbit性別 5Addressvarchar(1000)地址 6Emailvarchar(50)電子郵件地址 7Telephonevarchar(100)固定電話 8Mobilevarchar(50)移動電話 表 6 7)管理員表 Admin 管理員表 Admind 用來保存系統(tǒng)管理員的基本信息，結(jié)構(gòu)如下表 所示： 編號編號字段名稱字段名稱數(shù)據(jù)類型數(shù)據(jù)類型說明說明 1AdminIdvarchar(20)用戶名 2PassWdvarchar(20)密碼 3Namevarchar(50)用戶姓名 表 7 4.54.5 目錄結(jié)構(gòu)與通用模塊目錄結(jié)構(gòu)與通用模塊 1)目錄結(jié)構(gòu) admin 用于存儲系統(tǒng)管理員的后臺操作腳本，包括商品類別管 理、商品信息管理、站內(nèi)公告管理、訂單管理、系統(tǒng)用戶管理等功能； adminimages 用于保存上傳的商品圖片； image 用于存儲網(wǎng)頁中的圖片文件； user 用于存儲注冊用戶的前臺操作腳本，包括用戶投訴和注冊 用戶管理等； shop 用于存儲與購物信息相關(guān)的腳本。 2)通用模塊 (1)ConnDB.asp ConnDB.asp 的功能是實現(xiàn)到數(shù)據(jù)庫的連接，在文件中引用如下文 件：作為頭文件就可以訪問數(shù)據(jù)庫。 (2)IsAdmin.asp IsAdmin.asp 的功能是判斷當(dāng)前用戶是否是管理用戶（即保存在表 admin 中的用戶） ，如果不是，則跳轉(zhuǎn)到 Login.asp，要求用戶登錄；如 果是，則不執(zhí)行任何操作，直接進入包含它的網(wǎng)頁。 (3)IsUser.asp 注冊用戶在確認(rèn)訂單、查看購物車、提交投訴等情況下，需要通 過身份驗證。IsUser.asp 可以實現(xiàn)此功能。程序從 Session 變量中讀取 注冊用戶信息，并連接到數(shù)據(jù)庫身份驗證。如果是注冊用戶，則程序 不執(zhí)行任何操作（即通過驗證，跳過此文件執(zhí)行其他文件） ；否則顯 示提示信息。 (4)upload_5xsoft.inc upload_5xsoft.inc 的功能是提供對上傳文件的支持，可以使用它上 傳商品圖片。 4.64.6 管理主界面與登錄程序設(shè)計管理主界面與登錄程序設(shè)計 本程序可分為前臺系統(tǒng)和后臺系統(tǒng)兩個部分。前臺系統(tǒng)為注冊用 戶提供查看商品、購買商品的頁面，而后臺系統(tǒng)則為管理用戶提供對 系統(tǒng)進行管理和維護的頁面。 1)設(shè)計管理主界面 本程序管理主界面為 AdminIndex.asp，它的功能是顯示網(wǎng)絡(luò)商城的管 理鏈接和公告等信息。在 AdminIndex.asp 中，包含了兩個文件 Left.asp 和 BoardList.asp。Left.asp 用來處理公告管理（公告列表） 、商 品管理（類別管理，商品列表） 、訂單管理（未處理訂單，已處理訂 單，已發(fā)貨訂單，已結(jié)帳定單） 、投訴管理（未處理投訴，已處理投 訴） 、用戶管理（系統(tǒng)用戶，系統(tǒng)管理員，修改密碼，退出） ； BoardList.asp 用來處理添加公告、全選、清空、刪除等內(nèi)容。 圖 2)設(shè)計 adminAdminIndex.asp 在 adminAdminIndex.asp 中，使用了框架將網(wǎng)頁分成左右兩個部 分，這樣可以確保只有管理用戶才能進入此頁面。 3)設(shè)計 adminLeft.asp adminLeft.asp 文件用于顯示管理界面中的公告管理（公告列表） 、 商品管理（類別管理，商品列表） 、訂單管理（未處理訂單，已處理 訂單，已發(fā)貨訂單，已結(jié)帳定單） 、投訴管理（未處理投訴，已處理 投訴） 、用戶管理（系統(tǒng)用戶，系統(tǒng)管理員，修改密碼，退出）等內(nèi) 容，它定義了一組管理鏈接，如下表如示： 管理項目管理項目鏈接鏈接 公告管理BoardList.asp 類別管理GoodsType.asp 商品列表GoodsList.asp 未處理訂單OrderDo.asp?flag=1 已處理訂單OrderDo.asp?flag=2 已發(fā)貨訂單OrderDo.asp?flag=3 已結(jié)帳訂單OrderDo.asp?flag=4 未處理投訴Complain.asp?flag=0 已處理投訴Complain.asp?flag=1 系統(tǒng)用戶UserList.asp 系統(tǒng)管理員AdminList.asp 修改密碼PwdChg.asp 退出登錄LoginExit.asp 表 4)管理用戶登錄程序設(shè)計 網(wǎng)站管理頁面只有管理用戶才能進入，所以在這些管理頁面中都 包含了 IsAdmin.asp，以進行身份認(rèn)證。如果管理用戶還沒有登錄，將 打開 adminLogin.asp 頁面。當(dāng)數(shù)據(jù)提交后，將執(zhí)行 putSession.asp，把 用戶信息保存在 Session 變量中，然后把網(wǎng)頁轉(zhuǎn)向到 adminLogin.asp 中。當(dāng)再次執(zhí)行 Left.asp 時，程序?qū)⒔邮沼脩粜畔?，進行身份驗證。 4.74.7 公告信息管理模塊設(shè)計公告信息管理模塊設(shè)計 公告信息管理模塊可以實現(xiàn)以下功能： 添加新的公告記錄 修改公告記錄； 刪除公告記錄。 只有管理用戶才能有權(quán)限進入公告信息管理模塊。 1)設(shè)計公告管理頁面 公告管理頁面為 BoardList.asp，公告的添加、修改和刪除都在這 里執(zhí)行。 顯示公告信息 ：BoardList.asp 能以表格的形式顯示公告名稱， 并在后面顯示修改鏈接和刪除復(fù)選框，修改公告的頁面是 BoradEdit.asp。參數(shù) id 的值為要修改的公告編號，公告信息后面的復(fù) 選框名為 Board，它的 id 值與對應(yīng)公告信息的編號相同。需要說明的 是，函數(shù) BoardWin( )的功能是彈出窗口，顯示公告信息。 顯示功能按鈕：如果存在公告記錄，則在表格下面顯示“添加 公告” 、 “全選” 、 “清空”和“刪除”按鈕。 2)添加公告信息 在 BoardList 頁面中，單擊“添加公告”按鈕，將調(diào)用 BoardWin( )函 數(shù)，在新窗口中打開 BoardAdd.asp，添加公告信息，它的主要功能是 判斷“公告標(biāo)題”和“公告內(nèi)容”是否為空，如果為空，則返回 false，不允許表單數(shù)據(jù)提交。表單數(shù)據(jù)提交后，將執(zhí)行 BoardSave.asp 保存數(shù)據(jù)，參數(shù) action 表示當(dāng)前的動作，action=add 表示添加記錄， BoardSave.asp 也可以用來處理修改公告信息的數(shù)據(jù)。 在處理公告信息時，需要轉(zhuǎn)換公告內(nèi)容中的空格、換行符和單引 號為 HTML 標(biāo)記符或者全角字符，由 changechr 函數(shù)來實現(xiàn)此功能。 圖 3)修改公告 修改公告是點擊每個公告的“修改”鏈接，進入 BoardEdit.asp 頁 面，BoardEdit.asp 的功能是從數(shù)據(jù)庫中取出指定公告的信息，用戶可 以對它們進行更改，然后提交數(shù)據(jù)。與添加公告相同的是，提交表單 前同樣需要進行域校驗，由 checkFields( )函數(shù)完成此功能。 表單數(shù)據(jù)提交后，將執(zhí)行 BoardSave.asp 保存數(shù)據(jù)，參數(shù) action 表 示當(dāng)前的動作，action=update 表示修改記錄。 4)刪除公告 在刪除公告之前，需要選中相應(yīng)的復(fù)選框，可以選擇全部復(fù)選框， 也可以全部清除選擇，然后生成并提交刪除編號列表。程序?qū)γ總€復(fù) 選框進行判斷，如果復(fù)選框被選中，則將復(fù)選框的 id 值轉(zhuǎn)換為字符串， 并追加到變量 strid 中。因為復(fù)選框的 id 值與對應(yīng)的公告編號相同， 所以最后 strid 中保存的是以逗號分隔的待刪除的公告編號，刪除后將 提示成功刪除信息。 5)查看公告信息 單擊公告超級鏈接，將在新窗口中執(zhí)行 BoardView.asp，查看公告 信息。 圖 7 4.84.8 商品類別管理模塊設(shè)計商品類別管理模塊設(shè)計 商品類別管理模塊可以實現(xiàn)以下功能： 添加新的商品類別記錄； 修改商品類別記錄； 刪除商品類別記錄。 只有管理用戶才有權(quán)限進入商品類別管理模塊，在 AdminIndex.asp 中，單擊“類別管理”超級鏈接，可以打開類別管理 頁面 GoodsType.asp。如下圖示 圖 8 1)設(shè)計商品類別管理頁面 顯示商品類別信息 為了便于用戶管理商品類別，GoodsType.asp 以表格的形式顯示 商品類別名稱，并在后面顯示修改鏈接和刪除復(fù)選框。在這個功能的 實現(xiàn)中，使用了以下幾個參數(shù)：參數(shù) Oper 的值為 update，表示當(dāng)前操 作為修改商品類別；參數(shù) id 表示要修改的商品類別編號；參數(shù) name 表示要修改的商品類別名稱。商品類別后面的復(fù)選框名為 type，它的 id 值與對應(yīng)商品類別的編號相同。 顯示功能按鈕 如果存在商品類別記錄，則在表格下面顯示“全選” 、 “清空”和 “刪除”按鈕，這些按鈕是為刪除商品類別記錄服務(wù)的。函數(shù) rs.RecordCount 可返回當(dāng)前記錄集的記錄數(shù)量。 顯示添加或修改商品類別的表單 在功能按鈕的下面，將顯示添加或修改商品類別的表單。當(dāng) flag=update 時，將顯示修改商品類別的表單；否則顯示添加商品類別 的表單。當(dāng)參數(shù) Oper 等于 edit 時，程序?qū)⑻幚硇薷牡纳唐奉悇e數(shù)據(jù)； 當(dāng)參數(shù) Oper 等于 add 時，程序?qū)⑻幚硖砑拥纳唐奉悇e數(shù)據(jù)。 (1)添加商品類別 在執(zhí)行 GoodsType.asp 時，如果參數(shù) Oper 不等于 update，頁面的 下方將顯示添加數(shù)據(jù)的表單 Aform。在文本域 txttitle 中輸入商品類別 的名稱，然后單擊“添加”按鈕，將調(diào)用 GoodsType.asp。參數(shù) Oper 等于 add，表示插入新記錄。 (2)修改商品類別 在 GoodsType.asp 中，單擊商品類別后面的“修改”超級鏈接， 將再次執(zhí)行 GoodsType.asp，參數(shù) Oper 等于 update。此時，頁面的下 方將顯示修改數(shù)據(jù)的表單 Uform。在文本域 txttitle 中輸入商品類別的 名稱，然后單擊“修改”按鈕，將調(diào)用 GoodsType.asp，參數(shù) Oper 等 edit，表示修改記錄。 在執(zhí)行 GoodsType.asp 時，可以在 url 中包含參數(shù)，程序?qū)⒏鶕?jù)參 數(shù) Oper 的值決定進行的操作。 (3)刪除商品類別 在刪除商品類別之前，需要選中相應(yīng)的復(fù)選框。GoodsType.asp 中定義了幾個與選擇復(fù)選框相關(guān)的 JavaScript 函數(shù)，它們與公告管理 頁面 BoardList.asp 中的相關(guān)函數(shù)類似，包括選擇全部復(fù)選框的 sltAll( )、 清除全部選擇的 sltNull( )和生成并提交刪除編號列表的 SelectChk( )等。 4.94.9 商品管理模塊設(shè)計商品管理模塊設(shè)計 系統(tǒng)用戶都可以對商品信息進行管理，商品管理模塊包含以下功 能：添加商品，修改商品信息，刪除商品。 1)顯示商品列表 在 AdminIndex.asp 中，單擊“商品列表”超級鏈接，將打開 GoodsList.asp。它的功能是按商品類別分頁顯示商品列表，并提供商 品管理的界面。 對于當(dāng)前處理的商品類別，只顯示類別名稱，其他類別則需要顯 示超級鏈接，鏈接地址為 GoodsType.asp，參數(shù) typeid 表示要顯示的 商品類別編號。 另外，通過設(shè)計置使用 rs.PageSize 和 rs.PageCount，可以控制程 序以分頁的形式顯示商品信息。 圖 9 (1)添加商品 GoodsType.asp 當(dāng)單擊“添加商品”按鈕時，觸發(fā) onclick 事件， 并調(diào)用 newwin(GoodAdd.asp)函數(shù)，即在彈出的新窗口中執(zhí)行 GoodsAdd.asp。下拉菜單名為 typeid，值為商品類別編號，顯示的內(nèi) 容是商品類別名稱。表單名為 myform，表單提交后，將由 GoodSave.asp 處理表單數(shù)據(jù)。在提交表單數(shù)據(jù)之后，程序?qū)?zhí)行 ChkFields( )函數(shù)，對用戶輸入數(shù)據(jù)的有效性進行檢查，只有當(dāng) ChkFields( )函數(shù)返回 Ture 時，才執(zhí)行提交操作。 在 ChkFields( )中，程序?qū)⒎謩e對商品類別、商品名稱、銷售價格 和進貨價格進行判斷，這些信息是必須填寫的。如果沒有填寫前面提 到的信息，將彈出相關(guān)的對話框，并返回 false，這樣表單數(shù)據(jù)將無法 提交。 在 GoodsSave.asp 中，有一個函數(shù) ChangeStr()，它的功能是替換 商品介紹中的功能字符串，目的是使其能夠成為 HTML 網(wǎng)頁的一部分， 在瀏覽網(wǎng)頁時被正常顯示。GoodsSave.asp 也可以用來處理修改商品信 息的數(shù)據(jù)。 圖 (2)商品圖片上傳 可以通過下面的步驟將圖片添加到商品中： 選擇商品圖片，并將其上傳到服務(wù)器的指定目錄下； 在商品正文中添加關(guān)于商品圖片的代碼，并將其保存在數(shù)據(jù)庫 中。 在 GoodsAdd.asp 中，文件上傳的界面由 upload.asp 實現(xiàn)，上傳文 件的數(shù)據(jù)由 upfile.asp 處理。在 GoodsAdd.asp 中，有一個隱藏域，用 于保存商品圖片的路徑。當(dāng) GoodsAdd.asp 提交數(shù)據(jù)時，隱藏域 upimage 將會被傳遞到 GoodsSave.asp 中，然后被保存到表 Goods 的 ImageFile 字段中。上傳圖片文件保存在服務(wù)器的 images 目錄下，文 件名為程序根據(jù)系統(tǒng)日期自動生成的。 (3)修改商品 在 GoodsList.asp 中，每條商品記錄的后面都有一個修改超級鏈接。 單擊此鏈接，將打開 GoodsEdit.asp，對指定商品進行編輯。參數(shù) id 表 示商品編號。如果商品沒有圖片，則顯示“無照片” ，設(shè)置超級鏈接 到 EditUpload.asp，參數(shù) id 表示商品編號；如果存在商品圖片，則顯 示“設(shè)置圖片”和“刪除圖片”超級鏈接。設(shè)置照片的腳本為 EditUpload.asp，刪除照片的腳本為 GoodsImageDelt.asp。 上傳文件的數(shù)據(jù)由 EditUpfile.asp 處理，參數(shù) id 表示要修改圖片 的商品編號。上傳圖片文件保存在服務(wù)器的 images 目錄下，文件名為 程序根據(jù)系統(tǒng)日期自動生成的。 (4)刪除商品 在刪除商品之前，需要選中相應(yīng)的復(fù)選框。這與刪除商品類別時 的操作相似，所以在 GoodsList.asp 中，也定義了操作復(fù)選框的函數(shù)， 包括選擇全部復(fù)選框的 sltAll( )、清除全部選擇的 sltNull( )和生成并提 交刪除編號列表的 selectChk( )等。處理刪除商品操作的腳本為 GoodsDelt.asp，參數(shù) id 表示要刪除的商品編號。除了要刪除表 Goods 中的商品信息外，還需要依次刪除相應(yīng)的商品圖片文件。 (5)查看商品信息 單擊商品超級鏈接，將在新窗口中執(zhí)行 GoodsView.asp，查看公 告信息。每次查看商品信息時，表 Goods 中的 ReadCount 字段都會加 1。 圖 4.104.10 訂單管理模塊設(shè)計訂單管理模塊設(shè)計 系統(tǒng)用戶都可以對訂單進行管理，注冊用戶提交的訂單必須經(jīng)過 處理才能生效。訂單管理模塊包含以下功能：查看訂單；處理訂 單（即改變訂單狀態(tài)） 。 1)查看訂單信息 在 AdminIndex.asp 中，單擊“訂單管理”下面的超級鏈接，可以 查看訂單信息。管理訂單分為 4 種情況：未處理訂單、已處理訂單、 已發(fā)貨訂單、已結(jié)帳訂單。訂單管理頁面為 OrderDo.asp 文件，根據(jù) URL 參數(shù) flag 確定顯示頁面。 系統(tǒng)管理員對用戶提交的訂單進行操作，表 Basket 中字段 AdminChecked 表示訂單的狀態(tài)。AdminChecked 等于 0 表示用戶尚未 確認(rèn)訂購，等于 1 表示用戶提交訂購單，等于 2 表示管理員已處理了 訂購單，等于 3 表示已經(jīng)發(fā)貨，等于 4 表示貨款兩結(jié)，等于 5 表示管 理員刪除訂購單。從表 Goods 和 Basket 中提取訂購商品信息。在此功 能中，newOrder 函數(shù)的作用是打開一個新的窗口，執(zhí)行 OrderCheck.asp 文件，參數(shù) flag 為要更改的狀態(tài)，id 為要更改的訂單 編號。 2)訂單處理 OrderCheck.asp 的功能是更改訂購單狀態(tài)，如果 iflag=5，則執(zhí)行 DELETE 語句，刪除指定的記錄；否則只需要更改表 Basket 中的 AdminChecked 字段值。更改狀態(tài)后顯示提示頁面，即“訂單處理完 畢！” 。 4.114.11 投訴管理模塊設(shè)計投訴管理模塊設(shè)計 系統(tǒng)用戶都可以對投訴進行管理，投訴管理模塊包含以下功能： 查看投訴信息；解決投訴，填寫解決方案；刪除投訴。 1)查看投訴信息 在 AdminIndex.asp 中，單擊“投訴管理”下面的超級鏈接，可以 查看投訴信息。 Complain.asp 文件用于顯示投訴處理頁面。參數(shù) flag 表示投訴的 狀態(tài)，flag 等于 0 表示未解決的投訴，等于 1 表示已解決的投訴。未 解決的投訴中，如果解決投訴時間超過 3 天，則顯示紅旗圖片，提醒 管理員此問題需要快些解決。 圖 2)投訴處理 投訴處理包括解決投訴和刪除投訴兩種情況。 方法為：打開新的窗口，寫入解決辦法，然后提交表單，程序?qū)?保存解決方式，并把 flag 字段的值設(shè)置為 1?？梢詣h除已經(jīng)處理過的 投訴信息。 4.124.12 系統(tǒng)主界面與登錄程序設(shè)計系統(tǒng)主界面與登錄程序設(shè)計 系統(tǒng)用戶和注冊用戶將通過不同的渠道登錄到系統(tǒng)。 1)設(shè)計主界面 本系統(tǒng)的主界面為 index.asp，它的功能是顯示網(wǎng)絡(luò)商城的給定信 息，包括系統(tǒng)公告、用戶登錄、訂單查詢、商品查詢、最新商品、熱 賣商品和商品分類等信息。 在 index.asp 中，還包含了兩個文件 Left.asp 和 Right.asp，分別用 來處理左側(cè)和右側(cè)的顯示內(nèi)容。Index.asp 的代碼只用來顯示網(wǎng)頁中間 部分的內(nèi)容。 圖 2)設(shè)計 index.asp (1)顯示最新添加商品信息 在 index.asp 的中央上方，將顯示最新添加的 3 個商品的詳細信息。 使用 GoodsView.asp 可以查看商品的詳細資料，使用 JavaScript 函數(shù) OpenBask( )可以打開購物車，訂購商品。 ( 2)顯示熱賣商品 在 index.asp 的中央下方，將顯示最熱賣的 3 個商品的詳細信息。 3)設(shè)計 Left.asp Left.asp 文件用于顯示主界面的左側(cè)部分，包括最新公告、用戶 登錄信息、訂單查詢和站內(nèi)搜索部分。 (1) 顯示公告信息 首選判斷是否存在公告信息，如果有則顯示數(shù)據(jù)庫中最新的 10 條公告信息。點擊任何一個公告鏈接，都會彈出一個新窗口，執(zhí)行 BoardView.asp 文件，按照給定的公告編號顯示公告信息。 (2) 顯示登錄信息 如果客戶沒有注冊或者登錄，則顯示登錄頁面和注冊鏈接；如果 用戶已經(jīng)登錄，則顯示用戶信息并在此操作用戶的相關(guān)權(quán)限，例如： 修改個人信息、更改密碼、查看投訴反饋、添加新的投訴等。 (3) 查詢訂單 用戶可以查詢訂單的處理狀態(tài)，輸入訂單號就可以看到訂單的記 錄，查看訂單的腳本為 queryOrder.asp。 (4) 站內(nèi)搜索 站內(nèi)搜索功能就是按照商品類別和關(guān)鍵字來搜索商品信息，點擊 “提交”按鈕將提交表單到 Search.asp 文件。 4)設(shè)計 Right.asp Right.asp 用于顯示主頁面的右側(cè)部分，包括商品分類、熱門商品 和熱賣商品等。 (1) 顯示商品分類 從商品類別表 GoodsType 中提取所有類別，并顯示在頁面中。每 種商品類別的鏈接都是在一個新的窗口中顯示此類別的商品信息，對 應(yīng)的腳本文件為 Search.asp。 (2) 顯示熱門商品 熱門商品是從商品表 Goods 中選出點擊率最高的 10 種商品，并 降序排列，同時顯示它們的瀏覽次數(shù)。 (3) 顯示熱賣商品 熱賣商品是從商品表 Goods 中以降序排列選出成交數(shù)量大于 0 的 10 種商品，同時顯示它們的成交數(shù)量。 (4) 注冊用戶登錄程序設(shè)計 注冊用戶只有登錄后才能購買商品、查看購物信息等，在 Left.asp 中，如果 isUser=False（即用戶沒有成功登錄） ，則顯示登錄 表單。當(dāng)數(shù)據(jù)成交后，將熱行 putSesstion.asp，將用戶信息保存在 Sesstion 變量中，然后把網(wǎng)頁轉(zhuǎn)向到 index.asp 中。當(dāng)再次執(zhí)行 Left.asp 時，程序?qū)⒔邮沼脩粜畔?，進行身份驗證。 注冊新用戶的腳本為 UserAdd.asp。 4.134.13 設(shè)計商品查詢及購買模塊設(shè)計商品查詢及購買模塊 商品查詢及購買模塊可以實現(xiàn)以下功能：查看商品列表；查詢商 品信息；查看商品信息；購買商品；查看購物車；收銀臺結(jié)算；查看 我的訂單。 除了查詢和查看商品信息外，其他功能都需要登錄后才能使用。 1)按分類查看商品列表 在主界面（Right.asp）中，顯示了商品分類的超級鏈接，單擊超 級鏈接，將打開 Search.asp 頁面，查看指定分類中的商品列表，參數(shù) tyid 表示商品類別的編號。 (1) 生成查詢條件 Search.asp 可以處理兩種情況的查詢，一種是按商品分類顯示商 品列表，另一種情況是在指定分類中查詢滿足條件的商品。如果參數(shù) tyid 不為空，則顯示類型編號為 tyid 的所有商品；否則在參數(shù) tid 中保 存了商品類型編號，參數(shù) gname 中保存了要查詢商品的名稱，這里使 用模糊查詢的方法。 (2) 分頁顯示商品信息 程序?qū)⒏鶕?jù)生成的查詢條件設(shè)置 SELECT 語句，并讀取滿足條件 的商品到記錄集 rs 中，然后設(shè)置分頁條件，以分頁的方式顯示商品。 2)選擇要購買的商品 在顯示的商品中，點擊要購買的商品的“訂購”鏈接圖標(biāo)，就會 顯示訂購商品的信息，只有注冊登錄用戶才能登錄到此頁面。進入此 頁面后，用戶需要輸入訂購的數(shù)量，然后點擊“放入購物車”按鈕。 在這里，用到了 CheckFields() 函數(shù)，其功能是校驗訂購數(shù)量域 count 的值是否為空、為整數(shù)并且大 于 0。通過驗證后，提交頁面到 shopBasketSave.asp?flag=1，把訂購 商品放進自己的購物車。shopBasketSave.asp 的功能是根據(jù)參數(shù) flag 的值處理購物車或收銀臺中的記錄。處理情況如下： flag=1 時，將選擇的商品放入購物車，包括用戶、商品、數(shù) 量和時間 等信息； flag=2 時，將刪除購物車或收銀臺中的指定商品； flag=3 時，將購物車中的指定商品放入收銀臺； flag=4 時，表示用戶在收銀臺確認(rèn)購買商品。 程序?qū)⒔邮諒?BasketIn.asp 傳遞來的數(shù)據(jù)，然后保存到表 Basket 中。 3)購物車管理 把商品放入購物車和在超市中把商品放在購物籃是一樣的，在到 收款臺之前需要進行確認(rèn)。訂購商品后，需要到購物車中確認(rèn)自己訂 購的商品信息，購物車頁面為 shopBasket.asp 文件。Basket.asp 可以 用來顯示購物車信息、收銀臺信息和訂單信息，使用 pageid 區(qū)分不同 的狀態(tài)。Pageid=0 時，顯示購物車信息；pageid=1 時，顯示收銀臺信 息；pageid=2 時，顯示訂單信息。參數(shù) sTitle 表示要顯示的標(biāo)題，參 數(shù) colnum 表示列數(shù)量。 在這一過程中，程序首先計算當(dāng)前商品的總價格，然后根據(jù)參數(shù) pageid 的值設(shè)置 SELECT 語句，讀取購物車、收銀臺或訂單中的數(shù)量， 并按照相應(yīng)的格式顯示。 在購物車中，可以點擊“刪除”按鈕刪除訂購的商品。函數(shù) SendOrder()的功能是在新窗口中打開 shopBasketSave.asp，參數(shù) flag=2，表示從購物車中刪除指定的商品。單擊“送收銀臺”按鈕將 訂購的商品送至收銀臺，此時參數(shù) flag=3，程序?qū)⒅付ㄉ唐返?UserChecked 字段值更新為 1。 4)收銀臺管理 把商品放入購物車還需要到收款臺進行確認(rèn)，使用 shopBasket.asp 可以顯示收銀臺信息，參數(shù) pageid 等于 1。在收銀臺 處也可以決定是否需要此種商品，可以取消訂購或者訂購確認(rèn)。按下 “購買”按鈕，表示用戶在收銀臺確認(rèn)購買商品，程序就會調(diào)用 makeOrderNumber( )函數(shù)，根據(jù)當(dāng)前的日期和時間生成訂單號，然后 更新表 Basket 中記錄的值。 如果在收銀臺購買了商品，商品的銷售數(shù)量就同時增加，即更改 表 Goods 的 BuyCount 字段的數(shù)值。使用 makeOrderNumber( )函數(shù)創(chuàng) 建訂單號，訂單號是按提交時間合成的。程序需要將當(dāng)前時間中的特 殊符號替換掉，以得到一個純數(shù)字字符串作為訂單號。 (1)我的訂單 登錄用戶可以在“我的訂單”鏈接頁面中看到自己訂購的所有商 品的處理狀態(tài)。訂單的狀態(tài)是用表 Basket 字段 AdminChecked 來表示 的，AdminChecked 為 1 表示等待處理、AdminChecked 為 2 表示正在 處理、AdminChecked 為 3 表示已經(jīng)發(fā)貨、AdminChecked 為 4 表示已 經(jīng)結(jié)帳。 使用 shopBasket.asp 可以顯示收銀臺信息，參數(shù) pageid 等于 2。 (2)查詢定單 在主界面的左側(cè)（Left.asp） ，有一個“訂單查詢”版塊。在文本 域中輸入訂單號，然后單擊“確定”按鈕，就可以查看到指定訂單的 內(nèi)容。 顯示訂單信息的文件為 queryOrder.asp，按照提供的訂單號和當(dāng)前 用戶名找到此訂單。 4.1