通(tong)俗地說(shuo)，電子商務(wu)(wu)就是在計(ji)算機網(wang)絡(主要指Internet網(wang)絡)的平臺(tai)上，按照一定的標準(zhun)開展的商務(wu)(wu)活動。當企(qi)業將(jiang)它的主要業務(wu)(wu)通(tong)過內聯(lian)網(wang)( Intranet)、外聯(lian)網(wang)( Extranet)以及Internet與企(qi)業的職員、客戶、供(gong)銷商以及合作(zuo)伙伴直接相連時，其中發生(sheng)的各種活動就是電子商務(wu)(wu)。

一、電子商務網站的設計思想

該網站是一個網上訂購系統，可分為(wei)面向(xiang)用戶的(de)(de)前臺(tai)頁(ye)面和面向(xiang)管理員的(de)(de)后臺(tai)頁(ye)面。對(dui)(dui)于用戶而言(yan)(yan)，它主(zhu)(zhu)要(yao)(yao)實現的(de)(de)功(gong)(gong)(gong)能有(you)用戶的(de)(de)登錄與(yu)相(xiang)關信(xin)息的(de)(de)修改，商品的(de)(de)購買與(yu)查(cha)看以(yi)(yi)(yi)及訂單的(de)(de)相(xiang)關內容。對(dui)(dui)于管理員而言(yan)(yan)，他主(zhu)(zhu)要(yao)(yao)實現的(de)(de)功(gong)(gong)(gong)能是(shi)對(dui)(dui)用戶、商品以(yi)(yi)(yi)及訂單進行相(xiang)關的(de)(de)處理。界面設(she)(she)計(ji)思(si)路: 美觀、大方、實用。就頁(ye)面布局來(lai)說，采用“匡”形(xing)(xing)結構。色(se)(se)調主(zhu)(zhu)要(yao)(yao)采用暖(nuan)色(se)(se)系，主(zhu)(zhu)要(yao)(yao)輔(fu)助顏色(se)(se)為(wei)白色(se)(se)。頁(ye)面導(dao)航(hang)按鈕的(de)(de)設(she)(she)計(ji)上也是(shi)簡單明了。整個網站(zhan)風(feng)格統(tong)一，一氣呵成。只在頁(ye)面左邊的(de)(de)相(xiang)應的(de)(de)板塊(kuai)標志(zhi)圖片或其他文字提(ti)示上有(you)所區別(bie)。對(dui)(dui)于功(gong)(gong)(gong)能的(de)(de)滿(man)足來(lai)說，給用戶一個易(yi)于接受的(de)(de)形(xing)(xing)式(shi)來(lai)表達(da)。我們以(yi)(yi)(yi)一個條形(xing)(xing)菜單的(de)(de)形(xing)(xing)式(shi)列(lie)出系統(tong)所要(yao)(yao)實現的(de)(de)主(zhu)(zhu)要(yao)(yao)功(gong)(gong)(gong)能，并且標以(yi)(yi)(yi)類別(bie)，比如(ru)有(you)訂單查(cha)詢、用戶登錄、商品搜索，然后在大功(gong)(gong)(gong)能的(de)(de)下面在分別(bie)標有(you)各自的(de)(de)小(xiao)功(gong)(gong)(gong)能，以(yi)(yi)(yi)達(da)到給人一種一目了然的(de)(de)感覺(jue)。后臺(tai)設(she)(she)計(ji)思(si)路: 自然、通(tong)俗(su)、豐富(fu)。

二、詳細設計

根據(ju)網站(zhan)功能設計，整個(ge)系(xi)統(tong)由(you)會員管(guan)(guan)理(li)、在線購物(wu)和系(xi)統(tong)管(guan)(guan)理(li) 3 個(ge)模塊(kuai)(kuai)組(zu)成，其中會員管(guan)(guan)理(li)模塊(kuai)(kuai)包(bao)括用(yong)(yong)戶注冊、用(yong)(yong)戶審(shen)核和用(yong)(yong)戶登錄驗證; 在線購物(wu)模塊(kuai)(kuai)包(bao)括商品搜索(suo)、購物(wu)車管(guan)(guan)理(li)、訂單(dan)查詢; 系(xi)統(tong)管(guan)(guan)理(li)模塊(kuai)(kuai)包(bao)括商品信(xin)息(xi)管(guan)(guan)理(li)、用(yong)(yong)戶管(guan)(guan)理(li)和交易信(xin)息(xi)管(guan)(guan)理(li)。下面對主要的頁面進行詳細地說明。

