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

1、電子商務網(wǎng)站建設課程設計目錄課程設計任務書 2第 1章 設計概述及準備 5.第 2章 功能概述 6第3章數(shù)據(jù)庫 9.第 4章創(chuàng)建電子商務站點 1.2第 5章網(wǎng)站主要功能實現(xiàn) 1.3第 6章系統(tǒng)測試 1.6.參考文獻 1.88 / 15第一章 設計概述及準備本次課程設計的任務是，構(gòu)建一個電子商務網(wǎng)站網(wǎng)上書店，采用的主要技術(shù)是基于IIS服務器端的 ASP IIS的組件、網(wǎng)頁編程語言HTML數(shù)據(jù)庫以 MicrosoftOffice 的 Access 為平臺以及鏈接數(shù)據(jù)庫 ODBC。ASP是Active Server Page的縮寫，意為“活動服務器網(wǎng)頁”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一

2、種應用，它可以與數(shù)據(jù)庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。ASP是一種服務器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或web應用程序。ASP網(wǎng)頁可以包含 HTML標記、普通文本、腳本命令以及COMS件等。利用 ASP可以向網(wǎng)頁中添加交互式內(nèi)容 (如在線表單)，也可以創(chuàng)建使用 HTML網(wǎng)頁作為用戶界面的 web 應用程序。與HTML相比，ASP網(wǎng)頁具有以下特點：(1) 利用ASP可以實現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實現(xiàn)動態(tài)網(wǎng)頁技術(shù)；(2) ASP文件是包含在 HTML代碼所組成的文件中的，易于修改和測試；(3) 服務器上的

3、 ASP解釋程序會在服務器端制定ASP程序，并將結(jié)果以 HTML格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽ASP所產(chǎn)生的網(wǎng)頁；(4) ASP提供了一些內(nèi)置對象，使用這些對象可以使服務器端腳本功能更強。例如可以從web瀏覽器中獲取用戶通過 HTML表單提交的信息，并在腳本中對這些信息 進行處理，然后向 web 瀏覽器發(fā)送信息；(5) 由于服務器是將ASP程序執(zhí)行的結(jié)果以 HTMI格式傳回客戶端瀏覽器，因此 使用者不會看到 ASP所編寫的原始程序代碼，可放置ASP程序代碼被竊取。課設主要技術(shù)及工具：開發(fā)工具： Microsoft Office Access2000 Macromed

4、ia DreamWeaver8.0開發(fā)語言： VB VBScript JavaScript Html SQL開發(fā)技術(shù)：ASP動態(tài)網(wǎng)頁設計技術(shù)第二章 功能概述一、系統(tǒng)組成：系統(tǒng)主要包括兩個模塊：用戶購物模塊和網(wǎng)站管理模塊二、系統(tǒng)主要功能1會員登陸及身份驗證用戶注冊成為會員驗證用戶注冊信息修改資料2在線選購商品瀏覽書籍書籍查詢用戶提交訂單用戶查詢訂單3系統(tǒng)管理書籍信息管理交易信息管理會員管理管理員管理三、網(wǎng)站功能概述該系統(tǒng)主要分為四大模塊： 用戶登錄注冊、 網(wǎng)上購物、 書籍展示和管理系統(tǒng)。模塊的功能如下：1、用戶登錄、注冊 用戶注冊是為了保證用戶在本網(wǎng)站的安全性，便于網(wǎng)站管理。2、網(wǎng)上購物 用戶在

5、進行網(wǎng)上購物時，必須現(xiàn)登陸，如果是新用戶，則必須先進行注冊。3、書籍展示 用戶可以通過搜索的方式查看書籍信息，搜索的方式有：按圖書類別、按書名、 按作者、按出版社。每本書都顯示了書名、作者、定價、特價等，如果想了解每本書 的詳細信息可以點擊書名，詳細信息還包括了書影、內(nèi)容簡介等。4、管理系統(tǒng)管理系統(tǒng)是系統(tǒng)管理員對整個網(wǎng)站后臺數(shù)據(jù)庫進行維護，是網(wǎng)站最重要組成。在進入本欄目時系統(tǒng)會提示輸入系統(tǒng)管理員的用戶名和密碼，對于其他用戶此界面是不 可見的。管理員可以添加新書、添加書籍分類以及修改書籍庫存信息和刪除書籍。管 理員還可以根據(jù)日期查詢并刪除在此日期中的還未付款的用戶信息。四、網(wǎng)站功能模塊圖功能結(jié)構(gòu)

