《電子商務網(wǎng)站建設》電子教案

《《電子商務網(wǎng)站建設》電子教案》由會員分享，可在線閱讀，更多相關《《電子商務網(wǎng)站建設》電子教案（187頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設第1章電子商務網(wǎng)站建設概述電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設8本章重點：建立電子商務網(wǎng)站的目的 電子商務網(wǎng)站的構成要素 電子商務網(wǎng)站的特點及作用電 子 商 務 網(wǎng) 站 建 設一、電子商務網(wǎng)站的創(chuàng)建目的一、電子商務網(wǎng)站的創(chuàng)建目的8 1、什么是電子商務電子商務源于英文Electronic Commerce，簡寫為EC。顧名思義，其內(nèi)容包含兩個方面，一是電子方式，二是商貿(mào)活動。即利用簡單、快捷、低成本的電子通信方式，買賣雙方不謀面地進行各種商貿(mào)活動。8 2、建設電子商務網(wǎng)站的目的一般企業(yè)建站的目的主要有：發(fā)布企業(yè)產(chǎn)

2、品、服務信息 介紹企業(yè)歷史、輝煌成就 收集客戶反饋意見 網(wǎng)上市場調(diào)查 開展網(wǎng)絡營銷 網(wǎng)上客戶服務 逐漸實施電子商務等電 子 商 務 網(wǎng) 站 建 設二、電子商務網(wǎng)站的類型與組成二、電子商務網(wǎng)站的類型與組成8 1、電子商務網(wǎng)站的類型 按照電子商務模式劃分，可以將電子商務網(wǎng)站分為以下幾種類型。（1）B2B（B to B）即企業(yè)與企業(yè)之間通過因特網(wǎng)進行產(chǎn)品、服務及信息的交換。（2）B2C（B to C）即企業(yè)對消費者，直接面向消費者銷售產(chǎn)品和服務。（3）C2C（C to C）即消費者對消費者，這是美國eBay所采用的商業(yè)模式。電 子 商 務 網(wǎng) 站 建 設二、電子商務網(wǎng)站的類型與組成二、電子商務網(wǎng)站的

3、類型與組成8 2、電子商務網(wǎng)站的組成（1）電子商務網(wǎng)站的基礎設施組成CA安全認證系統(tǒng)：安全認證系統(tǒng)：CA（Certificate Authority）即“認證機構”，是負責簽發(fā)證書、認證證書、管理已頒發(fā)證書的機構。目前，國內(nèi)CA認證市場主要由大行業(yè)或地方政府部門建立的CA認證機構構成。例如，中國金融認證中心（CFCA），如圖所示，于2000年10月開始運行，是一個由13家銀行參與建設和運行的CA認證體系，主要市場是企業(yè)與銀行間的資金轉賬和往來服務業(yè)務。電 子 商 務 網(wǎng) 站 建 設二、電子商務網(wǎng)站的類型與組成二、電子商務網(wǎng)站的類型與組成 支付體系：支付體系：支付體系在公網(wǎng)和傳統(tǒng)的銀行網(wǎng)絡之間架

4、起了一座橋梁，它把用戶需要在公網(wǎng)上傳輸?shù)闹Ц缎畔ⅲㄣy行賬號、密碼等）采用CA認證系統(tǒng)進行加密，發(fā)給銀行內(nèi)部網(wǎng)絡；同時要接收銀行系統(tǒng)響應消息加密后，發(fā)送給最終用戶，確保了用戶支付信息在公網(wǎng)上傳輸?shù)陌踩院涂煽啃?。目前，浙江支付寶網(wǎng)絡科技有限公司是國內(nèi)領先的提供網(wǎng)上支付服務的因特網(wǎng)企業(yè)，由全球領先的B2B網(wǎng)站阿里巴巴公司創(chuàng)辦。支付寶（），如圖所示。電 子 商 務 網(wǎng) 站 建 設二、電子商務網(wǎng)站的類型與組成二、電子商務網(wǎng)站的類型與組成 綜合接入平臺：綜合接入平臺：綜合接入平臺為參與電子商務的各方提供了安全、方便、快捷的接入手段。接入平臺解決了目前中國因為網(wǎng)絡和計算機普及率低下的現(xiàn)實狀況造成的用戶參與

5、電子商務的困難。中國電信電子商務綜合接入平臺支持計算機、電話、簡易終端、智能終端等多種接入方式。用戶可以通過計算機、電話等多種方式參與到電子商務中來，電子商務不再需要高深的計算機知識，用戶只要會用電話或進行簡單的計算機操作，就可以享受電子商務給學習、生活、工作帶來的巨大便利。業(yè)務系統(tǒng)：業(yè)務系統(tǒng)：不管電子商務基礎設施的建設有多完善，能讓用戶切身感受到電子商務好處的還是電子商務業(yè)務系統(tǒng)。目前，中國電信聯(lián)合銀行、證券、商業(yè)、醫(yī)療、交通、教育等多個部門，共同開發(fā)了電子繳費、電子銀行、電子證券、網(wǎng)上購物、網(wǎng)上醫(yī)療、網(wǎng)上訂票、網(wǎng)上訂房、網(wǎng)上尋呼、安全E-mail等多種電子商務應用系統(tǒng)，為廣大用戶開放多種電

6、子商務業(yè)務。電 子 商 務 網(wǎng) 站 建 設二、電子商務網(wǎng)站的類型與組成二、電子商務網(wǎng)站的類型與組成（2）典型電子商務網(wǎng)站的主要功能模塊組成以本書“校園手機網(wǎng)”為例，一個電子商務網(wǎng)站可以分為以下幾個模塊：會員系統(tǒng) 產(chǎn)品系統(tǒng) 新聞發(fā)布系統(tǒng) 站內(nèi)信息檢索系統(tǒng) 網(wǎng)上購物系統(tǒng) 在線支付系統(tǒng) 在線技術支持 在線管理系統(tǒng)（后臺）其他模塊“校園手機網(wǎng)”前臺框架“校園手機”網(wǎng)后臺框架電 子 商 務 網(wǎng) 站 建 設三、電子商務網(wǎng)站的特點與作用三、電子商務網(wǎng)站的特點與作用8 1、電子商務網(wǎng)站的特點（1）信息傳輸速度快（2）信息資源廣泛（3）資源投入少（4）見效快（5）品牌優(yōu)勢更明顯（6）頭腦、眼光、決策比金錢更重要

7、（7）免費客戶和收費客戶顯得同等重要 電 子 商 務 網(wǎng) 站 建 設三、電子商務網(wǎng)站的特點與作用三、電子商務網(wǎng)站的特點與作用8 2、電子商務網(wǎng)站的作用（1）樹立全新企業(yè)形象（2）優(yōu)化企業(yè)內(nèi)部管理（3）增強銷售力（4）提高附加值電 子 商 務 網(wǎng) 站 建 設第2章電子商務網(wǎng)站的總體設計電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設8本章重點：常用建站技術及工具 電子商務網(wǎng)站的策劃 建立良好的網(wǎng)站導航系統(tǒng)電 子 商 務 網(wǎng) 站 建 設一、常用建站技術及工具一、常用建站技術及工具81、常用建站技術（1）HTML（2）DHTML（3）Java與Java Applet（4）ActiveX（

8、5）CGI（6）ASP（7）PHP（8）JSP（9）Flash電 子 商 務 網(wǎng) 站 建 設一、常用建站技術及工具一、常用建站技術及工具8 2、常用建站工具（1）FrontPage 2000FrontPage 2000是一種理想的網(wǎng)頁編輯工具，支持“所見即所得”的編輯方式，它不需要使用者掌握很深的網(wǎng)頁制作技術知識，甚至不需要了解HTML的基本語法。FrontPage 2000是Microsoft Office 2000家族中的一員，因此界面保持了Word、Excel等軟件的一貫風格，非常友好，如圖所示。我們幾乎可以像使用Word一樣來制作出一個網(wǎng)頁，而且，F(xiàn)rontPage 2000與操作系統(tǒng)