(一(yi)) 公共文(wen)(wen)件。系統中所有(you)(you)頁面都(dou)有(you)(you)用到的文(wen)(wen)件是頁頭和頁尾的兩幅flash動(dong)畫top1.swf和bottom1.swf，還有(you)(you)兩個asp文(wen)(wen)件，其中style.asp 文(wen)(wen)件規定(ding)了整個網站的基(ji)本(ben)樣(yang)式，mouse.asp 定(ding)義了網站的標(biao)題。

(二) 網(wang)站(zhan)首頁(ye)。網(wang)站(zhan)的(de)(de)首頁(ye)，顯示了點(dian)擊(ji)購買率(lv)最高的(de)(de)前四(si)種商品(pin)，列出了商品(pin)分(fen)類信(xin)息，提供了登錄表(biao)(biao)單、訂單查(cha)詢(xun)和(he)商品(pin)查(cha)詢(xun)表(biao)(biao)單，另(ling)外還有(you)相關類購物(wu)網(wang)站(zhan)的(de)(de)友情鏈接，方便用(yong)戶網(wang)上(shang)購物(wu)。用(yong)戶可以通(tong)過該頁(ye)面(mian)(mian)(mian)(mian)登錄網(wang)站(zhan)，查(cha)詢(xun)所有(you)商品(pin)信(xin)息和(he)自(zi)己提交的(de)(de)表(biao)(biao)單信(xin)息。首頁(ye)的(de)(de)代碼(ma)只有(you)四(si)句，就是四(si)句包(bao)含命令，包(bao)含了四(si)個(ge)(ge)ASP 文(wen)(wen)(wen)件(jian)(jian)(jian)，這四(si)個(ge)(ge)文(wen)(wen)(wen)件(jian)(jian)(jian)構成了整個(ge)(ge)首頁(ye)。這四(si)個(ge)(ge)文(wen)(wen)(wen)件(jian)(jian)(jian)是:＜ ! － － #include file = "comm /mouse.asp" － － ＞ / / 公(gong)共文(wen)(wen)(wen)件(jian)(jian)(jian)，設置網(wang)站(zhan)標題＜ ! － － #include file ="top.asp" － － ＞ / / 公(gong)共文(wen)(wen)(wen)件(jian)(jian)(jian)，網(wang)站(zhan)頁(ye)面(mian)(mian)(mian)(mian)頁(ye)頭＜ ! － － #include file = "body.asp" － － ＞ / / 首頁(ye)頁(ye)面(mian)(mian)(mian)(mian)主體＜ ! － － #include file ="bottom.asp" － － ＞ / / 公(gong)共文(wen)(wen)(wen)件(jian)(jian)(jian)，網(wang)站(zhan)頁(ye)面(mian)(mian)(mian)(mian)頁(ye)尾

(三) 會員(yuan)管理模(mo)(mo)塊。該模(mo)(mo)塊包含會員(yuan)注(zhu)(zhu)冊(ce)(ce)、會員(yuan)信息審核和用(yong)(yong)戶(hu)登錄驗證 3 個子模(mo)(mo)塊。包括的文件如(ru)下(xia):Index．asp: 系(xi)統(tong)首頁(ye)包含有(you)登錄表單New．asp: 注(zhu)(zhu)冊(ce)(ce)第(di)一步頁(ye)面(mian)(mian)New2．asp: 注(zhu)(zhu)冊(ce)(ce)第(di)二步頁(ye)面(mian)(mian)注(zhu)(zhu)冊(ce)(ce)成功的用(yong)(yong)戶(hu)自動(dong)登錄入系(xi)統(tong)。

