電子商務網站建設實驗指導書

1、電子商務網站建設實驗指導書1.實驗目的電子商務網站建建設是電子商商務專業(yè)中非非常重要的一一門技術基礎礎課程，通過過課程的理論論學習之后，急急需學生通過過一次網站建建設的實踐，加加強對所學知知識的理解和和掌握，因此此通過創(chuàng)建一一個具體的購購物網站來鍛鍛煉他們的實實踐動手能力力。2.實驗要求通過本次實踐之之后，掌握如如何從需求，轉轉化為設計，然然后將設計轉轉變?yōu)榫唧w的的代碼。實驗驗完成之后，需需提交網站設設計的源代碼碼一份，集中中實踐報告一一份。3.實驗指導3.1總體結構構設計購物網站直接與與客戶打交道道，其內容的的合理性和完完整性，是網網站能否吸引引顧客的關鍵鍵因素之一。所所以在網站設設計總體結

2、構構設計時，應應盡量從客戶戶角度以及網網絡營銷的角角度出發(fā)來考考慮其功能的的實現。網站的總體結構構設計包括：網站各主要要功能模塊的的劃分、相關關數據庫設計計、各頁面程程序模塊設計計的確定及其其工作流程的的設計。3.1.1網站站主要功能模模塊本次試驗的網站站命名為：新新世紀商城，域域名設計為：m。網站主要要功能模塊包包括商品介紹紹，在線銷售售；其中商品品介紹又包括括商品展示和和商品搜索；在線銷售分分為，放入購購物車，顯示示購物車，清清空購物車，生生成訂單。3.1.2數據據庫設計本次網站使用AAccesss數據作為存存放商品信息息、客戶資料料和訂單信息息的數據庫。本本網站使用一一個名為dbb2.m

3、dbb的數據庫，其其中包含的數數據表如下：商品表（Prooductss），用于存存放需在商品品展示頁面顯顯示的各項商商品信息，包包括商品編號號，商品名稱稱、市場價、優(yōu)優(yōu)惠價和商品品說明信息等等。購物車表（Caarts），用用于為每一個個購物的客戶戶自動產生一一個唯一的購購物車編號，并并保存該客戶戶的購物日期期等信息。購物車明細表（CartItems），用來保存每一輛購物車中各項所購物品的編號、名稱、單價和數量等信息。訂單表（Ordder）：在在客戶確定購購買之后，用用來為該客戶戶自動產生一一個唯一的訂訂單編號，并并保存該客戶戶的訂購日期期和訂購總計計金額，同時時保存該客戶戶的姓名、電電子郵件地

4、址址、詳細住址址、郵政編碼碼和聯系電話話等信息。訂單明細表（OOrderIItems）：用來保存每每一個訂單中中所訂購的各各項產品的編編號、名稱、單單價和數量等等信息。3.3.3主要要程序模塊及及其工作流程程主要頁面模塊及及其工作流程程各主要頁面程序序模塊的實現現功能如下：Productts.aspp：商品展示示頁面，用來來將數據庫中中當前所選的的類別的商品品表（Prooductss）的各項商商品信息顯示示在網頁上，同同時提供到其其他各類商品品展示網頁的的鏈接?？蛻魬艨稍诒卷撁婷纥c擊某件商商品的旁的購購買字樣鏈接接，即可將該該商品放入購購物車此外，在在次頁面還有有一個商品搜搜索區(qū)，可根根據客戶

5、輸入入的搜索關鍵鍵字啟動商品品搜索程序，并并將搜索到的的商品展示在在本頁面。Search.asp：商商品搜索頁面面，用來處理理在商品展示示頁面中客戶戶提出的商品品搜索請求，并并將搜索的結結果返回到商商品展示頁面面中進行展示示。AddIterrm.aspp：添加商品品頁面，一旦旦客戶點擊所所選商品旁的的購買字樣鏈鏈接，本頁面面便立即判斷斷該客戶是否否已擁有購物物車，若沒有有就為其新分分配一個購物物車。然后再再將所購之物物存入對應的的購物車明細細表，并調用用購物車頁面面顯示該購物物車中所選購購物品的具體體信息。Cart.assp：購物車車頁面，用來來顯示客戶已已購的各項商商品信息，包包括：商品名名

