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

課程設(shè)計任務(wù)書 2 TOC\o"1-5"\h\z\o"CurrentDocument"第 1章 設(shè)計概述及準(zhǔn)備 5...第 2章 功能概述 6 第 3章 數(shù)據(jù)庫 9...\o"CurrentDocument"第 4章 創(chuàng)建電子商務(wù)站點(diǎn) 1..2\o"CurrentDocument"第 5章 網(wǎng)站主要功能實(shí)現(xiàn) 1..3第 6章 系統(tǒng)測試 1..6...參考文獻(xiàn) 1..8 第一章設(shè)計概述及準(zhǔn)備本次課程設(shè)計的任務(wù)是，構(gòu)建一個電子商務(wù)網(wǎng)站一一網(wǎng)上書店，采用的主要技術(shù)是基于IIS服務(wù)器端的ASPIIS的組件、網(wǎng)頁編程語言HTML數(shù)據(jù)庫以MicrosoftOffice的Access為平臺以及鏈接數(shù)據(jù)庫 ODBCASP是ActiveServerPage 的縮寫，意為“活動服務(wù)器網(wǎng)頁”。 ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互， 是一種簡單、方便的編程工具。 ASP的網(wǎng)頁文件的格式是.asp,現(xiàn)在常用于各種動態(tài)網(wǎng)站中。ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動態(tài)網(wǎng)頁或 web應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及COMS件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容(如在線表單)，也可以創(chuàng)建使用HTMLR頁作為用戶界面的web應(yīng)用程序。與HTML1比，ASP網(wǎng)頁具有以下特點(diǎn)：(1)利用ASP可以實(shí)現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實(shí)現(xiàn)動態(tài)網(wǎng)頁技術(shù)；(2)ASP文件是包含在HTML弋碼所組成的文件中的，易于修改和測試；(3)服務(wù)器上的ASP解釋程序會在服務(wù)器端制定 ASP程序，并將結(jié)果以HTML格式傳送到客戶端瀏覽器上， 因此使用各種瀏覽器都可以正常瀏覽 ASP所產(chǎn)生的網(wǎng)頁；(4)ASP提供了一些內(nèi)置對象，使用這些對象可以使服務(wù)器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過HTML1單提交的信息，并在腳本中對這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息；(5)由于服務(wù)器是將ASP程序執(zhí)行的結(jié)果以HTM略式傳回客戶端瀏覽器，因此使用者不會看到ASP所編寫的原始程序代碼，可放置AS艱序代碼被竊取。課設(shè)主要技術(shù)及工具：開發(fā)工具： MicrosoftOfficeAccess2000MacromediaDreamWeaver8.0開發(fā)語言：VBVBScriptJavaScriptHtmlSQL開發(fā)技術(shù)：ASP動態(tài)網(wǎng)頁設(shè)計技術(shù)第2頁共15頁第二章功能概述一、 系統(tǒng)組成：系統(tǒng)主要包括兩個模塊：用戶購物模塊和網(wǎng)站管理模塊二、系統(tǒng)主要功能.會員登陸及身份驗(yàn)證⑴用戶注冊成為會員⑵驗(yàn)證用戶注冊信息⑶修改資料.在線選購商品⑴瀏覽書籍⑵書籍查詢⑶用戶提交訂單⑷用戶查詢訂單.系統(tǒng)管理⑴書籍信息管理⑵交易信息管理⑶會員管理⑷管理員管理三、網(wǎng)站功能概述該系統(tǒng)主要分為四大模塊： 用戶登錄注冊、網(wǎng)上購物、書籍展示和管理系統(tǒng)。各模塊的功能如下：1、用戶登錄、注冊用戶注冊是為了保證用戶在本網(wǎng)站的安全性，便于網(wǎng)站管理。2、網(wǎng)上購物用戶在進(jìn)行網(wǎng)上購物時，必須現(xiàn)登陸，如果是新用戶，則必須先進(jìn)行注冊。3、書籍展示用戶可以通過搜索的方式查看書籍信息，搜索的方式有：按圖書類別、按書名、按作者、按出版社。每本書都顯示了書名、作者、定價、特價等，如果想了解每本書的詳細(xì)信息可以點(diǎn)擊書名，詳細(xì)信息還包括了書影、內(nèi)容簡介等。第3頁共15頁