9、的集成性非常好，所以在站點管理等方面具有其他網(wǎng)頁編輯軟件所無法比擬的優(yōu)勢。（2）Dreamweaver MXDreamweaver MX是Macromedia公司推出的一款優(yōu)秀的、可視化的網(wǎng)頁設計和網(wǎng)站管理工具軟件，其界面如圖所示。它支持最新的Web技術，包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite或BBEdit捆綁、可視化網(wǎng)頁設計、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等流媒體格式和動態(tài)HTML、基于團隊的Web創(chuàng)作。在編輯上用戶可以選擇可視化方式或者個人喜歡的源碼編輯方式，Dreamweaver MX不僅是專業(yè)人員制作網(wǎng)站的首選

10、工具，而且已經(jīng)普及到廣大網(wǎng)頁制作愛好者中。FrontPage 2000界面Dreamweaver MX界面電 子 商 務 網(wǎng) 站 建 設二、電子商務網(wǎng)站的創(chuàng)建流程二、電子商務網(wǎng)站的創(chuàng)建流程8第一步，第一步，網(wǎng)站策劃工作。包括明確建站目的、網(wǎng)站域名、空間使用、網(wǎng)站目標定位，以及網(wǎng)站目標用戶和潛在用戶對網(wǎng)站的需求，確定網(wǎng)站的總體風格。需要注意的是：域名注冊。域名可以說是企業(yè)的“網(wǎng)上商標”，所以域名的選擇要與注冊商標相符合，以便于記憶；虛擬主機。虛擬主機是網(wǎng)頁的存放空間，虛擬主機的優(yōu)劣和穩(wěn)定性直接影響網(wǎng)站的訪問速度，不要使用太過便宜的主機，空間適量即可，主要考察標準是帶寬、主機配置、CGI權限、數(shù)據(jù)

11、庫、服務和技術支持。8第二步，第二步，網(wǎng)站的設計（程序開發(fā)）。網(wǎng)站設計要和公司的企業(yè)形象識別（VI）相符合，主要是根據(jù)建設網(wǎng)站的目的和功能，計劃一下需要什么樣的風格、是否需要安裝程序，如論壇、社區(qū)、留言簿（反饋表單）等。利用策劃階段所做的工作，將內(nèi)容有機地連接在一起，對網(wǎng)站進行包括前臺、后臺及數(shù)據(jù)庫的設計。對頁面設計布局，做出效果圖，縱觀全局，包括頁面的導航、文本、圖像、程序，設計出符合編程及視覺效果的靜態(tài)頁面，再進行程序開發(fā)。8第三步，第三步，網(wǎng)站的測試和發(fā)布。測試設計好的網(wǎng)站，不僅要對所有影響頁面顯示的細節(jié)因素進行依次測試，頁面中的超鏈接是否正常也是一部分，最重要的是要看這個電子商務網(wǎng)站的

12、功能是否可用，是否方便，是否能解決企業(yè)的商務問題。電 子 商 務 網(wǎng) 站 建 設三、電子商務網(wǎng)站的策劃三、電子商務網(wǎng)站的策劃81、網(wǎng)站定位（1）網(wǎng)站類型定位）網(wǎng)站類型定位信息發(fā)布型：主要功能定位于企業(yè)信息發(fā)布，如眾多的中小型企業(yè)網(wǎng)站。網(wǎng)上直銷型：在發(fā)布企業(yè)基本信息的基礎上，增加網(wǎng)上接受訂單和支付的功能。此類型為一些較大型企業(yè)網(wǎng)站常采用。電子商務型：此類網(wǎng)站要基于較高的企業(yè)信息化平臺，不僅具有前兩類網(wǎng)站的功能，而且集成了包括供應鏈管理在內(nèi)的整個企業(yè)流程一體化的信息處理系統(tǒng)，運行費用較高。（2）網(wǎng)站目標用戶定位）網(wǎng)站目標用戶定位一個企業(yè)網(wǎng)站的目標用戶一般可包括企業(yè)的經(jīng)銷商、終端消費者、企業(yè)的一般員

13、工及銷售人員、求職者等。企業(yè)要加強對網(wǎng)上消費者的行為進行研究，這是提高客戶服務的基礎。注重對企業(yè)目標顧客的年齡、性別、學歷、職業(yè)、個性、行為、收入水平、地理位置分布等各種資料的分析，還應該看到網(wǎng)站的目標用戶是基于產(chǎn)品銷售的目標顧客，但兩者之間不能完全畫等號。（3）網(wǎng)站訴求點定位）網(wǎng)站訴求點定位對于企業(yè)網(wǎng)站訴求點的確定，一般來說有理性訴求和感性訴求及綜合型三種。理性訴求強調(diào)說理及邏輯性，以事實為基礎，以介紹性文字為主，突出公司的實力、產(chǎn)品的質(zhì)量和優(yōu)質(zhì)的服務。而感性訴求則強調(diào)直覺，以價值為基礎，以企業(yè)的形象塑造為主。至于綜合型的網(wǎng)站，是上述二者兼而有之。企業(yè)網(wǎng)站的訴求點應與企業(yè)的營銷宣傳理念相符合

14、。（4）網(wǎng)站）網(wǎng)站CI定位定位CI為Corporate Identity的縮寫，這里借用這個營銷概念作為企業(yè)網(wǎng)站的形象設計。一個網(wǎng)站如果能夠進行成功的CI設計定位，便可增強用戶對該網(wǎng)站的識別。CI設計一般包括LOGO（標志）設計，設計制作一個網(wǎng)站的LOGO，就如同給產(chǎn)品設計商標一樣，是網(wǎng)站最醒目的標志，看見LOGO就讓大家聯(lián)想起站點。電 子 商 務 網(wǎng) 站 建 設三、電子商務網(wǎng)站的策劃三、電子商務網(wǎng)站的策劃8 2、網(wǎng)站導航（1）網(wǎng)站導航的目的）網(wǎng)站導航的目的 通過分類為瀏覽者提供友好的路徑，從而使他們能盡快找到所需要的內(nèi)容，如圖所示。告訴瀏覽者，目前在網(wǎng)站所處的位置，即歷史軌跡導航，如圖所示。

15、告訴瀏覽者，已經(jīng)訪問過哪些內(nèi)容。在很多網(wǎng)頁上，被單擊過的鏈接會用不同的顏色標示出來。為瀏覽者提供上下文和相關資源鏈接。當瀏覽者在網(wǎng)上瀏覽某一產(chǎn)品時，該頁面會提供相關產(chǎn)品的鏈接。例如，當在校園手機網(wǎng)上瀏覽三星SGH-D410手機時，網(wǎng)站就會提供其他相關產(chǎn)品的鏈接，如圖所示。為瀏覽者推薦網(wǎng)站的最新內(nèi)容、特色內(nèi)容及重點內(nèi)容等，如圖所示。校園手機網(wǎng)分類導航校園手機網(wǎng)相關產(chǎn)品鏈接校園手機網(wǎng)精品推薦校園手機網(wǎng)歷史軌跡導航電 子 商 務 網(wǎng) 站 建 設三、電子商務網(wǎng)站的策劃三、電子商務網(wǎng)站的策劃（2）網(wǎng)站導航的原則和技巧）網(wǎng)站導航的原則和技巧盡可能多地提供相關資源的鏈接盡可能多地提供相關資源的鏈接在一個企業(yè)

