電子商務(wù)網(wǎng)站建設(shè)課程設(shè)計(jì)

1、<p><b>　　目　錄</b></p><p>　　課程設(shè)計(jì)任務(wù)書......................................................................... 2</p><p>　　設(shè)計(jì)概述及準(zhǔn)備...................................................

2、...... 5</p><p>　　功能概述....................................................................... 6</p><p>　　數(shù)據(jù)庫........................................................................... 9</

3、p><p>　　創(chuàng)建電子商務(wù)站點(diǎn)..................................................... 12</p><p>　　網(wǎng)站主要功能實(shí)現(xiàn)..................................................... 13</p><p>　　系統(tǒng)測試......................

4、................................................. 16</p><p>　　參考文獻(xiàn)........................................................................................ 18</p><p>　　第一章 設(shè)計(jì)概述及準(zhǔn)備</p>&

5、lt;p>　　本次課程設(shè)計(jì)的任務(wù)是，構(gòu)建一個(gè)電子商務(wù)網(wǎng)站——網(wǎng)上書店，采用的主要技術(shù)是基于IIS服務(wù)器端的ASP、IIS的組件、網(wǎng)頁編程語言HTML、數(shù)據(jù)庫以Microsoft Office 的Access為平臺(tái)以及鏈接數(shù)據(jù)庫ODBC。</p><p>　　ASP是Active Server Page的縮寫，意為“活動(dòng)服務(wù)器網(wǎng)頁”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它程序

6、進(jìn)行交互，是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。 ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或web應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序。 </p><p>　　與HTML相比，ASP網(wǎng)頁具有以下特點(diǎn)

7、：</p><p>　?。?）利用ASP可以實(shí)現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁技術(shù)；</p><p>　?。?）ASP文件是包含在HTML代碼所組成的文件中的，易于修改和測試；</p><p>　?。?）服務(wù)器上的ASP解釋程序會(huì)在服務(wù)器端制定ASP程序，并將結(jié)果以HTML格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽ASP所產(chǎn)生的網(wǎng)頁；<

8、;/p><p>　?。?）ASP提供了一些內(nèi)置對象，使用這些對象可以使服務(wù)器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過HTML表單提交的信息，并在腳本中對這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息；</p><p>　?。?）由于服務(wù)器是將ASP程序執(zhí)行的結(jié)果以HTML格式傳回客戶端瀏覽器，因此使用者不會(huì)看到ASP所編寫的原始程序代碼，可放置ASP程序代碼被竊取。</p>

9、;<p>　　課設(shè)主要技術(shù)及工具：</p><p>　　開發(fā)工具： Microsoft Office Access2000 Macromedia DreamWeaver8.0</p><p>　　開發(fā)語言：VB VBScript JavaScript Html SQL</p><p>　　開發(fā)技術(shù)：ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)</p>

10、<p><b>　　第二章 功能概述</b></p><p>　　系統(tǒng)組成：系統(tǒng)主要包括兩個(gè)模塊：用戶購物模塊和網(wǎng)站管理模塊</p><p><b>　　二、系統(tǒng)主要功能</b></p><p>　　1．會(huì)員登陸及身份驗(yàn)證</p><p>　　⑴用戶注冊成為會(huì)員 </p>

11、;<p><b>　　⑵驗(yàn)證用戶注冊信息</b></p><p><b>　?、切薷馁Y料</b></p><p><b>　　2．在線選購商品</b></p><p><b>　?、艦g覽書籍</b></p><p><b>　　⑵書

12、籍查詢 </b></p><p><b>　?、怯脩籼峤挥唵?</b></p><p><b>　?、扔脩舨樵冇唵?lt;/b></p><p><b>　　3．系統(tǒng)管理</b></p><p><b>　?、艜畔⒐芾?</b></p&g

13、t;<p>　?、平灰仔畔⒐芾?</p><p><b>　　⑶會(huì)員管理 </b></p><p><b>　?、裙芾韱T管理</b></p><p><b>　　三、網(wǎng)站功能概述</b></p><p>　　該系統(tǒng)主要分為四大模塊：用戶登錄注冊、網(wǎng)上購物、書籍