(四) 在線(xian)購物模(mo)(mo)塊(kuai)。該(gai)模(mo)(mo)塊(kuai)包含(han)商品(pin)搜索、購物車(che)(che)管理和(he)訂(ding)單(dan)查詢 3 個(ge)子模(mo)(mo)塊(kuai)。該(gai)模(mo)(mo)塊(kuai)是(shi)電子商務系(xi)統(tong)(tong)主要(yao)的(de)(de)(de)功(gong)能模(mo)(mo)塊(kuai)，通(tong)(tong)過該(gai)模(mo)(mo)塊(kuai)，用戶能夠瀏覽系(xi)統(tong)(tong)中(zhong)的(de)(de)(de)所有商品(pin)信息，并添加自己喜歡(huan)的(de)(de)(de)商品(pin)到購物車(che)(che)，最后(hou)(hou)將購買的(de)(de)(de)鮮花(hua)商品(pin)作為訂(ding)單(dan)提交到系(xi)統(tong)(tong)。如(ru)(ru)果不滿意所選(xuan)商品(pin)，可清空購物車(che)(che)，使商品(pin)返回“貨(huo)架(jia)”。以(yi)后(hou)(hou)如(ru)(ru)果需要(yao)查詢訂(ding)單(dan)信息，可以(yi)通(tong)(tong)過訂(ding)單(dan)號(hao)到系(xi)統(tong)(tong)中(zhong)查詢。

商(shang)品(pin)搜(sou)索(suo)(suo)子模塊主(zhu)要由(you) productlogin． asp 和 searchprod-uct.asp 文件(jian)(jian)構成(cheng)，productlogin.asp 可設(she)置查(cha)(cha)詢條(tiao)件(jian)(jian)進(jin)行商(shang)品(pin)搜(sou)索(suo)(suo)，主(zhu)要是以組成(cheng)商(shang)品(pin)的(de)材料的(de)花(hua)(hua)名(ming)(ming)和花(hua)(hua)的(de)顏色為查(cha)(cha)詢條(tiao)件(jian)(jian)，另(ling)外可以根據(ju)商(shang)品(pin)名(ming)(ming)稱進(jin)行查(cha)(cha)詢。如果不(bu)設(she)置查(cha)(cha)詢條(tiao)件(jian)(jian)，默(mo)認查(cha)(cha)詢所有(you)商(shang)品(pin)，將過(guo)渡到(dao) searchproduct.asp，用戶可以通(tong)過(guo)鼠標點擊查(cha)(cha)看庫中所有(you)商(shang)品(pin)并同時可進(jin)行選購(gou)。

三、數據庫設計

數據庫在一個信息管(guan)理系(xi)統(tong)中占有(you)非(fei)常重要(yao)的(de)位置，數據結構設計的(de)好(hao)壞(huai)將直(zhi)接影響(xiang)到系(xi)統(tong)的(de)效(xiao)(xiao)率及系(xi)統(tong)實(shi)(shi)現的(de)效(xiao)(xiao)果。合理的(de)數據結構設計可(ke)以提高數據存儲(chu)的(de)效(xiao)(xiao)率，保證數據的(de)完整和(he)一致性，同(tong)時，也有(you)利于程(cheng)序的(de)實(shi)(shi)現。

(一(yi)) 表結構(gou)。在對電(dian)子商(shang)務系(xi)統(tong)進(jin)行系(xi)統(tong)設計的(de)(de)基(ji)礎(chu)上(shang)，可以得到下面(mian)所示的(de)(de)數(shu)(shu)據項(xiang)和數(shu)(shu)據結構(gou):

 1． 用(yong)戶(hu)基本信息表。包括的數據項有 ID、用(yong)戶(hu)賬號、密碼、密碼提示(shi)問題(ti)、問題(ti)答案、姓名(ming)、性(xing)別、電子郵箱、住(zhu)地、郵編、聯(lian)系電話、用(yong)戶(hu)等級和注冊日期(qi)等，如表 1 所示(shi)。

 2． 管理(li)員(yuan)信息表。包括(kuo)的數據(ju)項有(you) ID、管理(li)員(yuan)賬號、密碼、密碼提示(shi)問(wen)(wen)題、問(wen)(wen)題答案;

3． 花名( 商品(pin)分(fen)類之大類) 。包(bao)括的數據(ju)項有 ID、花名、添(tian)加日(ri)期。

4． 花(hua)色( 商品(pin)分類之(zhi)小類) 。包(bao)括的數據項有 ID、花(hua)色、所屬花(hua)名(ming)、添加日期。