16、網(wǎng)站上會有很多信息，但研究表明，訪問者往往并不能明確他需要哪些信息，網(wǎng)站可以幫助用戶搜集一些相關資源放置在頁面上，以提醒瀏覽者注意。一致性原則一致性原則網(wǎng)站的導航元素與設計風格要一致，以便于操作。網(wǎng)站板塊和層次劃分合理網(wǎng)站板塊和層次劃分合理板塊的劃分應該有充分的依據(jù)并且是容易理解的。不同板塊的內(nèi)容盡量做到?jīng)]有交叉重復內(nèi)容，共性較多的內(nèi)容應盡量劃分到同一板塊，劃分后的結構層次不宜過深。整體導航設計技巧整體導航設計技巧在設計網(wǎng)站的整體導航時，需要在每一張頁面上加有“首頁（Home）”鏈接，以便及時回到網(wǎng)站的主頁；同時也應該提供“關于我們（About Us）”鏈接，介紹公司的概況及產(chǎn)品經(jīng)營狀況；還需

17、要提供“聯(lián)系方式（Contact Us）”，公布企業(yè)的電子郵箱、電話、傳真、聯(lián)系人及公司所在地點等，如圖所示。設計好輔助導航設計好輔助導航網(wǎng)站通常會提供文件下載的服務，需要注明下載文件的大小及格式，同時要提供執(zhí)行軟件的下載鏈接（如Adobe Acrobat Reader、RealPlayer等軟件）。頁面中插有聲音和動畫文件時，需要提前告示訪問者。另外，內(nèi)容較多的網(wǎng)站還需提供信息查詢服務。常用的導航技巧常用的導航技巧網(wǎng)站的導航元素如果是圖片，應將相應的文字設置到圖片的ALT屬性中。所有頁面的LOGO標志都應有指向首頁的鏈接。在網(wǎng)頁的頁腳處一般應提供整體鏈接，如聯(lián)系方式、使用條款、版權信息及隱私

18、保護等。校園手機網(wǎng)整體導航電 子 商 務 網(wǎng) 站 建 設三、電子商務網(wǎng)站的策劃三、電子商務網(wǎng)站的策劃8 3、其他要素（1）網(wǎng)站設計風格（2）分類體系（3）購物車（4）網(wǎng)上支付方式（5）安全問題（6）顧客跟蹤（7）產(chǎn)品促銷（8）配送電 子 商 務 網(wǎng) 站 建 設三、電子商務網(wǎng)站的策劃三、電子商務網(wǎng)站的策劃84、電子商務網(wǎng)站資料搜集網(wǎng)站制作在目錄、導航、鏈接等策劃后，需要搜索、準備網(wǎng)站資料，為動手進行網(wǎng)站設計做準備。個人網(wǎng)站的大多數(shù)內(nèi)容除了源于自己的獨創(chuàng)外，還需要依賴于資料搜集，資料搜集得不完整，可能設計一半就得停下來。同時，在搜集資料時，主要搜集的是其他經(jīng)典網(wǎng)站的頁面布局技巧、導航設計技巧、鏈接

19、設計技巧、網(wǎng)站色彩處理技巧及網(wǎng)站具體內(nèi)容等。商業(yè)網(wǎng)站雖然不全像個人網(wǎng)站那樣從網(wǎng)上搜集內(nèi)容，但是可以吸取其他同類網(wǎng)站的設計風格精華，如布局風格、導航技巧、色彩處理、同類產(chǎn)品的宣傳技巧等，有比較才有鑒別。在搜集時不能照搬其他網(wǎng)站的風格，應該有自己的獨創(chuàng)。電 子 商 務 網(wǎng) 站 建 設第3章校園手機網(wǎng)首頁界面設計電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設8本章重點 熟悉常用的HTML標識 掌握利用表格為網(wǎng)頁進行布局的技巧 在網(wǎng)頁中合理應用圖像及超級鏈接 利用CSS樣式美化網(wǎng)頁元素 制作包含表單的網(wǎng)頁電 子 商 務 網(wǎng) 站 建 設一、界面設計理論一、界面設計理論 8 1、HTML簡介

20、 HTML語言是由各種標記組成的。一般來說，標記可分為容器型標記和非容器型標記兩種。容器型標記由起始標記和結束標記組成，如段落標記；非容器型標記只有起始標記，如換行標記。（1）HTML的基本標記 A.B.C.D.（2）HTML的一些常用標記 如：、等。電 子 商 務 網(wǎng) 站 建 設一、界面設計理論一、界面設計理論 8 2、Dreamweaver MX應用簡介 Dreamweaver MX操作方便，簡單易學，是制作網(wǎng)站的首選工具。它不僅可以制作單獨的網(wǎng)頁，還可以創(chuàng)建完整的站點。為了更好地管理網(wǎng)頁文件，在制作網(wǎng)頁之前，最好先建一個站點。下面以“校園手機網(wǎng)”的建設為例，簡要介紹Dreamweaver

21、 MX中表格、圖像、鏈接、表單和CSS樣式在網(wǎng)頁中的應用。（1）應用表格 熟練地使用表格，就可以精確定位文本、圖像、表單等網(wǎng)頁元素，從而方便地制作出圖文并茂的網(wǎng)頁。采用像素為單位的布局表格還可使網(wǎng)頁中的內(nèi)容位置固定，不隨瀏覽器窗口的大小變化而產(chǎn)生變化。電 子 商 務 網(wǎng) 站 建 設一、界面設計理論一、界面設計理論 A.插入表格 方法：“插入”“表格”B.設置表格屬性 方法：選中表格，在屬性面板中設置表格的屬性（2）應用圖像 要想使網(wǎng)頁引人入勝，圖像是必不可少的。它可以為網(wǎng)頁增添生命力，以直觀形象的方式來表達要說明的問題。應用到網(wǎng)頁中的圖像一般有三種，即GIF、JPEG和PNG格式，目前以前兩種

22、格式應用最廣。A.插入圖像 方法：“插入”“圖像”B.設置圖像屬性 方法：選中要設置屬性的圖像，在屬性面板中進行設置。電 子 商 務 網(wǎng) 站 建 設一、界面設計理論一、界面設計理論 （3）應用超級鏈接 超級鏈接是網(wǎng)頁中最為重要的部分，有了鏈接，就可以將各網(wǎng)站及網(wǎng)頁連到一起，從而不需要知道具體文件的名字和位置，只要單擊相應鏈接，就可以查閱到自己感興趣的信息。超級鏈接可分為文本鏈接、圖像鏈接、電子郵件鏈接、下載鏈接、錨鏈接、空鏈接等，下面以文本鏈接為例，介紹其創(chuàng)建方法。A.創(chuàng)建超級鏈接 方法：選中要創(chuàng)建超級鏈接的文字，在屬性面板中，單擊鏈接欄旁邊的按鈕，打開“選擇文件”對話框，選擇鏈接的目標文件。

23、B.設置鏈接目標窗口 各選項含義如下：_blank：打開一個新的瀏覽器窗口顯示鏈接目標網(wǎng)頁。_parent：在上一級的瀏覽器窗口中顯示鏈接目標網(wǎng)頁。_self：在當前的瀏覽器窗口中顯示鏈接目標網(wǎng)頁。_top：在最頂端的瀏覽器窗口中顯示鏈接目標網(wǎng)頁。電 子 商 務 網(wǎng) 站 建 設一、界面設計理論一、界面設計理論 （4）應用表單 表單是網(wǎng)頁的瀏覽者與網(wǎng)站的管理者進行交互的窗口。如申請電子郵箱時要先填寫相關資料，或利用一個用戶調(diào)查表來收集瀏覽者對網(wǎng)頁的反饋意見等。一個完整的表單應該包含兩部分：一是網(wǎng)頁中的表單對象，二是表單處理程序。下面主要介紹如何在網(wǎng)頁中創(chuàng)建表單對象。A.插入表單 方法：“插入”“

24、表單”B.插入表單對象 方法：單擊“插入”“表單對象”“文本域”或其他的表單對象 C.表單及部分表單對象的屬性設置 方法：選中相應的對象，在屬性面板中設置電 子 商 務 網(wǎng) 站 建 設一、界面設計理論一、界面設計理論 （5）應用CSS樣式 CSS（Cascading Style Sheet）的中文意思是層疊樣式表。利用CSS可以設定文本、圖像、表格、表單等任何網(wǎng)頁元素的樣式，使各種網(wǎng)頁元素顯示得更加美觀。同時，利用CSS樣式表文件，可將網(wǎng)頁的外觀設計從網(wǎng)頁內(nèi)容中獨立出來單獨管理，不僅修改方便，還可使網(wǎng)站中的各網(wǎng)頁具有統(tǒng)一的風格。A.創(chuàng)建CSS樣式單擊“窗口”“CSS樣式”，調(diào)出CSS樣式面板。

