項目7-中小型電子商務(wù)網(wǎng)站的綜合管理與維護

1、項目七項目七 中小型電子商務(wù)網(wǎng)站的綜合管理與維護 【項目背景【項目背景】 經(jīng)過一段時間的工作后，小張已經(jīng)把網(wǎng)站的規(guī)劃、設(shè)計、調(diào)試、發(fā)布和日常管理的工作內(nèi)容都已經(jīng)基本熟悉?，F(xiàn)在，經(jīng)理給小張一個較綜合的任務(wù)，要求他將以前掌握的各種知識與技能綜合使用，并結(jié)合該網(wǎng)站的實際要求，適當(dāng)?shù)卦黾右恍┕δ埽瑥亩瓿蓪σ粋€購書網(wǎng)站進行綜合的設(shè)計、管理與維護。 1一個網(wǎng)絡(luò)書店的整體設(shè)計結(jié)構(gòu)大概是怎樣的？ 2如何設(shè)計一個電子商務(wù)網(wǎng)站的在線支付功能？ 任務(wù)1：設(shè)計一個簡單的網(wǎng)絡(luò)書店。 任務(wù)2：建立數(shù)據(jù)庫的動態(tài)鏈接。 任務(wù)3：管理數(shù)據(jù)庫的動態(tài)更新。 任務(wù)4：管理書店的庫存信息。 任務(wù)5：設(shè)置實時訂單處理功能。 任務(wù)6：選

2、擇并建立支付平臺。 網(wǎng)站首頁的制作。 設(shè)置站點。 建立數(shù)據(jù)庫。 在Dreamweaver中新建一個頁面，執(zhí)行“文件”“新建”命令。 在“新建文檔”對話框中，選擇“動態(tài)頁”、“ASP VBScript” 在Dreamweaver中執(zhí)行“站點”“管理站點”命令，打開對話框，單擊“新建”“站點”， 在本地信息對話框中，設(shè)置“站點名稱”為bookshop， 本地根文件夾為C:Inetpubwwwrootbookshop （1）在網(wǎng)站根目錄下建立一個data文件夾，然后在Access里面新建一個bookshop.mdb數(shù)據(jù)庫文件，保存到data文件夾。 （2）在bookshop數(shù)據(jù)庫中建立幾個數(shù)據(jù)表 商

3、品信息表（bookinfo） 訂單信息表（orders） 訂單詳細(xì)表（orderinfo） 書籍類別表（category） 用戶信息表（userinfo） 管理員信息表（admin） 設(shè)計“圖書導(dǎo)購”功能。 設(shè)計“銷售排行”功能。 設(shè)計“新書上架”功能。 設(shè)計“推薦圖書”功能。 在Dreamweaver MX 2004中打開前面已經(jīng)做好的網(wǎng)站首頁index.asp，執(zhí)行“窗口”“綁定”命令 設(shè)計“銷售排行”欄目，需要數(shù)據(jù)庫表“bookinfo”中的“Sell”排序的商品來實現(xiàn)，主要的步驟和前面所講的差不多。 “新書上架”欄目的制作步驟也差不多，加入一個名稱為“newbook”的記錄集，連接選擇

4、“conn”，表格選擇“bookinfo”，列選擇“全部”，排序選擇“AddDate”，“降序”。 設(shè)計“推薦圖書”欄目，需要數(shù)據(jù)庫表“bookinfo”中的“Commend”排序商品來實現(xiàn)。 制作分類商品展示頁。 設(shè)置分頁顯示商品的功能。 設(shè)計添加商品到購物車頁面。 設(shè)計填寫收貨人信息頁面。 設(shè)計訂單后臺處理頁面。 設(shè)計付款方式頁面。 （1）在Dreamweaver中打開index.asp，然后另存為分類商品展示頁category.asp，并且把頁面右邊的一些欄目刪除掉； （2）打開綁定面板，定義記錄集，選擇“+”按鈕，執(zhí)行“記錄集(查詢)”命令。在彈出的窗口中設(shè)置“記錄集”名稱為“Prod