5． 商(shang)品信(xin)息表(biao)。包括的數據(ju)項(xiang)有(you) ID、商(shang)品編號、名稱、花(hua)(hua)色、花(hua)(hua)名、縮(suo)略圖、全圖、普通價格(ge)、打折(zhe)價格(ge)、超(chao)級價格(ge)、簡介、說明、數量、查看次(ci)數和添(tian)加日期(qi)等。

6． 訂(ding)單信息表(biao)。包括的數據項(xiang)有訂(ding)單編(bian)號、用戶(hu)賬號、姓名、聯系電(dian)話(hua)、住地、郵編(bian)、電(dian)子(zi)郵箱、付款(kuan)方式、添加時間、是否處(chu)理(li)、補充說明等。

7． 購物信息表。包括(kuo)的(de)數(shu)(shu)據項有 ID、訂單編號(hao)、商品編號(hao)、名稱、價格(ge)、數(shu)(shu)量、購物時間等(deng)。

(二(er)) 數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)連接(jie)(jie)(jie)(jie)。本系統的(de)(de)(de)數(shu)(shu)(shu)(shu)(shu)據(ju)實現是利用(yong)(yong)(yong)(yong)(yong)的(de)(de)(de)ADO技(ji)術(shu)。ADO( ActiveX Data Objects) ，又(you)叫 ActiveX 數(shu)(shu)(shu)(shu)(shu)據(ju)對(dui)(dui)象(xiang)，是一項(xiang)容(rong)易使(shi)用(yong)(yong)(yong)(yong)(yong)并且(qie)可(ke)擴展的(de)(de)(de)，鏈(lian)接(jie)(jie)(jie)(jie)數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)、操作(zuo)數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)、查(cha)詢數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)，并且(qie)可(ke)以(yi)將數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)訪(fang)問結果添加(jia)到Web頁(ye)面的(de)(de)(de)技(ji)術(shu)。可(ke)以(yi)使(shi)用(yong)(yong)(yong)(yong)(yong) ADO 去編寫緊湊(cou)簡明的(de)(de)(de)腳本以(yi)便(bian)鏈(lian)接(jie)(jie)(jie)(jie)到 OD-BC( Open Database Connectivity) 兼(jian)容(rong)的(de)(de)(de)數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)和(he) OLE DB 兼(jian)容(rong)的(de)(de)(de)數(shu)(shu)(shu)(shu)(shu)據(ju)源。ADO 數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)鏈(lian)接(jie)(jie)(jie)(jie)技(ji)術(shu)的(de)(de)(de)使(shi)用(yong)(yong)(yong)(yong)(yong)是與 ASP 技(ji)術(shu)的(de)(de)(de)使(shi)用(yong)(yong)(yong)(yong)(yong)分(fen)不開的(de)(de)(de)。在．asp文件中(zhong)通(tong)過使(shi)用(yong)(yong)(yong)(yong)(yong)ADO鏈(lian)接(jie)(jie)(jie)(jie)對(dui)(dui)象(xiang)的(de)(de)(de)Open 方法來鏈(lian)接(jie)(jie)(jie)(jie)數(shu)(shu)(shu)(shu)(shu)據(ju)庫(ku)，又(you)使(shi)用(yong)(yong)(yong)(yong)(yong)鏈(lian)接(jie)(jie)(jie)(jie)對(dui)(dui)象(xiang)的(de)(de)(de) Execute 方法來執行(xing)查(cha)詢語句(ju)和(he)其(qi)他操作(zuo)命(ming)令，最后使(shi)用(yong)(yong)(yong)(yong)(yong)記錄集對(dui)(dui)象(xiang)在． asp文件把查(cha)詢結果組織成標準的(de)(de)(de) HTML 格式返回至客戶端(duan)瀏覽(lan)器(qi)。

具體實(shi)現語(yu)法:＜ % option explicitdim conn，connstr，databasedatabase = " db / bookshop． mdb"Set conn = Server． CreateObject( " ADODB． Connection" )connstr = " Provider = Microsoft． Jet． OLEDB． 4． 0; DataSource = " ＆ Server． MapPath( " " ＆database＆" " )conn． Open connstr% ＞

四、結語通過

ASP 技術的交互功能，完成在線交易，實(shi)現了(le)整(zheng)個購物系統。

更多網站建設資料： 

網站設計中查找瀏覽機制設計研究