4、管理系統(tǒng)管理系統(tǒng)是系統(tǒng)管理員對整個網(wǎng)站后臺數(shù)據(jù)庫進(jìn)行維護(hù)， 是網(wǎng)站最重要組成。在進(jìn)入本欄目時系統(tǒng)會提示輸入系統(tǒng)管理員的用戶名和密碼，對于其他用戶此界面是不可見的。管理員可以添加新書、添加書籍分類以及修改書籍庫存信息和刪除書籍。管理員還可以根據(jù)日期查詢并刪除在此日期中的還未付款的用戶信息。四、網(wǎng)站功能模塊圖功能結(jié)構(gòu)圖用于表示系統(tǒng)模塊的分層結(jié)構(gòu)，系統(tǒng)后臺功能模塊如圖 1所示，主要包括前臺展示、員工管理、信息查詢前臺主要功能模塊如圖圖1前臺主要功能模塊如圖圖1書店銷售系統(tǒng)后臺功能結(jié)構(gòu)圖2所示，主要功能包括圖書展示、會員注冊、信息查詢、會員第4第4頁共15頁圖2書店銷售系統(tǒng)前臺功能結(jié)構(gòu)圖五、網(wǎng)上購物數(shù)據(jù)流圖業(yè)務(wù)流程圖是用以描述系統(tǒng)各項(xiàng)業(yè)務(wù)處理的過程，利用它可以幫助分析人員找出業(yè)務(wù)流程中的不合流理向，它是物理模型。業(yè)務(wù)流程圖描述的是完整的業(yè)務(wù)流程，以業(yè)務(wù)處理過程為中心。業(yè)務(wù)流程圖符號如表3所示：符號含義說明外部實(shí)體提供相關(guān)數(shù)據(jù)的人員或組織，對相關(guān)工作進(jìn)行處理的人員或組織數(shù)據(jù)處理加工數(shù)據(jù)O文檔，單據(jù)表示生成的單據(jù) ?信息流向表示業(yè)務(wù)處理方向圖3業(yè)務(wù)流程符號示意圖本系統(tǒng)客戶購物流程，客戶首先進(jìn)入網(wǎng)頁，在登錄欄處輸入用戶名和密碼，系統(tǒng)進(jìn)行驗(yàn)證客戶身份，若系統(tǒng)沒有檢索到用戶名，則不允許購物，否則進(jìn)一步比較用戶密碼，若正確則登錄成功；用戶可選擇某種書籍，點(diǎn)擊進(jìn)入詳細(xì)信息，查看詳細(xì)售價等信息，在確定所需要的產(chǎn)品后，提交所選的書籍，進(jìn)入訂單頁面，系統(tǒng)會自動加載用戶已注冊的基本信息，在訂單頁面中用戶只需要填寫詳細(xì)的通訊地址、聯(lián)系方式等信息，這時系統(tǒng)會驗(yàn)證客戶所填寫的信息是否正確，若無誤，則保存正確信息，否則不予處理，最后如果用戶不在購物，則可退出登錄。第5頁共15頁圖4業(yè)務(wù)流程圖第三章數(shù)據(jù)庫一、數(shù)據(jù)庫需求分析用戶信息表表（member）：用戶編碼，用戶昵稱，用戶密碼，用戶真實(shí)姓名，城市，地址，郵編，電話。管理員信息管理表表（master）：用戶編號，管理員，管理員密碼。商品信息表（books）:用戶編號，書名，ISBN,價格，分類，會員價，重量，書簡介。用戶留言表（message）：用戶編號，用戶昵稱，留言內(nèi)容，留言時間，留言人性另訂單表（usorder）：訂單編號，用戶真實(shí)姓名，用戶昵稱，ISBN,書名，重量,數(shù)量，價格，下訂單日期，是否已成交。二、數(shù)據(jù)庫設(shè)計原則1、數(shù)據(jù)的共享性。2、數(shù)據(jù)的獨(dú)立性。3、數(shù)據(jù)的完整性，即保證數(shù)據(jù)庫存中數(shù)據(jù)準(zhǔn)確。4、靈活性，可在相當(dāng)短的時間內(nèi)回答用戶的各種各樣的復(fù)雜而靈活的查詢問題。5、安全性與保密性，做到對數(shù)據(jù)指定保護(hù)級別和安全控制。三、數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計（E-R圖）E-R圖提供了表示實(shí)體型、屬性和聯(lián)系的方法:實(shí)體型：用矩形表示，矩形內(nèi)寫明實(shí)體名。第6頁共15頁屬性：用橢圓表示，并用無向邊將其與相應(yīng)的實(shí)體連接起來。那么本系統(tǒng)的E-R圖如下：圖6管理員系統(tǒng)的E-R圖四、數(shù)據(jù)庫設(shè)計Book各表的名稱和功能如表7所示。第7頁共15頁member用戶信息表master管理員信息管理表books商品信息表message用戶留言表usorder訂單表images后臺添加信息表字段名稱I 數(shù)據(jù)類型說明自動編號用戶編號TiickriaiiigpwApw&專電近飛字段名稱I 數(shù)據(jù)類型說明自動編號用戶編號TiickriaiiigpwApw&專電近飛tru^riam白工i文文文文本本本本用尸昵的t登錄賬號用】用尸套碼用尸密碼始證用戶真實(shí)姓名城市地址郵編tel 文本 電話表8表member表的數(shù)據(jù)結(jié)構(gòu)本陵名冊I藪據(jù)類型I 說明更11自動編號營建苴騙號ma,s；i.ern.^jne文本管理員ni'Mt等rpvrd管理員密碼表9master表的數(shù)據(jù)結(jié)構(gòu)字段名稱加bki1ti加bki1titieisbnprimaiitliergracepubmampricevveightdescriptiondate文本書名本本本本本本本.文文文父女文文」出版社會員價自動編號日期順同 發(fā)布日期表10books表的數(shù)據(jù)結(jié)構(gòu)11號頡編同動本本就本自文文日文主健mclkrL：3dTiemessagetimextx字段名稱數(shù)據(jù)類型表11message表的數(shù)據(jù)結(jié)構(gòu)第8頁共15頁