25、在該面板中，單擊右下角的“新建CSS樣式”按鈕在樣式定義窗口中，先在“分類”欄選擇具體要設置的類型，再在右邊欄中做具體的設置。完成后，單擊“確定”按鈕。電 子 商 務 網(wǎng) 站 建 設一、界面設計理論一、界面設計理論 B.應用外部CSS樣式打開要使用CSS樣式的網(wǎng)頁文檔，調(diào)出CSS樣式面板。在CSS樣式面板中單擊“附加樣式表”按鈕，彈出“鏈接外部樣式表”對話框。單擊“瀏覽”按鈕，選擇相應的樣式表文件。在“添加為”處通常選擇“鏈接”，單擊“確定”按鈕。在網(wǎng)頁中選中要應用樣式的內(nèi)容，保證樣式面板中選中的是“應用樣式”，然后單擊所需樣式名稱即可。電 子 商 務 網(wǎng) 站 建 設二、首頁界面設計二、首頁界

26、面設計 8 1、首頁布局設計分析 首頁布局采用“三”字形結構：頂部導航欄部分、中部主要內(nèi)容部分、底部提示信息部分。為避免網(wǎng)頁相同內(nèi)容的重復設計，把頂部導航欄部分和底部提示信息部分提出，分別做成獨立的網(wǎng)頁：top.asp和bottom.asp，嵌入在需要網(wǎng)頁的適當位置。電 子 商 務 網(wǎng) 站 建 設二、首頁界面設計二、首頁界面設計 8 2、設計網(wǎng)站導航欄 清楚直觀的導航欄是一個網(wǎng)站的關鍵要素。本網(wǎng)站中導航欄以被包含文件的形式出現(xiàn)在所有網(wǎng)頁的上方，是網(wǎng)頁間聯(lián)系的直接通道。該部分內(nèi)容較少，主要是制作鏈接，并設定鏈接樣式。同時，在本部分對整個網(wǎng)站中的文本進行精確定制。電 子 商 務 網(wǎng) 站 建 設3.

27、2 首頁界面設計8 3、設計網(wǎng)站底部提示信息8 4、首頁的主要內(nèi)容布局設計 首頁的主要內(nèi)容部分內(nèi)容較多，設計復雜，多處應用了嵌套表格，并用CSS樣式來控制表格邊框線的顯示方式。為力求簡單清楚，此處將用戶注冊登錄、搜索商品、熱點排行、產(chǎn)品分類、問卷調(diào)查、精品推薦、新貨上架、特價商品等內(nèi)容分別獨立做成網(wǎng)頁，嵌入在首頁的相應位置。電 子 商 務 網(wǎng) 站 建 設三、三、Banner與與LOGO設計設計 每一個網(wǎng)站中都會有自己的Banner和LOGO。通常Banner為GIF動畫或Flash影片，LOGO圖片常為靜態(tài)圖片，兩者的設計效果均力求反映網(wǎng)站的名稱及主題。本網(wǎng)站中，Banner采用Firewor

28、ks設計，為簡單的GIF動畫；LOGO采用Photoshop設計，為靜態(tài)圖片。8 1、Banner設計8 2、LOGO設計電 子 商 務 網(wǎng) 站 建 設四、用戶注冊登錄版塊設計四、用戶注冊登錄版塊設計 在電子商務型網(wǎng)站中，要想購物，必須先注冊為網(wǎng)站的會員。因此，注冊登錄板塊是必不可少的。該版塊最終效果如下圖示：電 子 商 務 網(wǎng) 站 建 設五、商品信息類部分版塊設計五、商品信息類部分版塊設計 8 1、熱點排行板塊設計電 子 商 務 網(wǎng) 站 建 設五、商品信息類部分版塊設計五、商品信息類部分版塊設計 8 2、產(chǎn)品分類板塊設計電 子 商 務 網(wǎng) 站 建 設五、商品信息類部分版塊設計五、商品信息類部

29、分版塊設計 8 3、精品推薦板塊設計電 子 商 務 網(wǎng) 站 建 設五、商品信息類部分版塊設計五、商品信息類部分版塊設計 8 4、問卷調(diào)查板塊設計電 子 商 務 網(wǎng) 站 建 設五、商品信息類部分版塊設計五、商品信息類部分版塊設計 8 5、商品搜索板塊設計電 子 商 務 網(wǎng) 站 建 設8本章小結 本章首先對HTML和網(wǎng)頁設計工具Dreamweaver進行簡單介紹，再以實例的形式詳細描述校園手機網(wǎng)首頁的制作。在制作過程中，不僅涉及Dreamweaver MX中的表格、鏈接、圖像、CSS樣式、表單等內(nèi)容的應用，還涉及一些腳本語句，基本上涵蓋了制作網(wǎng)頁中的知識和技巧。電 子 商 務 網(wǎng) 站 建 設第4章

30、數(shù)據(jù)庫管理 電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設88本章重點本章重點為電字商務網(wǎng)站建立數(shù)據(jù)庫后臺在ASP中連接數(shù)據(jù)庫在ASP中訪問數(shù)據(jù)庫，包括查詢、添加和修改數(shù)據(jù)庫連接電 子 商 務 網(wǎng) 站 建 設一、系統(tǒng)功能與設計一、系統(tǒng)功能與設計 為網(wǎng)站建立數(shù)據(jù)庫后臺應從網(wǎng)站的功能分析入手，逐步細分出一個個小的功能模塊，然后根據(jù)這些功能模塊都需要處理哪些數(shù)據(jù)，來決定建立什么樣的數(shù)據(jù)表。對于本書實例校園手機網(wǎng)來說，需要動態(tài)處理數(shù)據(jù)的部分大體分為以下三個模塊：1、商品管理模塊2、用戶管理模塊3、網(wǎng)站管理模塊 網(wǎng)站每一個功能模塊的設計都遵循以下幾個步驟：第一步：功能分析第二步：確定需要建

31、立的數(shù)據(jù)表第三步：總結畫出功能模塊圖第四步：確定所有數(shù)據(jù)表的數(shù)據(jù)字典下面以用戶管理模塊為例具體介紹相關內(nèi)容。電 子 商 務 網(wǎng) 站 建 設一、系統(tǒng)功能與設計一、系統(tǒng)功能與設計8 1、功能分析，需要完成以下幾個功能 用戶注冊 會員信息管理 用戶登錄 用戶購買商品給用戶留言用戶給本網(wǎng)站留言電 子 商 務 網(wǎng) 站 建 設.系統(tǒng)功能與設計系統(tǒng)功能與設計88 2、根據(jù)功能需要確定建立如下幾個數(shù)據(jù)表1、注冊會員信息表：zc_user。2、會員收件箱：ly。3、管理員信箱：adminly 電 子 商 務 網(wǎng) 站 建 設一、系統(tǒng)功能與設計一、系統(tǒng)功能與設計88 3、功能模塊圖如下頁顯示電 子 商 務 網(wǎng) 站

32、建 設一、系統(tǒng)功能與設計一、系統(tǒng)功能與設計88 4、確定數(shù)據(jù)字典 為每一張表確定字段，以及字段的數(shù)據(jù)類型，寬度，有效性等信息。如下為會員收件箱表的結構：字 段 名 稱數(shù) 據(jù) 類 型字 段 大 小允 許 為 空備 注ly_id自動編號長整型 主鍵ly_user_loginname文本50否會員的用戶名ly_title文本50否留言主題ly_nr備注 是留言內(nèi)容ly_time日期/時間 留言時間ly_browsed是/否 留言是否查看電 子 商 務 網(wǎng) 站 建 設 將網(wǎng)站所需要的數(shù)據(jù)庫及數(shù)據(jù)表都規(guī)劃好之后，接下來就可以選擇一種類型的數(shù)據(jù)庫來創(chuàng)建。目前常用的能做網(wǎng)站后臺支持的數(shù)據(jù)庫有Access、S