14、展示和管理系統(tǒng)。各模塊的功能如下：</p><p><b>　　1、用戶登錄、注冊</b></p><p>　　用戶注冊是為了保證用戶在本網(wǎng)站的安全性，便于網(wǎng)站管理。</p><p><b>　　2、網(wǎng)上購物</b></p><p>　　用戶在進(jìn)行網(wǎng)上購物時(shí)，必須現(xiàn)登陸，如果是新用戶，則必須先進(jìn)行注

15、冊。</p><p><b>　　3、書籍展示</b></p><p>　　用戶可以通過搜索的方式查看書籍信息，搜索的方式有：按圖書類別、按書名、按作者、按出版社。每本書都顯示了書名、作者、定價(jià)、特價(jià)等，如果想了解每本書的詳細(xì)信息可以點(diǎn)擊書名，詳細(xì)信息還包括了書影、內(nèi)容簡介等。</p><p><b>　　4、管理系統(tǒng)</b&g

16、t;</p><p>　　管理系統(tǒng)是系統(tǒng)管理員對整個(gè)網(wǎng)站后臺(tái)數(shù)據(jù)庫進(jìn)行維護(hù)，是網(wǎng)站最重要組成。在進(jìn)入本欄目時(shí)系統(tǒng)會(huì)提示輸入系統(tǒng)管理員的用戶名和密碼，對于其他用戶此界面是不可見的。管理員可以添加新書、添加書籍分類以及修改書籍庫存信息和刪除書籍。管理員還可以根據(jù)日期查詢并刪除在此日期中的還未付款的用戶信息。</p><p><b>　　四、網(wǎng)站功能模塊圖</b></

17、p><p>　　功能結(jié)構(gòu)圖用于表示系統(tǒng)模塊的分層結(jié)構(gòu)，系統(tǒng)后臺(tái)功能模塊如圖1所示，主要包括前臺(tái)展示、員工管理、信息查詢</p><p>　　圖1書店銷售系統(tǒng)后臺(tái)功能結(jié)構(gòu)圖</p><p>　　前臺(tái)主要功能模塊如圖2所示，主要功能包括圖書展示、會(huì)員注冊、信息查詢、會(huì)員管理。</p><p>　　圖2書店銷售系統(tǒng)前臺(tái)功能結(jié)構(gòu)圖</p>

18、<p>　　五、網(wǎng)上購物數(shù)據(jù)流圖</p><p>　　業(yè)務(wù)流程圖是用以描述系統(tǒng)各項(xiàng)業(yè)務(wù)處理的過程，利用它可以幫助分析人員找出業(yè)務(wù)流程中的不合流理向，它是物理模型。業(yè)務(wù)流程圖描述的是完整的業(yè)務(wù)流程，以業(yè)務(wù)處理過程為中心。業(yè)務(wù)流程圖符號(hào)如表3所示：</p><p>　　圖3業(yè)務(wù)流程符號(hào)示意圖</p><p>　　本系統(tǒng)客戶購物流程，客戶首先進(jìn)入網(wǎng)頁，在登錄欄處

19、輸入用戶名和密碼，系統(tǒng)進(jìn)行驗(yàn)證客戶身份，若系統(tǒng)沒有檢索到用戶名，則不允許購物，否則進(jìn)一步比較用戶密碼，若正確則登錄成功；用戶可選擇某種書籍，點(diǎn)擊進(jìn)入詳細(xì)信息，查看詳細(xì)售價(jià)等信息，在確定所需要的產(chǎn)品后，提交所選的書籍，進(jìn)入訂單頁面，系統(tǒng)會(huì)自動(dòng)加載用戶已注冊的基本信息，在訂單頁面中用戶只需要填寫詳細(xì)的通訊地址、聯(lián)系方式等信息，這時(shí)系統(tǒng)會(huì)驗(yàn)證客戶所填寫的信息是否正確，若無誤，則保存正確信息，否則不予處理，最后如果用戶不在購物，則可退出登錄。&

20、lt;/p><p><b>　　圖4業(yè)務(wù)流程圖</b></p><p><b>　　第三章 數(shù)據(jù)庫</b></p><p><b>　　一、數(shù)據(jù)庫需求分析</b></p><p>　　用戶信息表表（member）： 用戶編碼，用戶昵稱，用戶密碼，用戶真實(shí)姓名，城市，地址，郵編，電