字崖名稱I 數(shù)卷類型窗orderii而虺字崖名稱I 數(shù)卷類型窗orderiiwei磔七qUar1atity主健是/否表的數(shù)據(jù)結(jié)構(gòu)自動編號立本曳本主健是/否表的數(shù)據(jù)結(jié)構(gòu)自動編號立本曳本文本表12usorder第四章創(chuàng)建電子商務(wù)站點(diǎn)一、創(chuàng)建電子商務(wù)站點(diǎn)Dreamweaver是Macromedia公司推出的一種專業(yè)的HTMLJ^輯器，用于對Web站點(diǎn)、Web首頁、Web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。在Dreamweave中，可以在可視化編輯環(huán)境中工作，也可以直接編寫 HTML代碼。⑴啟動Dreamweave8.0,選擇［站點(diǎn)］［新建站點(diǎn)］,出現(xiàn)“站點(diǎn)定義”對話框，選擇“基本”選項(xiàng)卡，在文本框中輸入站點(diǎn)名稱“網(wǎng)上書店”⑵單擊［下一步］在出現(xiàn)的對話中S中選擇“ASP.VBScript”⑶單擊［下一步］按鈕，出現(xiàn)選擇存儲文件位置及測試方式，選擇在本地進(jìn)行編輯和測試，并在下面的文本框中輸入站點(diǎn)根本目錄位置⑷單擊［下一步］,出現(xiàn)選擇測試文件對話框⑸單擊［測試URL］⑹測試成功后，單擊［下一步］選擇是的，我要使用遠(yuǎn)程服務(wù)器⑺單擊［下一步］按鈕，出現(xiàn)選擇存儲文件位置及測試方式 ，并在下面的文本框中輸入站點(diǎn)根本目錄位置⑻單擊［下一步］按鈕，選擇否，不啟用存回和取出⑼單擊［完成］按鈕，完成新建站點(diǎn)二、數(shù)據(jù)庫連接對于已經(jīng)創(chuàng)建的數(shù)據(jù)庫，如果要在所設(shè)計的網(wǎng)頁中訪問它，必須首先建立與數(shù)據(jù)庫的連接，而在用Dreamweaver建立數(shù)據(jù)庫連接之前，先要在 Windows中配置數(shù)據(jù)源(DSN)。三、配置數(shù)據(jù)源在系統(tǒng)上設(shè)定系統(tǒng)數(shù)據(jù)源的目的是使網(wǎng)絡(luò)服務(wù)器知道數(shù)據(jù)庫所在的位置及數(shù)據(jù)庫相關(guān)屬性。⑴在［控制面板］中的［管理工具］下找到“ODBC數(shù)據(jù)源”圖標(biāo)第9頁共15頁(2)雙擊ODBC數(shù)據(jù)源圖標(biāo)，將出現(xiàn)ODBC數(shù)據(jù)源管理器窗口，選擇“系統(tǒng)DSN”選項(xiàng)卡，如圖5.2.2所示。(3)單擊“添加”按鈕，為系統(tǒng)添加新的 DSN。(4)出現(xiàn)創(chuàng)建數(shù)據(jù)源窗口，如圖 5.2.3在這個窗口中為數(shù)據(jù)庫選擇正確的驅(qū)動程序。(5)單擊“完成”按鈕，出現(xiàn)ODBCMicrosoftAccess安裝窗口，在“數(shù)據(jù)源名”一欄輸入"book"。(6)單擊“選擇”按鈕，出現(xiàn)“選擇數(shù)據(jù)庫”窗口，選擇所需的數(shù)據(jù)庫“ book.mdb”⑺單擊“確定”按鈕，發(fā)現(xiàn)剛才選定的數(shù)據(jù)庫出現(xiàn)在 ODBCMicrosoftaccess安裝窗口中的數(shù)據(jù)庫項(xiàng)中。(8)單擊“確定”按鈕，在出現(xiàn)的ODBC數(shù)據(jù)源管理器窗口中， 會發(fā)現(xiàn)了剛剛創(chuàng)建的名為“book”的數(shù)據(jù)源。(9)單擊“確定”按鈕，完成DSN設(shè)置。第五章網(wǎng)站主要功能實(shí)現(xiàn)一、用戶修改個人資料當(dāng)用戶登錄后，允許用戶修改個人資料。用戶修改個人資料的功能實(shí)際是更新該用戶在數(shù)據(jù)庫中你資料。這些操作在文件modifymem.asp中進(jìn)行(該文件存放于member文件夾中)(1)首先在該頁新建一個記錄集“rsmem”，具體做法如下：①單擊應(yīng)用程序面板中的[綁定”記錄集(查詢)]②出現(xiàn)如圖13所示的記錄集設(shè)置圖13記錄集設(shè)置框第10頁共15頁③依據(jù)圖6.1進(jìn)行設(shè)置?！懊Q”中填入“rsmeni'（表示創(chuàng)建的記錄集名稱）；"連接”選項(xiàng)中選擇"book";"表格”選項(xiàng)中選擇"member（表示從數(shù)據(jù)表menmber中篩選記錄）；在“篩選”中選擇“nickname"，運(yùn)算符選項(xiàng)選擇“二”,篩選條件為"階段變量"，值為"MM_Username。④點(diǎn)擊“確定”按鈕，完成設(shè)置。⑤此時在應(yīng)用程序面板中的“綁定”面板中，會出現(xiàn)記錄集（rsmernj）。單擊“rsmem”使其展開。⑥剪輯選中字段"nickname",并點(diǎn)擊"插入"按鈕，并將nickname字段插入在用戶首頁中的“尊敬的”文字后面。⑵單擊“服務(wù)器行為”面板中的+按鈕，選擇［更新記錄］,出現(xiàn)更新記錄表單設(shè)置框，如圖14所示圖14更新記錄表單設(shè)置框⑶在“連接”選項(xiàng)中，選擇“book”；“更新表格”選項(xiàng)中選擇“member；"選擇更新集合”選項(xiàng)中，選擇"rsmem";"唯一值"選項(xiàng)選擇"nickname”;更新后，轉(zhuǎn)到選項(xiàng)選擇"memok.htm”（該文件存放在member文件夾下，表示更新后轉(zhuǎn)到該頁）。⑷“在更新記錄表單設(shè)置框”中選擇不允許用戶修改字段，單擊“ -”，將其刪除，只留下“pwd、nameCity、email、address、zip、tel”字段供用戶修改，并調(diào)整相應(yīng)的現(xiàn)實(shí)標(biāo)簽，提交類型為真確設(shè)置。⑸單擊“確定”按鈕，完成設(shè)置。⑹此時頁面效果如圖15所示。第11頁共15頁xsnefL ■... 雄：信理EnailixsnefL ■... 雄：信理Enaili嬲‘………*相北由72i閑電附圖15修改個人資料頁面至U此，修改用戶資料完成，打開瀏覽器，登錄用戶，進(jìn)入“修改個人資料”對相應(yīng)資料進(jìn)行修改，單擊“確定修改”即完成個人資料修改。二、管理員模塊.添加新品添加新品功能是通過提交表單域中的內(nèi)容寫到數(shù)據(jù)表。 這里把管理員填寫的書名、isbn、價格等信息寫到 books數(shù)據(jù)表中。添加新品的功能設(shè)在管理員首頁“master.asp”中。頁布局Dreamweaver8.0中打開“master.asp"（管理員首頁）頁面來編輯，如圖16所示。圖16管理員主頁布局單元格中插入表單域form3,方法設(shè)置Post,在form3中插入6行3列的表格。適當(dāng)?shù)膯卧裰胁迦胛淖?，如圖 17所示，并插入表單元素，如表18所示。第12頁共15頁圖17添加新品頁面布局表單兀素名稱說明title文本域書名isbn: 文本域isbnprice_文本域價格gracer文本域分類mempricer文本域會員價 「weight文本域重量description多行文本域