33、QL Server、Oracle等。其中Access數(shù)據(jù)庫結構簡單，操作方便，一個數(shù)據(jù)庫存儲為一個mdb文件，打開后其中包含該數(shù)據(jù)庫所有的表、查詢、報表等信息，所以經(jīng)常用于創(chuàng)建小型的動態(tài)網(wǎng)站，本書所用實例校園手機網(wǎng)也是使用Access數(shù)據(jù)庫來做后臺支持的。二、數(shù)據(jù)庫的創(chuàng)建二、數(shù)據(jù)庫的創(chuàng)建電 子 商 務 網(wǎng) 站 建 設二、數(shù)據(jù)庫的創(chuàng)建二、數(shù)據(jù)庫的創(chuàng)建88 1、在Access中建立一個新的數(shù)據(jù)庫 電 子 商 務 網(wǎng) 站 建 設二、數(shù)據(jù)庫的創(chuàng)建二、數(shù)據(jù)庫的創(chuàng)建88 2 2、在數(shù)據(jù)庫中建立一個新的數(shù)據(jù)表 電 子 商 務 網(wǎng) 站 建 設二、數(shù)據(jù)庫的創(chuàng)建二、數(shù)據(jù)庫的創(chuàng)建設計表的結構，如圖：電 子 商 務

34、網(wǎng) 站 建 設二、數(shù)據(jù)庫的創(chuàng)建二、數(shù)據(jù)庫的創(chuàng)建88 3 3、瀏覽一張表，可以添加或修改記錄 電 子 商 務 網(wǎng) 站 建 設84、數(shù)據(jù)庫的維護作為網(wǎng)站后臺的數(shù)據(jù)庫應注意數(shù)據(jù)庫文件的屬性，如果為“只讀”，那么在網(wǎng)站上更新數(shù)據(jù)庫中的內(nèi)容時就會出錯。設置數(shù)據(jù)庫文件的屬性，方式是在文件上單擊鼠標右鍵，彈出如圖4-10所示對話框，將“只讀”前面的對號去掉。電 子 商 務 網(wǎng) 站 建 設88 1、與數(shù)據(jù)庫要想在網(wǎng)頁上訪問數(shù)據(jù)庫，就必須在網(wǎng)頁的ASP代碼中建立與數(shù)據(jù)庫的連接。ASP中建立數(shù)據(jù)庫連接的方法有許多種，如ADO技術。ADO（ActiveX Data Object）是微軟開發(fā)的數(shù)據(jù)庫訪問組件，在ASP

35、中通過使用ADO對象就可以連接數(shù)據(jù)庫并進行訪問。ADO中用于連接數(shù)據(jù)庫的子對象是Connection數(shù)據(jù)連接對象。在網(wǎng)頁的ASP代碼中，通過創(chuàng)建Connection對象的實例來建立與數(shù)據(jù)庫文件的連接，而創(chuàng)建對象實例要用到ASP內(nèi)置的Server對象的Create方法。三、數(shù)據(jù)庫與網(wǎng)站的連接三、數(shù)據(jù)庫與網(wǎng)站的連接電 子 商 務 網(wǎng) 站 建 設三、數(shù)據(jù)庫與網(wǎng)站的連接三、數(shù)據(jù)庫與網(wǎng)站的連接在ASP中往往通過使用ADO對象連接數(shù)據(jù)庫并進行訪問。方法是先創(chuàng)建一個connection對象的實例，再通過該實例的open方法來打開一個數(shù)據(jù)連接字符串。dim con,constrset con=Server.C

36、reateObject(adodb.connection)constr=“Provider=Microsoft.Jet.OLEDB.4.0;Data Source=d:databasepinpai.mdbcon.open constr以上代碼為利用OLEDB技術打開了一個數(shù)據(jù)連接。電 子 商 務 網(wǎng) 站 建 設三、數(shù)據(jù)庫與網(wǎng)站的連接三、數(shù)據(jù)庫與網(wǎng)站的連接dim con,constrset con=Server.CreateObject(adodb.connection)constr=Driver=Microsoft Access Driver(*.mdb);DBQ=e:dbxuesheng.m

37、dbcon.open constr 以上代碼為利用ODBC技術打開了一個數(shù)據(jù)連接。set con=Server.CreateObject(adodb.connection)con.open dsn=xs 以上代碼通過使用DNS數(shù)據(jù)源打開了一個數(shù)據(jù)連接。電 子 商 務 網(wǎng) 站 建 設三、數(shù)據(jù)庫與網(wǎng)站的連接三、數(shù)據(jù)庫與網(wǎng)站的連接82、從數(shù)據(jù)庫中讀取數(shù)據(jù)從數(shù)據(jù)庫中讀取數(shù)據(jù)的一般步驟為：首先根據(jù)查詢的需要定義一條SQL語句，再執(zhí)行該語句來返回一個記錄集，然后訪問該記錄集中的數(shù)據(jù)。83、從數(shù)據(jù)庫中查詢數(shù)據(jù)從數(shù)據(jù)庫中查詢數(shù)據(jù)，方法是使用記錄集從表中返回符合查詢條件的那些數(shù)據(jù)。在SQL中查詢數(shù)據(jù)通過SELE

38、CT語句來實現(xiàn)。電 子 商 務 網(wǎng) 站 建 設三、數(shù)據(jù)庫與網(wǎng)站的連接三、數(shù)據(jù)庫與網(wǎng)站的連接84、更改數(shù)據(jù)庫中的數(shù)據(jù)對數(shù)據(jù)庫中的數(shù)據(jù)進行更新包括修改已有記錄的字段和添加一條新的記錄，完成這兩種操作都可以通過兩種方法來實現(xiàn)。使用connection對象的execute方法執(zhí)行SQL語句。通過記錄集來更新。電 子 商 務 網(wǎng) 站 建 設四、數(shù)據(jù)的維護四、數(shù)據(jù)的維護8、會員信息的維護會員的信息存儲于數(shù)據(jù)庫的zc_user表中，對該表數(shù)據(jù)的維護包括以下幾個部分。用戶注冊為網(wǎng)站的會員，就在會員信息表中添加一條記錄，并為各字段賦值。會員登錄以后，可以修改自己的詳細信息，也可以修改登錄密碼。管理員可以在后臺管

39、理界面瀏覽所有會員的信息，并可以刪除會員記錄。電 子 商 務 網(wǎng) 站 建 設四、數(shù)據(jù)的維護四、數(shù)據(jù)的維護82、商品信息的維護對于一個網(wǎng)上商店來說，管理員需要根據(jù)店內(nèi)實際商品的情況及時地更新網(wǎng)站的數(shù)據(jù)庫。對商品信息的維護主要通過訪問商品信息表來完成，包括添加商品記錄、修改商品信息和刪除商品記錄。電 子 商 務 網(wǎng) 站 建 設83、數(shù)據(jù)的保存和安全 在網(wǎng)絡上，安全問題永遠是我們不能忽視的，對電子商務網(wǎng)站更是如此。網(wǎng)站在后臺數(shù)據(jù)庫的基礎上運行，在數(shù)據(jù)庫中存儲了太多需要保密的信息，如商品的數(shù)量，會員的真實姓名和登錄密碼，管理員的登錄密碼等。所以，數(shù)據(jù)庫文件一定要定期進行備份，這樣可以保證一旦數(shù)據(jù)庫后臺