21、話。</p><p>　　管理員信息管理表表（master）：用戶編號(hào)，管理員，管理員密碼。</p><p>　　商品信息表（books）：用戶編號(hào),書名，ISBN，價(jià)格，分類，會(huì)員價(jià)，重量，書簡介。</p><p>　　用戶留言表（message）：用戶編號(hào)，用戶昵稱，留言內(nèi)容，留言時(shí)間，留言人性別。</p><p>　　訂單表（usord

22、er）：訂單編號(hào)，用戶真實(shí)姓名，用戶昵稱，ISBN，書名，重量，數(shù)量，價(jià)格，下訂單日期，是否已成交。</p><p><b>　　二、數(shù)據(jù)庫設(shè)計(jì)原則</b></p><p><b>　　1、數(shù)據(jù)的共享性。</b></p><p><b>　　2、數(shù)據(jù)的獨(dú)立性。</b></p><p

23、>　　3、數(shù)據(jù)的完整性，即保證數(shù)據(jù)庫存中數(shù)據(jù)準(zhǔn)確。</p><p>　　4、靈活性，可在相當(dāng)短的時(shí)間內(nèi)回答用戶的各種各樣的復(fù)雜而靈活的查詢問題。</p><p>　　5、安全性與保密性，做到對數(shù)據(jù)指定保護(hù)級別和安全控制。</p><p>　　三、數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)(E-R圖)</p><p>　　E-R圖提供了表示實(shí)體型、屬性和聯(lián)系的方

24、法：</p><p>　　實(shí)體型：用矩形表示，矩形內(nèi)寫明實(shí)體名。</p><p>　　屬性：用橢圓表示，并用無向邊將其與相應(yīng)的實(shí)體連接起來。</p><p>　　那么本系統(tǒng)的E-R圖如下：</p><p>　　圖5用戶系統(tǒng)的E-R圖</p><p>　　圖6管理員系統(tǒng)的E-R圖</p><p>

25、<b>　　四、數(shù)據(jù)庫設(shè)計(jì)</b></p><p>　　Book各表的名稱和功能如表7所示。</p><p>　　表7 book數(shù)據(jù)庫中的表及其功能說明</p><p>　　表8 表member表的數(shù)據(jù)結(jié)構(gòu)</p><p>　　表9 master表的數(shù)據(jù)結(jié)構(gòu)</p><p>　　表10 book

26、s表的數(shù)據(jù)結(jié)構(gòu)</p><p>　　表11 message表的數(shù)據(jù)結(jié)構(gòu)</p><p>　　表12 usorder表的數(shù)據(jù)結(jié)構(gòu)</p><p>　　第四章 創(chuàng)建電子商務(wù)站點(diǎn)</p><p>　　一、創(chuàng)建電子商務(wù)站點(diǎn)</p><p>　　Dreamweaver是Macromedia公司推出的一種專業(yè)的HTML編輯器，用

27、于 對Web站點(diǎn)、Web首頁、Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。在Dreamweave中，可以在可視化編輯環(huán)境中工作，也可以直接編寫HTML代碼。</p><p>　　⑴啟動(dòng)Dreamweave8.0，選擇[站點(diǎn)][新建站點(diǎn)]，出現(xiàn)“站點(diǎn)定義”對話框，選擇“基本”選項(xiàng)卡，在文本框中輸入站點(diǎn)名稱“網(wǎng)上書店”</p><p>　?、茊螕鬧下一步]在出現(xiàn)的對話框中選擇“ASP.VBScript

28、”</p><p>　?、菃螕鬧下一步]按鈕，出現(xiàn)選擇存儲(chǔ)文件位置及測試方式，選擇在本地進(jìn)行編輯和測試，并在下面的文本框中輸入站點(diǎn)根本目錄位置</p><p>　?、葐螕鬧下一步]，出現(xiàn)選擇測試文件對話框</p><p>　?、蓡螕鬧測試URL] </p><p>　?、蕼y試成功后，單擊[下一步]選擇是的，我要使用遠(yuǎn)程服務(wù)器</p>

29、;<p>　?、藛螕鬧下一步]按鈕，出現(xiàn)選擇存儲(chǔ)文件位置及測試方式,并在下面的文本框中輸入站點(diǎn)根本目錄位置</p><p>　　⑻單擊[下一步]按鈕，選擇否，不啟用存回和取出</p><p>　?、蛦螕鬧完成]按鈕，完成新建站點(diǎn)</p><p><b>　　二、數(shù)據(jù)庫連接</b></p><p>　　對于已