6、圖用于表示系統(tǒng)模塊的分層結(jié)構(gòu)，系統(tǒng)后臺功能模塊如圖1所示，主要包括前臺展示、員工管理、信息查詢前臺主要功能模塊如圖管理。圖1書店銷售系統(tǒng)后臺功能結(jié)構(gòu)圖2所示，主要功能包括圖書展示、會員注冊、信息查詢、會員網(wǎng)上書店銷售管理系統(tǒng)會員管理信息查詢修 改 資 料查 詢 訂 單信 息 查 詢圖2書店銷售系統(tǒng)前臺功能結(jié)構(gòu)圖五、網(wǎng)上購物數(shù)據(jù)流圖業(yè)務流程圖是用以描述系統(tǒng)各項業(yè)務處理的過程，利用它可以幫助分析人員找出業(yè)務流程中的不合流理向，它是物理模型。業(yè)務流程圖描述的是完整的業(yè)務流程，以業(yè)務處理過程為中心。業(yè)務流程圖符號如表3所示：符號含義說明< >外部實體提供相關(guān)數(shù)據(jù)的人員或組織，對 相關(guān)工作進

7、行處理的人員或組織數(shù)據(jù)處理加工數(shù)據(jù)O文檔，單據(jù)表示生成的單據(jù)信息流向表示業(yè)務處理方向圖3業(yè)務流程符號示意圖本系統(tǒng)客戶購物流程，客戶首先進入網(wǎng)頁，在登錄欄處輸入用戶名和密碼，系統(tǒng) 進行驗證客戶身份，若系統(tǒng)沒有檢索到用戶名，則不允許購物，否則進一步比較用戶 密碼，若正確則登錄成功；用戶可選擇某種書籍，點擊進入詳細信息，查看詳細售價 等信息，在確定所需要的產(chǎn)品后，提交所選的書籍，進入訂單頁面，系統(tǒng)會自動加載 用戶已注冊的基本信息，在訂單頁面中用戶只需要填寫詳細的通訊地址、聯(lián)系方式等 信息，這時系統(tǒng)會驗證客戶所填寫的信息是否正確，若無誤，則保存正確信息，否則 不予處理，最后如果用戶不在購物，則可退出登

8、錄。圖4業(yè)務流程圖第三章數(shù)據(jù)庫一、數(shù)據(jù)庫需求分析用戶信息表表（member）：用戶編碼，用戶昵稱，用戶密碼，用戶真實姓名，城 市，地址，郵編，電話。管理員信息管理表表（master）：用戶編號，管理員，管理員密碼。商品信息表（books）:用戶編號，書名，ISBN，價格，分類，會員價，重量，書簡 介。用戶留言表（message）：用戶編號，用戶昵稱，留言內(nèi)容，留言時間，留言人性另阮訂單表（usorder ）:訂單編號，用戶真實姓名，用戶昵稱，ISBN，書名，重量,數(shù)量，價格，下訂單日期，是否已成交。二、數(shù)據(jù)庫設計原則1、數(shù)據(jù)的共享性。2、數(shù)據(jù)的獨立性。3、數(shù)據(jù)的完整性，即保證數(shù)據(jù)庫存中數(shù)據(jù)準確

9、。4、靈活性，可在相當短的時間內(nèi)回答用戶的各種各樣的復雜而靈活的查詢問題。5、安全性與保密性，做到對數(shù)據(jù)指定保護級別和安全控制。三、數(shù)據(jù)庫概念結(jié)構(gòu)設計（E-R圖）E-R圖提供了表示實體型、屬性和聯(lián)系的方法: 實體型：用矩形表示，矩形內(nèi)寫明實體名。屬性：用橢圓表示，并用無向邊將其與相應的實體連接起來。那么本系統(tǒng)的E-R圖如下:用戶昵稱用戶密碼用戶驗證真實姓名城市地址郵編電話真實姓名修改個人資查看我的訂單給管理員留言圖6管理員系統(tǒng)的E-R圖四、數(shù)據(jù)庫設計Book各表的名稱和功能如表7所示。member用戶信息表master管理員信息管理表books商品信息表message用戶留言表usorder訂