40、遭到破壞，還可以最大限度地保留和恢復重要數(shù)據(jù)。另外，要加強對數(shù)據(jù)庫的安全管理，防止非法登錄和篡改，以及惡意下載數(shù)據(jù)庫文件。四、數(shù)據(jù)的維護四、數(shù)據(jù)的維護電 子 商 務 網(wǎng) 站 建 設四、數(shù)據(jù)的維護四、數(shù)據(jù)的維護加強網(wǎng)站數(shù)據(jù)安全的措施有以下這些：會員和管理員的登錄密碼應設置得復雜一些 給數(shù)據(jù)庫命名時起一個非常規(guī)的復雜名字 將數(shù)據(jù)庫文件放在網(wǎng)站目錄之外 盡量使用ODBC數(shù)據(jù)源 禁止向客戶端輸出詳細出錯信息 電 子 商 務 網(wǎng) 站 建 設8本間小結根據(jù)電子商務網(wǎng)站的功能來建立數(shù)據(jù)庫后臺。使用技術來連接數(shù)據(jù)庫通過語句來訪問數(shù)據(jù)庫在中使用變量來存儲數(shù)據(jù)在中實現(xiàn)輸出數(shù)據(jù)和接收用戶輸入的數(shù)據(jù)電 子 商 務 網(wǎng)

41、 站 建 設第5章會員注冊登錄電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設8本章重點 VBScript 驗證碼驗證機制的實現(xiàn) 用戶不規(guī)則信息輸入的檢驗 數(shù)據(jù)的存取操作及更新 JavaScipt ASP 數(shù)據(jù)庫連接 包含文件 md5加密算法的實現(xiàn)過程電 子 商 務 網(wǎng) 站 建 設一、理論知識一、理論知識8 1、VBScript （1）數(shù)據(jù)類型 （2）變量 （3）運算符 （4）控制程序的流程 （5）VBScript 過程 A.Sub過程 B.Function過程 （6）VBScript對象電 子 商 務 網(wǎng) 站 建 設82ASP內(nèi)置對象（1）Application對象：可以使用Ap

42、plication對象使給定應用程序的用戶共享信息。（2）Request對象：可以使用Request對象訪問任何用HTTP請求傳遞的信息，包括從HTML表格用POST方法或GET方法傳遞的參數(shù)、cookie 和用戶認證。Request對象使用戶能夠訪問發(fā)送給服務器的二進制數(shù)據(jù)，如上載的文件。（3）Response對象：可以使用Response對象控制發(fā)送給用戶的信息，包括直接發(fā)送信息給瀏覽器、重定向瀏覽器到另一個URL或設置cookie的值。（4）Server對象：Server對象提供對服務器上的方法和屬性進行的訪問，最常用的方法是創(chuàng)建ActiveX組件的實例（Server.CreateObj

43、ect）。其他方法用于將URL或HTML編碼成字符串，將虛擬路徑映射到物理路徑，以及設置腳本的超時期限。（5）Session對象：可以使用Session對象存儲特定用戶會話所需的信息。當用戶在應用程序的頁之間跳轉時，存儲在Session對象中的變量不會清除；而用戶在應用程序中訪問頁時，這些變量始終存在。也可以使用Session方法顯式地結束一個會話和設置空閑會話的超時期限。一、理論知識一、理論知識電 子 商 務 網(wǎng) 站 建 設ADODB組件用于創(chuàng)建數(shù)據(jù)庫連接，其形式如下：3ADODB組件的使用 一、理論知識一、理論知識電 子 商 務 網(wǎng) 站 建 設4MS Access數(shù)據(jù)庫連接 用DSN連接并

44、且沒有用戶名和密碼：用DSN連接并且有用戶名和密碼：用實際的數(shù)據(jù)庫絕對路徑連接：一、理論知識一、理論知識電 子 商 務 網(wǎng) 站 建 設5MS SQL Server數(shù)據(jù)庫連接 用DSN連接：不用DSN連接：一、理論知一、理論知識識電 子 商 務 網(wǎng) 站 建 設86FoxPro數(shù)據(jù)庫連接一、理論知識一、理論知識電 子 商 務 網(wǎng) 站 建 設87Oracle數(shù)據(jù)庫連接一、理論知識一、理論知識電 子 商 務 網(wǎng) 站 建 設二、二、功能與設計功能與設計 會員注冊登錄模塊是整個校園手機網(wǎng)電子商務系統(tǒng)前臺的一個最重要的模塊，它是客戶與后臺管理系統(tǒng)交易的重要保障，主要由客戶操作并且為客戶服務，可以分為會員注冊

45、、會員登錄、會員信息修改三個子模塊。圖5-1是會員注冊登錄模塊在整個網(wǎng)站中的構建流程圖，其中包含各個子模塊之間的關系。圖5-1 注冊登錄模塊流程圖 電 子 商 務 網(wǎng) 站 建 設1 注冊界面 注冊頁面reg.asp的主要作用是指導用戶完成注冊信息的填寫，包括設定用戶填寫的信息、對用戶異常信息的處理、指定處理用戶信息的程序，以及與網(wǎng)站的整體銜接。圖5-2 注冊用戶界面三、三、會員注冊會員注冊電 子 商 務 網(wǎng) 站 建 設2 注冊信息處理注冊信息處理頁面regxr.asp主要對用戶的注冊信息進行處理，如果注冊信息合法則寫入zc_user（database.mdb）表，并且轉到用戶管理頁面，否則退回

46、注冊頁面reg.asp。三、三、會員注冊會員注冊電 子 商 務 網(wǎng) 站 建 設1會員登錄會員登錄模塊的主要作用是提供用戶登錄信息的填寫平臺，包括用戶登錄界面（如圖5-3所示）、對用戶填寫信息的合法性驗證、保證網(wǎng)絡安全的驗證碼機制、登錄后用戶管理平臺的引導等。會員登錄子模塊主要包括以下兩個文件。（1）Login.asp（2）Checkuserlogin.asp圖5-3 用戶登錄界面四、四、會員登錄會員登錄電 子 商 務 網(wǎng) 站 建 設(1)用戶登錄 用戶登錄界面login.asp主要實現(xiàn)登錄信息的填寫、對用戶所填信息的初步檢驗。(2)用戶登錄信息處理 用戶登錄信息處理頁面Checkuserlog

47、in.asp，主要是把用戶提交的用戶信息和數(shù)據(jù)庫表zc_user（database.mdb）中的信息進行比較，如果一致則轉到用戶管理界面，否則退回登錄界面login.asp。四、四、會員登錄會員登錄電 子 商 務 網(wǎng) 站 建 設 會員信息修改模塊，主要作用是提供用戶對自己的注冊信息進行管理的平臺，主要包括以下4個文件。（1）usermanage.asp（2）left.asp（3）useradmin/modiinfor.asp（4）useradmin/modiinforxr.asp五、五、會員信息修改會員信息修改電 子 商 務 網(wǎng) 站 建 設圖5-4 用戶信息管理頁面1 用戶信息管理 用戶信息管

48、理頁面usermange.asp主要提供用戶個人信息的管理平臺，供用戶進行個人信息的查看、更改等操作。其主體結構為框架：通過左側單元格包含頁面left.asp列出管理類型，通過右側單元格中的浮動框架實現(xiàn)具體的管理操作。五、五、會員信息修改會員信息修改電 子 商 務 網(wǎng) 站 建 設2 用戶信息管理類型 用戶信息管理類型列表頁面left.asp，主要把用戶管理的各項操作列出來，便于用戶從中選擇某項具體的操作。五、五、會員信息修改會員信息修改電 子 商 務 網(wǎng) 站 建 設3 用戶個人注冊信息修改 用戶個人注冊信息修改頁面useradmin/modiinfor.asp為個人注冊信息的修改提供操作平臺，