5、uctl”，“連接”選擇“conn”，表格”選擇“bookinfo”，“列”選擇“全部”，“篩選”為“CategoryID=URL參數(shù) CategoryID”， （3）展開記錄集“Productl”，將書名、作者、價格、簡介字段插入到對應(yīng)的表格中，并按照前面介紹過的方法修改動態(tài)圖片的路徑和重復(fù)顯示區(qū)域。 要顯示的圖書商品比較多，所以要設(shè)置分頁顯示功能 執(zhí)行“插入”“應(yīng)用程序?qū)ο蟆薄坝涗浖猪摗薄坝涗浖瘜?dǎo)航條”命令 當(dāng)用戶在某一個商品信息下方單擊“添加到購物車”圖片按鈕后，表示將此商品列入待購商品列表中，這時將跳轉(zhuǎn)到購物車頁面 在購物車頁面pushcart.asp中，主要是用一個表格顯示用戶定購

6、的商品信息，包括商品名稱、數(shù)量、單價、總金額等。 表中有3個按鈕，可以刷新列表、去收銀臺和繼續(xù)購物。 當(dāng)用戶單擊“去收銀臺”按鈕后，將跳轉(zhuǎn)到本頁面。在這個頁面中主要是用表單的文本域、下拉列表等控件讓用戶填寫收貨信息，如圖7-38所示。 單擊“確認(rèn)訂單”按鈕后將跳轉(zhuǎn)到確認(rèn)訂單頁面。 在這個頁面中主要是顯示前面訂單和收貨人的基本信息，讓用戶再次確認(rèn)，如圖7-39所示。 同時利用一些Session變量保存用戶提交的信息，以便后面的頁面把信息保存到數(shù)據(jù)庫中去。 這個頁面的主頁功能是將訂單基本信息和訂單詳細(xì)信息分別寫入Orders表和Orderinfo數(shù)據(jù)表中， 然后頁面跳轉(zhuǎn)到提示付款方式的頁面。 在這

7、個頁面暫時只要做一個顯示收款銀行帳號信息的表格就可以了 到這里我們就基本實現(xiàn)了購物車的功能。當(dāng)然，如果要做的更完善一些的話，還需要在每個頁面都添加用戶登錄驗證的服務(wù)器行為，使用戶必須先注冊、登錄網(wǎng)站才能購物，這部分內(nèi)容在后面會講到。 還有在頁面顯示的訂單信息也可以根據(jù)實際需要增加一些內(nèi)容。 圖書類別的添加、刪除、修改。 圖書信息的添加、刪除、修改。 （1）打開admin_user.asp頁面，另存為admin_category.asp，然后刪除頁面中的用戶信息顯示表格，重新插入一個3行2列的表格，并在該表格中添加相應(yīng)當(dāng)文字和文本域，如圖7-41所示； （2）執(zhí)行“綁定”“記錄集（查詢）”命令，

8、在彈出的對話框中輸入“名稱”“category”， 在“連接”中選擇“conn”，在“表格”中選擇“category”，在“列”中選擇“全部”； （3）用鼠標(biāo)選中剛才添加的表格，然后選擇“服務(wù)器行為”“重復(fù)區(qū)域”，使該頁面可以顯示全部類別的信息； （4）拖動記錄集category中的字段到相應(yīng)當(dāng)文本域中； （5）用鼠標(biāo)選中“更新”兩個字，然后在“服務(wù)器行為”面板中執(zhí)行“轉(zhuǎn)到詳細(xì)頁面”命令，在彈出的對話框中設(shè)置“詳細(xì)信息頁”為“updatecate.asp”，“傳遞URL參數(shù)”為“CategoryID”，“記錄集”選擇“category”，“列”選擇“CategoryID”，如圖7-42所示；