30、經(jīng)創(chuàng)建的數(shù)據(jù)庫，如果要在所設(shè)計(jì)的網(wǎng)頁中訪問它，必須首先建立與數(shù)據(jù)庫的連接，而在用Dreamweaver建立數(shù)據(jù)庫連接之前，先要在Windows中配置數(shù)據(jù)源(DSN)。</p><p><b>　　三、配置數(shù)據(jù)源</b></p><p>　　在系統(tǒng)上設(shè)定系統(tǒng)數(shù)據(jù)源的目的是使網(wǎng)絡(luò)服務(wù)器知道數(shù)據(jù)庫所在的位置及數(shù)據(jù)庫相關(guān)屬性。</p><p>　　(1

31、)在[控制面板]中的[管理工具]下找到“ODBC數(shù)據(jù)源”圖標(biāo)</p><p>　　(2)雙擊ODBC數(shù)據(jù)源圖標(biāo)，將出現(xiàn)ODBC數(shù)據(jù)源管理器窗口，選擇“系統(tǒng)DSN”選項(xiàng)卡，如圖5.2.2所示。</p><p>　　(3)單擊“添加”按鈕，為系統(tǒng)添加新的DSN。</p><p>　　(4)出現(xiàn)創(chuàng)建數(shù)據(jù)源窗口，如圖5.2.3在這個(gè)窗口中為數(shù)據(jù)庫選擇正確的驅(qū)動(dòng)程序。<

32、/p><p>　　(5)單擊“完成”按鈕，出現(xiàn)ODBC Microsoft Access安裝窗口，在“數(shù)據(jù)源名”一欄輸入“book”。</p><p>　　(6)單擊“選擇”按鈕，出現(xiàn)“選擇數(shù)據(jù)庫”窗口，選擇所需的數(shù)據(jù)庫“book.mdb”</p><p>　　(7)單擊“確定”按鈕，發(fā)現(xiàn)剛才選定的數(shù)據(jù)庫出現(xiàn)在ODBC Microsoft access安裝窗口中的數(shù)據(jù)庫

33、項(xiàng)中。</p><p>　　(8)單擊“確定”按鈕，在出現(xiàn)的ODBC數(shù)據(jù)源管理器窗口中，會(huì)發(fā)現(xiàn)了剛剛創(chuàng)建的名為“book”的數(shù)據(jù)源。</p><p>　　(9)單擊“確定”按鈕，完成DSN設(shè)置。</p><p>　　第五章 網(wǎng)站主要功能實(shí)現(xiàn)</p><p>　　一、用戶修改個(gè)人資料</p><p>　　當(dāng)用戶登錄后，

34、允許用戶修改個(gè)人資料。用戶修改個(gè)人資料的功能實(shí)際是更新該用戶在數(shù)據(jù)庫中你資料。這些操作在文件modifymem.asp中進(jìn)行（該文件存放于member文件夾中）</p><p>　　(1)首先在該頁新建一個(gè)記錄集“rsmem”,具體做法如下：</p><p>　?、賳螕魬?yīng)用程序面板中的[綁定]|[記錄集（查詢）]</p><p>　　②出現(xiàn)如圖13所示的記錄集設(shè)置&

35、lt;/p><p><b>　　圖13記錄集設(shè)置框</b></p><p>　?、垡罁?jù)圖6.1進(jìn)行設(shè)置?！懊Q”中填入“rsmem”(表示創(chuàng)建的記錄集名稱)；“連接”選項(xiàng)中選擇“book”；“表格”選項(xiàng)中選擇“member”(表示從數(shù)據(jù)表menmber中篩選記錄)；在“篩選”中選擇“nickname”,運(yùn)算符選項(xiàng)選擇“=”，篩選條件為“階段變量”，值為“MM_Userna

36、me”。</p><p>　　④點(diǎn)擊“確定”按鈕，完成設(shè)置。</p><p>　?、荽藭r(shí)在應(yīng)用程序面板中的“綁定”面板中，會(huì)出現(xiàn)記錄集（rsmem）。單擊“rsmem”使其展開。</p><p>　?、藜糨嬤x中字段“nickname”，并點(diǎn)擊“插入”按鈕，并將nickname字段插入在用戶首頁中的“尊敬的”文字后面。</p><p>　　⑵單