49、是用戶管理功能中的一項。圖5-5 用戶個人信息修改頁面五、五、會員信息修改會員信息修改電 子 商 務 網(wǎng) 站 建 設4 用戶個人注冊信息修改的處理 用戶個人注冊信息修改的處理頁面useradmin/modiinfor.asp，對修改信息進行有效性檢驗，并更新數(shù)據(jù)表中相應的記錄。五、五、會員信息修改會員信息修改電 子 商 務 網(wǎng) 站 建 設8 本章小結 本章通過對會員注冊登錄模塊的構建，讓學生懂得建站技術是建設整個校園手機網(wǎng)電子商務系統(tǒng)的理論基礎。通過本章的學習，對建站技術應該從掌握基礎知識及對理論知識的簡單應用這一水平提高到實際應用的高度。能否獨立完成會員注冊登錄模塊的整體設計，是對本章學習效

50、果的檢驗。電 子 商 務 網(wǎng) 站 建 設第6章校員手機網(wǎng)商品管理電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設8本章重點 商品瀏覽的實現(xiàn) 搜索信息的提交處理 后臺管理平臺 后臺管理之增加商品 后臺管理之修改商品電 子 商 務 網(wǎng) 站 建 設一、一、功能與設計功能與設計 校園手機網(wǎng)商品管理模塊，主要實現(xiàn)手機商品的瀏覽、搜索，以及網(wǎng)站后臺手機商品的增加、刪除、更改等功能，如圖6-1所示。圖6-1 商品管理模塊電 子 商 務 網(wǎng) 站 建 設二、二、商品瀏覽商品瀏覽 商品瀏覽子模塊主要實現(xiàn)庫存商品的瀏覽功能，設計過程中需注意商品的顯示技巧，如index.asp中商品的不同表現(xiàn)形式。本子模

51、塊主要包含以下兩個文件。（1）product（database.mdb）（2）index.asp1 數(shù)據(jù)庫文件數(shù)據(jù)庫文件product（database.mdb）用來存儲手機商品的相關信息。電 子 商 務 網(wǎng) 站 建 設2 商品瀏覽 商品瀏覽的實現(xiàn)主要在index.asp中完成，該頁面通過包含文件和本頁面的功能模塊實現(xiàn)商品瀏覽等功能。圖6-2 商品瀏覽頁面二、二、商品瀏覽商品瀏覽 電 子 商 務 網(wǎng) 站 建 設三、三、商品搜索商品搜索 創(chuàng)建商品搜索模塊，以方便用戶查找自己所需要的商品，除主要包含search.asp（搜索界面）和catinfor.asp（搜索信息處理）兩個文件外，還需要后臺pr

52、oduct（database.mdb）表中的數(shù)據(jù)。電 子 商 務 網(wǎng) 站 建 設1 搜索界面 搜索界面search.asp的主要作用是提示用戶填寫搜索信息，通過兩個圖片超鏈接實現(xiàn)在“快速搜索”和“高級搜索”兩種方式之間的切換。圖6-3 商品快速搜索界面圖6-4 商品高級搜索界面三、三、商品搜索商品搜索電 子 商 務 網(wǎng) 站 建 設2 搜索信息處理搜索信息處理頁面catinfor.asp的主要作用是依據(jù)用戶所填寫的搜索規(guī)則對數(shù)據(jù)表中的數(shù)據(jù)進行搜索，查找出用戶所需要的商品。信息處理的關鍵在于如何使訪問者所填寫的信息規(guī)范化，即可以在數(shù)據(jù)庫中查詢。三、三、商品搜索商品搜索電 子 商 務 網(wǎng) 站 建 設

53、四、四、增加商品增加商品 增加商品是后臺管理的一項功能，該子模塊主要包括以下3個文件。（1）webadmin/index.asp后臺管理平臺（2）webadmin/addproduct.asp管理員增加商品頁面（3）webadmin/addproductxr.asp新商品處理頁面電 子 商 務 網(wǎng) 站 建 設1 后臺管理平臺 webadmin/index.asp主要為后臺網(wǎng)站的各項管理提供操作平臺。本頁面使用框架結構，左側框架加載功能列表left.asp，右側框架加載相應功能的實現(xiàn)平臺，增加商品就是其中之一。圖6-5 后臺管理頁面四、四、增加商品增加商品電 子 商 務 網(wǎng) 站 建 設2 管理員

54、增加商品頁面 管理員增加商品頁面webadmin/addproduct.asp，其主要作用是提示管理員填寫新增商品的相關信息，如圖6-6所示。圖6-6 添加商品頁面四、四、增加商品增加商品電 子 商 務 網(wǎng) 站 建 設3 新商品處理 新商品處理頁面webadmin/addproductxr.asp，其主要作用是將新增商品的信息進行處理并存儲到數(shù)據(jù)庫中 四、四、增加商品增加商品電 子 商 務 網(wǎng) 站 建 設五、修改商品五、修改商品 修改商品子模塊，主要是完成管理員對數(shù)據(jù)庫中商品信息的修改，是后臺網(wǎng)站管理的一項功能，主要包含以下4個文件。（1）webadmin/productmanage.asp（

55、2）webadmin/productdel.asp（3）webadmin/productmodi.asp（4）webadmin/addproductxr.asp電 子 商 務 網(wǎng) 站 建 設1 查看修改商品 查看修改界面webadmin/productmanage.asp為修改、刪除商品提供操作平臺，是當前所有商品的列表。圖6-7 查看修改商品頁面 五、修改商品五、修改商品 電 子 商 務 網(wǎng) 站 建 設2 刪除商品 刪除商品頁面webadmin/productdel.asp，完成管理員對相應商品進行刪除操作的處理。五、修改商品五、修改商品 電 子 商 務 網(wǎng) 站 建 設3 修改商品信息 圖6

56、-8 修改商品信息頁面五、修改商品五、修改商品 電 子 商 務 網(wǎng) 站 建 設4 修改商品信息處理 修改商品信息處理頁面webadmin/addproductxr.asp，完成管理員對相應商品進行修改操作的處理，以及數(shù)據(jù)庫的更新。五、修改商品五、修改商品 電 子 商 務 網(wǎng) 站 建 設8本章小結 本章通過構建商品管理模塊，介紹商品瀏覽、搜索功能的實現(xiàn)和電子商務網(wǎng)站的后臺管理技術。通過幾個子模塊的講解，學生應該掌握這些建站技術的應用，并能夠獨立完成整個網(wǎng)站后臺管理系統(tǒng)的建設。電 子 商 務 網(wǎng) 站 建 設第7章校園手機網(wǎng)購物與結賬 電 子 商 務 網(wǎng) 站 建 設電 子 商 務 網(wǎng) 站 建 設8本

57、章重點Session對象ASP分頁顯示信息購物車用戶訂單生成用戶訂單管理電 子 商 務 網(wǎng) 站 建 設 1.Session對象簡介Session對象可以記錄一位用戶的信息，即使從一個頁面到另一個頁面，這個信息仍然會存在。但使用的時候應該注意，它只對一個用戶信息起作用，如果讓它記錄不同的用戶信息，應該用不同的Session信息。Session信息的特性就是有它自己的有效期，一般來說，Windows系統(tǒng)服務器的默認時間為20min，如果客戶端超出20min不再向服務器提出請求或者刷新Web頁面，那么Session信息就會自動結束。語法：Session(Session名字)變量或字符串信息一、一、理

58、論知識理論知識電 子 商 務 網(wǎng) 站 建 設2、分頁顯示的ASP語法介紹ASP分頁顯示記錄是將數(shù)據(jù)庫中所有符合查詢條件的記錄一次性都讀入記錄集中，存放在內(nèi)存中，然后通過ADO Recordset對象提供的幾個專門支持分頁處理的屬性：PageSize（頁大?。ageCount（頁數(shù)目）及AbsolutePage（絕對頁）來管理分頁處理。進行ADO存取數(shù)據(jù)庫時的分頁顯示，其實就是對RecordSet的記錄進行操作。所以首先必須了解ReordSet對象的屬性和方法。一、一、理論知識理論知識電 子 商 務 網(wǎng) 站 建 設BOF屬性：目前指標指到RecordSet的第一條記錄。EOF屬性：目前指標指