9、（6）用鼠標(biāo)選中“刪除”兩個字，然后在“服務(wù)器行為”面板中執(zhí)行“轉(zhuǎn)到詳細(xì)頁面”命令，在彈出的對話框中設(shè)置“詳細(xì)信息頁”為“delcate.asp”，其他參數(shù)的設(shè)置和上述的一樣； （7）在form1的下面插入一個表單form2，然后在form2里面再插入一個3行2列的“新增商品類別表格”，并添加相應(yīng)當(dāng)文字、按鈕和文本域，如圖7-43所示； （8）執(zhí)行“服務(wù)器行為”面板中的“插入記錄”命令，在彈出的對話框中設(shè)置“連接”為“conn”，“插入到表格”為“category”，“插入后，轉(zhuǎn)到”選擇“admin_category.asp”，“獲取值自”選擇“form2”，然后選擇相應(yīng)表單元素和列值，如圖7

10、-44所示； （9）把admin_category.asp另存為updatecate.asp，刪除原有的表格，添加表格和相應(yīng)當(dāng)文字、按鈕和文本域，如圖7-45所示； （10）拖動記錄集中的categoryname和categorydes字段到相應(yīng)當(dāng)文本域中； （11）執(zhí)行“服務(wù)器行為”面板中的“更新記錄”命令，在彈出的對話框中設(shè)置“連接”為“conn”，“要更新的表格”選擇“category”，“選取記錄自”選擇“category”，“唯一鍵列”選擇“CategoryID”，“在更新后，轉(zhuǎn)到”選擇“admin_category.asp”，“獲取值自”選擇“form1”，然后選擇相應(yīng)表單元素和列

11、值，如圖7-46所示。 （12）刪除商品類別的頁面和添加商品類別的頁面制作方法差不多，不同之處就在于頁面文件名為“delicate.asp”，執(zhí)行“服務(wù)器行為”“刪除記錄”命令，具體的設(shè)置如圖7-47所示； 圖書商品管理模塊的制作方法和圖書類別管理的差不多，詳細(xì)的制作過程這里就不再說明了，可以參考前面的制作方法來完成。 其中主頁面為admin_product.asp， 更新商品的頁面為updateproduct.asp， 刪除商品的頁面為delproduct.asp， 添加商品的頁面為addproduct.asp， 設(shè)計查看訂單信息功能。 設(shè)計修改訂單狀態(tài)功能。 設(shè)計刪除訂單功能。 （1）打開

12、前面做好的adin_user.asp，另存為admin_order.asp，然后修改頁面中的相關(guān)文字為訂單的內(nèi)容，刪除原有的記錄集和字段。 （2）執(zhí)行“綁定”“記錄集（查詢）”命令，彈出的“記錄集”對話框，如圖7-53所示。在其中輸入“名稱”為“adminorders”， “連接”選擇“conn”，在“SQL”一欄中輸入代碼； （3）從記錄集adminorders中拖動字段到頁面表格的對應(yīng)位置，然后選中訂單信息表格的第二行，再執(zhí)行“服務(wù)器行為”“重復(fù)區(qū)域”命令； （4）執(zhí)行“插入”“應(yīng)用程序?qū)ο蟆薄坝涗浖猪摗薄坝涗浖瘜?dǎo)航條”命令，在頁面下方插入分頁顯示的功能。 （1）用鼠標(biāo)選中表格中“操作”

13、一欄的“修改”兩個字，再執(zhí)行“服務(wù)器行為”“轉(zhuǎn)到詳細(xì)頁面”命令，在彈出的對話框中“詳細(xì)信息頁”選擇“editorder.asp”，“傳遞URL參數(shù)”選擇“bookinfo.ProductID”，“記錄集”選擇“adminorders”，“列”選擇“bookinfo.ProductID” （2）表格中“操作”一欄的“刪除”兩個字的制作步驟也一樣，不同的就是“詳細(xì)信息頁”選擇“delorder.asp”， （3）把admin_order.asp頁面另存為editorder.asp，然后刪除其中的記錄集導(dǎo)航條； （4）修改表格中“訂單狀態(tài)”對應(yīng)當(dāng)單元格，插入一個列表/菜單控件，設(shè)置該控件的類型為“菜

