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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

35、中通過使用ADO對象就可以連接數(shù)據(jù)庫并進(jìn)行訪問。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ù) 網(wǎng) 站 建 設(shè)三、數(shù)據(jù)庫與網(wǎng)站的連接三、數(shù)據(jù)庫與網(wǎng)站的連接在ASP中往往通過使用ADO對象連接數(shù)據(jù)庫并進(jìn)行訪問。方法是先創(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ù)打開了一個數(shù)據(jù)連接。電 子 商 務(wù) 網(wǎng) 站 建 設(shè)三、數(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ù)打開了一個數(shù)據(jù)連接。set con=Server.CreateObject(adodb.connection)con.open dsn=xs 以上代碼通過使用DNS數(shù)據(jù)源打開了一個數(shù)據(jù)連接。電 子 商 務(wù) 網(wǎng) 站 建 設(shè)三、數(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ù) 網(wǎng) 站 建 設(shè)三、數(shù)據(jù)庫與網(wǎng)站的連接三、數(shù)據(jù)庫與網(wǎng)站的連接84、更改數(shù)據(jù)庫中的數(shù)據(jù)對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行更新包括修改已有記錄的字段和添加一條新的記錄，完成這兩種操作都可以通過兩種方法來實現(xiàn)。使用connection對象的execute方法執(zhí)行SQL語句。通過記錄集來更新。電 子 商 務(wù) 網(wǎng) 站 建 設(shè)四、數(shù)據(jù)的維護(hù)四、數(shù)據(jù)的維護(hù)8、會員信息的維護(hù)會員的信息存儲于數(shù)據(jù)庫的zc_user表中，對該表數(shù)據(jù)的維護(hù)包括以下幾個部分。用戶注冊為網(wǎng)站的會員，就在會員信息表中添加一條記錄，并為各字段賦值。會員登錄以后，可以修改自己的詳細(xì)信息，也可以修改登錄密碼。管理員可以在后臺管

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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