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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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