14、單”。單擊按鈕，在彈出的對話框中，添加4個靜態(tài)選項，分別為“未處理”、“已付款”、“已發(fā)貨”、“交易結(jié)束”， （5）然后單擊按鈕，在在彈出的對話框中選擇“域”為“OrderStatus” （6）修改表格中“操作”對應(yīng)當(dāng)單元格，插入一個“更新”按鈕，然后執(zhí)行“服務(wù)器行為”面板中的“更新記錄”命令。在彈出的對話框中，設(shè)置“連接”為“conn”，“要更新的表格”選擇“orders”，“選取記錄自”選擇“adminorders”，“唯一鍵列”選擇“OrderStatus”，“在更新后，轉(zhuǎn)到”選擇“admin_order.asp”，“獲取值自”選擇“form1”，然后選擇相應(yīng)表單元素和列值， 刪除訂單的

15、頁面制作方法也差不多。把admin_order.asp頁面另存為delorder.asp，然后刪除其中的記錄集導(dǎo)航條。 修改表格中“操作”對應(yīng)當(dāng)單元格，插入一個“刪除”按鈕， 然后執(zhí)行“服務(wù)器行為”面板中的“刪除記錄”命令，在彈出的對話框中設(shè)置“連接”選擇“conn”，“重表格中刪除表格”選擇“orders”，“選取記錄自”選擇“order”，“唯一鍵列”選擇“OrderID”，“提交此表單以刪除”選擇“form1”?！皠h除后轉(zhuǎn)到”選擇“admin_order.asp” 選擇第三方支付平臺。 注冊并下載在線支付相關(guān)文檔。 添加網(wǎng)銀在線支付接口。 支付寶（https:/）。 安付通（http:/

16、 網(wǎng)銀在線（http:/）。）。 易達信動QPAY第三方在線支付平臺（http:/www.1st-）。以下以網(wǎng)銀在線為例 （1）首先注冊成為網(wǎng)銀在線網(wǎng)上商戶（http:/）。注冊完成后會獲得一個商戶號，用商戶號可以登錄后臺管理頁面 （2）登錄商戶管理后臺，資料管理/修改MD5私鑰（安裝接口時要用到）信息 （3）登錄商戶管理后臺，下載支付接口技術(shù)文檔，和技術(shù)文檔一起提供的還有幾個頁面文件， MD5.asp：用于對訂單敏感信息加密的MD5加密函數(shù)包含文件。 ChinaBank.html：接口測試首頁，填寫訂單信息。 Send.asp：接收ChinaBank.html傳遞過來的參數(shù)，對敏感信息加密，

17、然后將訂單發(fā)送至網(wǎng)銀支付網(wǎng)關(guān)，此頁面商戶需要修改幾項參數(shù)：v_mid 商戶編號；key md5私鑰值；v_url 支付返回地址，即本示例中Receive.asp 的網(wǎng)絡(luò)訪問地址。 Receive.asp：支付返回處理頁面，商戶需要將key值修改成自己的md5私鑰值。根據(jù)自己的業(yè)務(wù)需要，商戶可以在支付返回成功或失敗后做相應(yīng)的邏輯處理。 AutoReceive.asp：自動對帳，解決掉單問題，商戶需要將key值修改成自己的md5私鑰值，在本頁面商戶可以根據(jù)自己的業(yè)務(wù)需要做相應(yīng)的邏輯處理。 （1）將MD5.asp、Send.asp、Receive.asp復(fù)制到網(wǎng)站根目錄下； （2）在paytype.asp頁面中添加一個網(wǎng)銀在線支付的圖片，鏈接到Send.asp頁面 （3）在Send.asp 頁面簡單修改幾項參數(shù)即可接通網(wǎng)銀在線支付網(wǎng)關(guān) （5）在接收支付返回頁面Receive.asp 中將ke