10、單表images后臺添加信息表表7 book數(shù)據(jù)庫中的表及其功能說明說明I 數(shù)據(jù)類型自動編導用戶漏尋Tii ckrLajTi 直 pw A pw 鮎g&i* trurLam 包 ui用尸昵稱C登錄貼導用】 用尸密碼用尸密瑪臉證用尸真實姓名城市地址-IDtel文本電話表8表member表的數(shù)據(jù)結(jié)構(gòu)?11自動編昌rma,s；i.ern.jne文本管理員舌理員密碼表9 master 表的數(shù)據(jù)結(jié)構(gòu)宇段名稱丨數(shù)搖類型丨說明孚段名稱bki A. ti tliisbnpri * aiitlkcrgracepub目動編尋牡價 者類版員 作分出會目期/時間裁布目朋字段2稱數(shù)慣類型表10 books表的數(shù)

11、據(jù)結(jié)構(gòu)wei ght description data11導 師 動本本朗本 自丈玄日文主睫m cJkrL：3dTi emessageti mextx表11 message表的數(shù)據(jù)結(jié)構(gòu)電子商務網(wǎng)站建設課程設計電子商務網(wǎng)站建設課程設計宇園咅稱I數(shù)僵類型I耀卜 orderli曲包mm赳 ni elm am 包 isbxi booM it" wei chi quMiii typri c« sabmi Liate：iEdk表 12 usorder是踴表的數(shù)據(jù)結(jié)構(gòu)第四章創(chuàng)建電子商務站點一、創(chuàng)建電子商務站點Dreamweaver 是Macromedia公司推出的一種專業(yè)的 HTML編輯

12、器，用于 對 Web站 點、Web首頁、Web應用程序進行設計、編碼和開發(fā)。在Dreamweave中，可以在可視化編輯環(huán)境中工作，也可以直接編寫HTML代碼。啟動Dreamweave8.0，選擇站點新建站點，出現(xiàn)"站點定義”對話框，選擇"基 本”選項卡，在文本框中輸入站點名稱“網(wǎng)上書店”單擊下一步在出現(xiàn)的對話框中選擇“ ASP.VBScript ”單擊下一步按鈕，出現(xiàn)選擇存儲文件位置及測試方式，選擇在本地進行編輯和測 試，并在下面的文本框中輸入站點根本目錄位置單擊下一步，出現(xiàn)選擇測試文件對話框單擊測試URL測試成功后，單擊下一步選擇是的，我要使用遠程服務器單擊下一步按鈕，出

13、現(xiàn)選擇存儲文件位置及測試方式，并在下面的文本框中輸入站點根本目錄位置單擊下一步按鈕，選擇否，不啟用存回和取出單擊完成按鈕，完成新建站點二、數(shù)據(jù)庫連接對于已經(jīng)創(chuàng)建的數(shù)據(jù)庫，如果要在所設計的網(wǎng)頁中訪問它，必須首先建立與數(shù)據(jù)庫的連接，而在用 Dreamweaver建立數(shù)據(jù)庫連接之前，先要在Win dows中配置數(shù)據(jù)源(DSN)。三、配置數(shù)據(jù)源在系統(tǒng)上設定系統(tǒng)數(shù)據(jù)源的目的是使網(wǎng)絡服務器知道數(shù)據(jù)庫所在的位置及數(shù)據(jù)庫相關(guān)屬性。(1) 在控制面板中的管理工具下找到“ ODBC數(shù)據(jù)源”圖標(2) 雙擊ODBC數(shù)據(jù)源圖標，將出現(xiàn) ODBC數(shù)據(jù)源管理器窗口，選擇“系統(tǒng) DSN ”選 項卡，如圖5.2.2所示。(3

14、) 單擊“添加”按鈕，為系統(tǒng)添加新的DSN。(4) 出現(xiàn)創(chuàng)建數(shù)據(jù)源窗口，如圖5.2.3在這個窗口中為數(shù)據(jù)庫選擇正確的驅(qū)動程序。單擊“完成”按鈕，出現(xiàn) ODBC Microsoft Access安裝窗口，在“數(shù)據(jù)源名”一欄 輸入“ book ”。單擊“選擇”按鈕，出現(xiàn)“選擇數(shù)據(jù)庫”窗口，選擇所需的數(shù)據(jù)庫“book.mdb ”單擊“確定”按鈕，發(fā)現(xiàn)剛才選定的數(shù)據(jù)庫出現(xiàn)在ODBC Microsoft access安裝窗口中的數(shù)據(jù)庫項中。(8) 單擊“確定”按鈕，在出現(xiàn)的ODBC數(shù)據(jù)源管理器窗口中，會發(fā)現(xiàn)了剛剛創(chuàng)建的名為“ book”的數(shù)據(jù)源。(9) 單擊“確定”按鈕，完成DSN設置。第五章網(wǎng)站主要功