6、稱、單價、數數量、金額及及所購商品的的總價。在該該頁面允許客客戶修改所購購商品的數量量，并重新顯顯示和計算金金額和總價。此此外，該頁面面還提供“繼續(xù)購物”、“清除購物車車”和“去收銀臺”的鏈接。Recalc.asp：重重新計算頁面面，響應客戶戶在購物車頁頁面提出的“重新計算”請求，根據據修改后的商商品數量重新新計算金額和和總價，并負負責修改購物物車明細表中中的相關數據據，然后再次次調用購物車車頁面顯示重重新計算后的的購物車信息息。Delete.asp：清清除購物車頁頁面，響應客客戶在購物車車頁面提出的的“清除購物車車”請求，并負負責刪除該客客戶在購物車車明細表中的的相關數據，然然后調用商品品展

7、示頁面繼繼續(xù)顯示商品品供客戶選購購。Order.aasp：訂單單頁面，響應應客戶在購物物車頁面提出出的“去收銀臺”請求，為確確定要購買商商品的客戶自自動產生一個個唯一的訂單單編號，然后后要求客戶如如實填寫姓名名，送貨地址址，聯系電話話等信息，再再將當前購物物日期、總計計金額，以及及送貨地址等等信息保存到到訂單表中，并并負責將購物物車內的所購購商品信息保保存到訂單細細節(jié)表中。實實際編程時，該該訂單頁面實實際上由Orrder1.asp、OOrder22.asp、OOrder33.asp、OOrder44.asp這這四個頁面組組成。商品展示設計商品展示頁面涉涉及數據庫中中的商品表PProduccts

8、、商品品搜索頁面SSearchh.asp和和商品展示頁頁面Prodducts.asp的設設計。為提高高頁面的設計計效率和代碼碼的重用性，考考慮使用包含含文件，包括括Head.inc、FFoot.iinc和Coonn.innc3個包含含文件。數據設計可參考考下表Productts表包含文件設計包含文件設計是是指可以包含含在其他頁面面中的文件。如如果一個程序序代碼段可能能會多次出現現在其他頁面面中不妨將其其保存為擴展展名為.innc的包含文文件。當某個個頁面中需要要插入該代碼碼段的時候即即可使用如下下形式包含進進來。不僅擴展名為.inc可以以包括到當前前頁面中，擴擴展名為.hhtml或.asp的文

9、文件也都可以以用此方式包包含進來。本本網站中共涉涉及headd.inc、FFoot.iinc、Coonn.innc3個包含含文件。本網站所展示的的各類商品中中，其網頁頭頭部顯示信息息通常相同，故故可設計heead.innc來保存這這一部分代碼碼，然后被其其他網頁調用用。Head.innc頭文件源源代碼如下：在同一網站各個個頁面的結尾尾，通常需要要顯示一些相相同的網站授授權、經營許許可證及網站站聯系人等信信息。于是也也可通過統一一的文件來保保存這些代碼碼Foot.inc，以以便需要時方方便地插入到到網頁的尾部部。Foott.inc腳腳本文件源代代碼如下：對于一個網站來來講，其中許許多頁面都要要使

10、用到數據據庫，需要與與數據庫建立立連接，以便便能夠打開其其中所需的表表進行操作。因因此可建立獨獨立文件來保保存與數據庫庫db2.mmdb連接的的代碼，文件件名為Connn.incc。Connn.inc源源代碼為：商品搜索頁面設設計一般網站均允許許客戶通過輸輸入與商品有有關的關鍵字字來搜索所需需的商品，本本網站設計時時應通過seearch.asp頁面面來收集客戶戶輸入的關鍵鍵字，然后打打開有關的商商品表借助SSQL語句的的模糊查詢功功能實現對商商品的搜索，然然后將搜索的的結果展示出出來。Search.asp頁面面的參考代碼碼如下：商品展示頁面設設計Productts.aspp商品展示頁頁面主要用

11、于于商品信息的的顯示，將ddb2數據庫庫中的Prooductss表中的信息息展示出來。展展示的效果如如下：在該頁面需通過過包含頭部文文件Headd.inc顯顯示網站的名名稱，并提供供到其他各類類產品展示頁頁面的鏈接。然然后再將搜索索頁面包含進進來，如果客客戶在填寫了了搜索關鍵字字，需將搜索索結果在本頁頁面顯示出來來。然后逐行行顯示產品信信息，包括圖圖片、價格、產產品描述等信信息。本頁面面的參考代碼碼如下：購物車設計購物車頁面設計計時購物網站站最為重要的的頁面程序設設計。在本次次實踐網站中中，客戶在商商品展示頁面面瀏覽商品時時，只需用鼠鼠標點擊所選選商品旁的“購買”字樣鏈接即即可將該商品品放入自