37、擊“服務(wù)器行為”面板中的＋按鈕，選擇[更新記錄],出現(xiàn)更新記錄表單設(shè)置框，如圖14所示</p><p>　　圖14更新記錄表單設(shè)置框</p><p>　?、窃凇斑B接”選項(xiàng)中，選擇“book”；“更新表格”選項(xiàng)中選擇“member”；“選擇更新集合”選項(xiàng)中，選擇“rsmem”； “唯一值”選項(xiàng)選擇“nickname”；更新后，轉(zhuǎn)到選項(xiàng)選擇“memok.htm”（該文件存放在member文件夾

38、下，表示更新后轉(zhuǎn)到該頁）。</p><p>　?、取霸诟掠涗洷韱卧O(shè)置框”中選擇不允許用戶修改字段，單擊“-”，將其刪除，只留下“pwd、name、</p><p>　　City、email、address、zip、tel”字段供用戶修改，并調(diào)整相應(yīng)的現(xiàn)實(shí)標(biāo)簽，提交類型為真確設(shè)置。</p><p>　　⑸單擊“確定”按鈕，完成設(shè)置。</p><p

39、>　?、蚀藭r(shí)頁面效果如圖15所示。</p><p>　　圖15修改個(gè)人資料頁面</p><p>　　到此，修改用戶資料完成，打開瀏覽器，登錄用戶，進(jìn)入“修改個(gè)人資料”對相應(yīng)資料進(jìn)行修改，單擊“確定修改”即完成個(gè)人資料修改。</p><p><b>　　二、管理員模塊</b></p><p><b>　　添

40、加新品</b></p><p>　　添加新品功能是通過提交表單域中的內(nèi)容寫到數(shù)據(jù)表。這里把管理員填寫的書名、isbn、價(jià)格等信息寫到books數(shù)據(jù)表中。添加新品的功能設(shè)在管理員首頁“master.asp”中。</p><p>　　頁布局Dreamweaver8.0中打開“master.asp”（管理員首頁）頁面來編輯，如圖16所示。</p><p>　　

41、圖16管理員主頁布局</p><p>　　單元格中插入表單域form3，方法設(shè)置Post，在form3中插入6行3列的表格。</p><p>　　適當(dāng)?shù)膯卧裰胁迦胛淖?，如圖17所示,并插入表單元素，如表18所示。</p><p>　　圖17添加新品頁面布局</p><p>　　表18添加新品表單元素</p><p>

42、<b>　?、铺砑臃?wù)器行為</b></p><p>　　中form3,選擇[窗口][服務(wù)器行為]，調(diào)出“服務(wù)器行為”面板。</p><p>　?、趩螕簟胺?wù)器行為”面板中的＋按鈕，選擇“插入記錄”。</p><p>　?、墼凇斑B接”選項(xiàng)中選擇“book”（我們已經(jīng)建立好的數(shù)據(jù)庫連接）；“插入到表格中”選項(xiàng)中選擇“book”（表示表單form3

43、中提交的數(shù)據(jù)名），在這里注意“表單元素”項(xiàng)中表單元素與數(shù)據(jù)表book中列名的對應(yīng)。</p><p>　　到這里用戶系統(tǒng)模塊和管理員系統(tǒng)模塊已經(jīng)基本實(shí)現(xiàn)了。</p><p><b>　　第六章 系統(tǒng)測試</b></p><p>　　系統(tǒng)測試，這里主要對用戶注冊系統(tǒng)的測試。</p><p>　　用戶可以通過用戶注冊成為我們

44、的會(huì)員，才可以修改個(gè)人信息如圖19所示；</p><p><b>　　圖19頁面截圖</b></p><p>　　最后按照注冊信息的要求填寫自己的信息，點(diǎn)擊提交后，數(shù)據(jù)庫中就添加了該用戶，數(shù)據(jù)庫中的信息如圖20所示</p><p><b>　　圖20系統(tǒng)測試</b></p><p><b>

45、;　　至此系統(tǒng)測試成功。</b></p><p><b>　　參考文獻(xiàn)（資料）</b></p><p>　　[1] 廖咸真 電子商務(wù)網(wǎng)站建設(shè) 重慶：重慶大學(xué)出版社 2007年2月</p><p>　　[2] 鄧文淵 ASP與網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù) 北京：中國鐵道出版社 2008年5月</p><p>　　[3