15、能實現(xiàn)一、用戶修改個人資料當用戶登錄后，允許用戶修改個人資料。用戶修改個人資料的功能實際是更新該用戶在數(shù)據(jù)庫中你資料。 這些操作在文件 modifymem.asp中進行(該文件存放于 member 文件夾中)(1)首先在該頁新建一個記錄集“rsmem” ,具體做法如下： 單擊應用程序面板中的綁定|記錄集(查詢) 出現(xiàn)如圖13所示的記錄集設置圖13記錄集設置框 依據(jù)圖6.1進行設置。"名稱”中填入"rsmem” （表示創(chuàng)建的記錄集名稱）; "連接”選項中選擇“ book ”；"表格”選項中選擇"membe” （表示從數(shù)據(jù)表 menmber中篩選記

16、錄）；在"篩選”中選擇"nick name ” ,運算符選項選擇"=”,篩選條件為 "階段變量”，值為"MM_Username。 點擊"確定”按鈕，完成設置。 此時在應用程序面板中的 "綁定”面板中，會出現(xiàn)記錄集（rsmem） o單擊"rsmem"使其展開。 剪輯選中字段"nick name ”，并點擊"插入”按鈕，并將nick name字段插入在用戶首頁中的“尊敬的”文字后面。單擊“服務器行為”面板中的+按鈕，選擇更新記錄,出現(xiàn)更新記錄表單設置 框，如圖14所示圖14更新記錄表單設置

17、框在“連接”選項中，選擇“book”； “更新表格”選項中選擇“ member ；"選擇更新集合”選項中，選擇“rsmem"“唯一值”選項選擇“ nick name ”；更新后，轉(zhuǎn)到選項選擇“memok.htm"（該文件存放在 member文件夾下，表示更新后轉(zhuǎn)到該頁）“在更新記錄表單設置框”中選擇不允許用戶修改字段，單擊“ -”，將其刪除， 只留下“ pwd、nameCity、email、address、zip、tel ”字段供用戶修改，并調(diào)整相應的現(xiàn)實標簽，提交 類型為真確設置。單擊“確定”按鈕，完成設置。此時頁面效果如圖15所示。圖15修改個人資料頁面到此，

18、修改用戶資料完成，打開瀏覽器，登錄用戶，進入“修改個人資料”對相 應資料進行修改，單擊“確定修改”即完成個人資料修改。二、管理員模塊1 .添加新品添加新品功能是通過提交表單域中的內(nèi)容寫到數(shù)據(jù)表。這里把管理員填寫的書名、isbn、價格等信息寫到books數(shù)據(jù)表中。添加新品的功能設在管理員首頁“master.asp ”中。 頁布局Dreamweaver8.0中打開“ master.asp ”（管理員首頁）頁面來編輯，女口 圖16所示。4 中H W沖占 1+ 進曲第甘"皆 * 匸督dV-i Z Vi V fiVV-r -r V-i P* I fr*-! h-i-ll-WV-T-rV-1 魯"草:車瑩*疑;I 一匾IW言帛,巳間宣圖16管理員主頁布局 單元格中插入表單域 form3，方法設置Post,在form3中插入6行3列的表格。 適當?shù)膯卧裰胁迦胛淖?，如圖17所示,并插入表單元素，如表18所示。15 / 15圖17添加新品頁面布局表單兀素名 稱類型說明title文本域書名isb n文本域isb nprice文本域價格grace文本域分類memprice文本域會員價weight文本域重量descripti on多行文本域簡介submit