12、己的的購物車。購購物車頁面所所要實現的功功能實際上是是負責將客戶戶選定的商品品及該商品有有關的信息保保存到網站數數據庫相應的的表中，同時時在網頁上顯顯示當前客戶戶已購買各項項商品的名稱稱、單價、數數量和金額等等。除此之外外，當客戶去去收銀臺時，通通常需要根據據購物車中保保存的這些信信息來自動生生成對應的商商品訂單。在購物車設計頁頁面時，要保保存客戶選擇擇購物商品的的信息以及客客戶信息，這這里一般通過過以下3種方方式解決 = 1 * GB3 將當前客戶及及所購商品信信息保存在客客戶端的Coookie中中。 = 2 * GB3 將當前客戶及及所購商品信信息保存在服服務器端的SSessioon變量中

13、。 = 3 * GB3 將當前客戶及及所購商品信信息保存在服服務器端的數數據庫中。本次實踐實例中中使用第3種方方式來保存客客戶及購物車車中的信息，包包括兩個表CCarts和和CartIItems兩兩個數據表。其其中：Carrts表的主主要功能是用用來自動為每每個客戶分配配一輛購物車車，并保存購購物車的編號號及購物日期期信息；CaartsIttems表則則用來保存每每輛購物車中中每一件商品品的編號、名名稱、單價和和數量等購物物明細信息。Carts表和和CartIItems表表的結構分別別如下表Carts表CartIteems表放入購物頁面設設計本網站購物車功功能的實現是是由添加商品品頁面Addd

14、Item.asp和購購物車頁面CCart.aasp兩個程程序來完成。顯示購物車頁面面設計在本網站中，顯顯示當前客戶戶的購物車中中已購商品的的各項信息是是由購物車頁頁面Cartt.asp來來完成。在該該頁面中還可可以為客戶提提供修改已訂訂購物品數量量、重新計算算的功能，并并提供轉去“繼續(xù)購物”或“去收銀臺“結賬的超級級鏈接。頁面面截圖如下：Carts.aasp源代碼碼如下：重新計算功能的的實現在上述購物車頁頁面所顯示的的購物清單中中，客戶可以以通過在“數量“列的文本框框中修改其所所購商品的數數量值，然后后點擊”重新計算“按鈕調用RRecalcc.asp程程序對該項商商品的金額和和總計金額進進行重

15、新計算算，并將計算算后所得的結結果再次顯示示的購物車頁頁面中。重新新計算頁面圖圖如下：Recalc.asp代碼碼如下：清空購物車頁面面設計在顯示購物車頁頁面中，客戶戶可以點擊“清除購物車車“按鈕來調用用Delette.aspp頁面，該頁頁面負責清除除這個客戶已已經放入購物物車中的所有有產品，同時時負責刪除購購物車明細表表CartIItems中中所有與此購購物車編號對對應的記錄，最最后再重定向向到商品展示示顯示頁面PProduccts.assp，供客戶戶繼續(xù)選購其其他商品。Delete.asp源代代碼如下：收銀臺設計在本示例網站中中，收銀臺頁頁面設計也就就是訂單生成成及其處理頁頁面的設計。當當客

16、戶選購好好商品并確認認購物之后，若若在購物車頁頁面點擊“去收銀臺“按鈕即可進進入最后的結結賬處理階段段，并將自動動生成該客戶戶本次購物的的訂單。收銀臺設計的任任務主要包括括： = 1 * GB2 創(chuàng)建一個表單單用于填寫和和收集客戶信信息，以便為為該客戶送貨貨。 = 2 * GB2 再次顯示客戶戶所購商品的的信息和送貨貨地址等信息息，并要求客客戶進一步確確認。 = 3 * GB2 生成一個與此此對應的新訂訂單，并將客客戶所購商品品的信息及其其送貨信息保保存到訂單表表和訂單明細細表中。收銀臺各模塊及及其流程Order1.asp頁面面提供一個表表單，用來要要求客戶填寫寫真實姓名、電電子郵件地址址、詳細住址址、郵政編碼碼、聯系電話話等信息?？涂蛻籼峤淮吮肀硪院髮⒓せ罨頞rderr2.aspp頁面。Order2.asp用來來再次顯示客客戶所購各項項商品的名稱稱、單價、數數量、金額和和總計金額等等，供客戶進進一步確認。同同時將獲得客客戶真實姓名名及各項送貨貨信息再次顯顯示出來，供供客戶確認。如如果客戶選擇擇“確認訂購“按鈕，將激激活Ordeer3.assp頁面。如如果客戶選擇擇”取消訂購“按鈕，將調調用Ordeer4.assp終止本次次購物。Order3.asp頁面