59、到RecordSet的最后一條記錄。Move方法：移動指標到RecordSet中的某一條記錄。AbsolutePage屬性：設定當前記錄的位置是位于哪一頁。AbsolutePosition屬性：目前指標在RecordSet中的位置。PageCount屬性：顯示RecordSet對象包括多少“頁”的數(shù)據(jù)。PageSize屬性：顯示RecordSet對象每一頁顯示的記錄數(shù)。RecordCount屬性：顯示RecordSet對象記錄的總數(shù)。一、一、理論知識理論知識電 子 商 務 網(wǎng) 站 建 設當?shù)卿浻脩粼趯︻A購商品下訂單時，往往要提供收貨人的基本信息，大多數(shù)情況下，登錄用戶一般是為本人購買商品。為了

60、節(jié)省登錄用戶填寫收貨人基本信息的時間，校園手機網(wǎng)直接將用戶注冊時的基本信息（如用戶姓名、聯(lián)系電話、聯(lián)系地址等信息）填充在收貨人基本信息的表單中。一、一、理論知識理論知識電 子 商 務 網(wǎng) 站 建 設二、系統(tǒng)功能與設計二、系統(tǒng)功能與設計用戶完成一次交易過程如下：用戶注冊登陸選購商品確認收貨人信息支付商品費用服務商收款發(fā)貨完成交易電 子 商 務 網(wǎng) 站 建 設三、三、購買商品購買商品1、購物車（gouwuche.asp）購物車是一種高級、功能強大的Web目錄，能進行銷售，并能使人們更簡單方便地在目錄中選擇和購買商品。換句話說，購物車使客戶在站點中導航時可以更方便地購物。假想一下，當你走進一家超市，

61、每購買一件商品就要到收銀臺付款，這一過程的確令人乏味，而購物車則能將你所選購的商品集中起來，只需在最后一次性付款，從而節(jié)省購物時間。在校園手機網(wǎng)中，購物車其實就是將用戶所選購的商品以Web目錄的形式展現(xiàn)出來，供用戶查閱 。電 子 商 務 網(wǎng) 站 建 設對購物車的操作分為如下兩類：（）將商品放入購物車 用戶登錄后，在校園手機網(wǎng)所有商品中選擇預購商品，單擊“購物車”，可瀏覽到當前用戶在購物車中的商品目錄。在瀏覽當前用戶購物車中的商品目錄時，會出現(xiàn)以下3種情況。A.預購商品已在用戶的購物車中，用戶不能將該商品放入購物車中。B.預購商品已售完，沒有庫存，用戶不能將該商品放入購物車中。C.預購商品可以放

62、入購物車中。三、三、購買商品購買商品電 子 商 務 網(wǎng) 站 建 設(2)將商品從購物車中拿出 既然用戶可將預購商品放入購物車，那么也必須能將預購商品從購物車中拿出。假想一下，如果在超市中每選一件商品放入購物車，就必須得購買，那對用戶來講是非常不公平的。在這里，網(wǎng)站同樣也對購物車中的預購商品做了“拿出”的設計。三、三、購買商品購買商品電 子 商 務 網(wǎng) 站 建 設2、訂購商品用戶最終的目的就是要從服務商那里購得商品，而購買的形式往往是多種多樣的，為了方便用戶購買商品，校園手機網(wǎng)將購買的形式分為以下兩種。（1）從購物車中訂購當用戶將商品放入購物車中，特別是將多種商品放入購物車中后，可以在用戶登錄模

63、式下，瀏覽購物車中的預購商品目錄并有選擇的對所選商品下訂單。（2）直接訂購 為了方便用戶購買商品，登錄用戶可直接對預購商品進行訂購。在這里用戶只需選擇“訂購”或“下訂單”，便可訂購商品。三、三、購買商品購買商品電 子 商 務 網(wǎng) 站 建 設四、四、生成訂單生成訂單作為電子商務網(wǎng)站，用戶所面對的商品只是一種描述，并沒有直接面對商品的實體，而用戶的最終目的就是要得到預購商品的實體，在這種情況下，用戶所能做的就是向運營商提交購買申請，也就是“下訂單”。在這里，我們要了解掌握如下兩類常識：電 子 商 務 網(wǎng) 站 建 設1、訂單列表的顯示 在用戶登錄模式下，用戶除可瀏覽購物車中的預購商品外，也可瀏覽用戶

64、在校園手機網(wǎng)對預購商品所下的訂單，包括已完成交易的訂單。當用戶首次登錄系統(tǒng)時，用戶是沒有任何訂單的。一但用戶對某件商品下了訂單，那么，在“我的訂單”中就會將該訂單以目錄的形式顯示出來，以供登錄用戶查閱。2、用戶下訂單的步驟（1）確認商品數(shù)量（2）確認收貨人信息（3）生成訂單四、四、生成訂單生成訂單電 子 商 務 網(wǎng) 站 建 設五、五、訂單查詢訂單查詢1、訂單狀態(tài)從用戶對預購商品下訂單開始到完成交易，訂單的狀態(tài)要發(fā)生以下變化：（1）未做任何處理（訂單未做任何處理）；（2）服務商收到款（服務商收到用戶購買商品的費用）；（3）服務商已發(fā)貨（服務商按照收貨人的姓名和地址發(fā)貨）；（4）用戶已收到（用戶已

65、收到服務商發(fā)來的商品）。電 子 商 務 網(wǎng) 站 建 設2、訂單瀏覽登錄用戶可在線瀏覽用戶所下訂單的詳細信息。3、修改訂單狀態(tài)當?shù)卿浻脩魹g覽訂單詳細信息時，可修改訂單狀態(tài)。但在用戶模式下，用戶只能完成對“用戶已收到”狀態(tài)的修改?！胺丈淌盏娇睢?、“服務商已發(fā)貨”兩種狀態(tài)則由服務商進行修改。五、五、訂單查詢訂單查詢電 子 商 務 網(wǎng) 站 建 設六、訂單撤銷六、訂單撤銷當?shù)卿浻脩舻挠唵翁幱凇拔醋鋈魏翁幚怼钡臓顟B(tài)時，用戶可對該訂單做“退單”處理，登錄用戶所要做的“退單處理”過程在程序實現(xiàn)時就是將該訂單從數(shù)據(jù)表中刪除。一旦訂單處于其他狀態(tài)時，用戶將無法做“退單”處理。電 子 商 務 網(wǎng) 站 建 設七、七

66、、訂單處理訂單處理當用戶對預購商品下訂單后，服務商將會在后臺管理程序中瀏覽或查詢用戶的訂單信息，從而完成對訂單的處理。處理過程主要分為以下三種類型：1.訂單查詢 2.修改訂單狀態(tài) 3.訂單退回電 子 商 務 網(wǎng) 站 建 設1、用戶訂單列表服務商在后臺管理程序中瀏覽或查詢的用戶訂單是以Web目錄的形式顯示出來的。七、七、訂單處理訂單處理電 子 商 務 網(wǎng) 站 建 設2、訂單查詢當管理員面對眾多訂單時，往往會因記不清訂單的信息而不知所措。在這里，校園手機網(wǎng)提供了訂單查詢的功能，從而使管理員在查詢及處理訂單時更加方便和快捷。（1）按下單用戶查詢 管理員可以通過選擇“訂單查詢”中“按下單用戶查詢”里下拉菜單中的選項來確定所要查詢的訂單狀態(tài)，同時輸入要查詢的關鍵字，單擊“查詢”按鈕，即可查閱相關結果。（2）按訂單號查詢管理員也可以通過輸入訂單號來查詢相關訂單，這里同樣支持模糊查詢。七、七、訂單處理訂單處理電 子 商 務 網(wǎng) 站 建 設3、修改訂單狀態(tài)在此，“服務商收到款”、“服務商已發(fā)貨”兩種狀態(tài)是由服務商確定修改的，而“用戶已收到”可由服務商或訂單用戶來確定修改。4、訂單退回當管理員在瀏覽用戶