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

《《電子商務(wù)網(wǎng)站建設(shè)》電子教案》由會(huì)員分享，可在線閱讀，更多相關(guān)《《電子商務(wù)網(wǎng)站建設(shè)》電子教案（187頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(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，簡(jiǎn)寫(xiě)為EC。顧名思義，其內(nèi)容包含兩個(gè)方面，一是電子方式，二是商貿(mào)活動(dòng)。即利用簡(jiǎn)單、快捷、低成本的電子通信方式，買(mǎi)賣(mài)雙方不謀面地進(jìn)行各種商貿(mào)活動(dòng)。8 2、建設(shè)電子商務(wù)網(wǎng)站的目的一般企業(yè)建站的目的主要有：發(fā)布企業(yè)產(chǎn)

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

3、類(lèi)型與組成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ā)證書(shū)、認(rèn)證證書(shū)、管理已頒發(fā)證書(shū)的機(jī)構(gòu)。目前，國(guó)內(nèi)CA認(rèn)證市場(chǎng)主要由大行業(yè)或地方政府部門(mén)建立的CA認(rèn)證機(jī)構(gòu)構(gòu)成。例如，中國(guó)金融認(rèn)證中心（CFCA），如圖所示，于2000年10月開(kāi)始運(yùn)行，是一個(gè)由13家銀行參與建設(shè)和運(yùn)行的CA認(rèn)證體系，主要市場(chǎng)是企業(yè)與銀行間的資金轉(zhuǎn)賬和往來(lái)服務(wù)業(yè)務(wù)。電 子 商 務(wù) 網(wǎng) 站 建 設(shè)二、電子商務(wù)網(wǎng)站的類(lèi)型與組成二、電子商務(wù)網(wǎng)站的類(lèi)型與組成 支付體系：支付體系：支付體系在公網(wǎng)和傳統(tǒng)的銀行網(wǎng)絡(luò)之間架

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

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

6、子商務(wù)業(yè)務(wù)。電 子 商 務(wù) 網(wǎng) 站 建 設(shè)二、電子商務(wù)網(wǎng)站的類(lèi)型與組成二、電子商務(wù)網(wǎng)站的類(lèi)型與組成（2）典型電子商務(wù)網(wǎng)站的主要功能模塊組成以本書(shū)“校園手機(jī)網(wǎng)”為例，一個(gè)電子商務(wù)網(wǎng)站可以分為以下幾個(gè)模塊：會(huì)員系統(tǒng) 產(chǎn)品系統(tǒng) 新聞發(fā)布系統(tǒng) 站內(nèi)信息檢索系統(tǒng) 網(wǎng)上購(gòu)物系統(tǒng) 在線支付系統(tǒng) 在線技術(shù)支持 在線管理系統(tǒng)（后臺(tái)）其他模塊“校園手機(jī)網(wǎng)”前臺(tái)框架“校園手機(jī)”網(wǎng)后臺(tái)框架電 子 商 務(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）見(jiàn)效快（5）品牌優(yōu)勢(shì)更明顯（6）頭腦、眼光、決策比金錢(qián)更重要

7、（7）免費(fèi)客戶(hù)和收費(fèi)客戶(hù)顯得同等重要 電 子 商 務(wù) 網(wǎng) 站 建 設(shè)三、電子商務(wù)網(wǎng)站的特點(diǎn)與作用三、電子商務(wù)網(wǎng)站的特點(diǎn)與作用8 2、電子商務(wù)網(wǎng)站的作用（1）樹(shù)立全新企業(yè)形象（2）優(yōu)化企業(yè)內(nèi)部管理（3）增強(qiáng)銷(xiāo)售力（4）提高附加值電 子 商 務(wù) 網(wǎng) 站 建 設(shè)第2章電子商務(wù)網(wǎng)站的總體設(shè)計(jì)電 子 商 務(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)頁(yè)編輯工具，支持“所見(jiàn)即所得”的編輯方式，它不需要使用者掌握很深的網(wǎng)頁(yè)制作技術(shù)知識(shí)，甚至不需要了解HTML的基本語(yǔ)法。FrontPage 2000是Microsoft Office 2000家族中的一員，因此界面保持了Word、Excel等軟件的一貫風(fēng)格，非常友好，如圖所示。我們幾乎可以像使用Word一樣來(lái)制作出一個(gè)網(wǎng)頁(yè)，而且，F(xiàn)rontPage 2000與操作系統(tǒng)

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

10、工具，而且已經(jīng)普及到廣大網(wǎng)頁(yè)制作愛(ài)好者中。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)用戶(hù)和潛在用戶(hù)對(duì)網(wǎng)站的需求，確定網(wǎng)站的總體風(fēng)格。需要注意的是：域名注冊(cè)。域名可以說(shuō)是企業(yè)的“網(wǎng)上商標(biāo)”，所以域名的選擇要與注冊(cè)商標(biāo)相符合，以便于記憶；虛擬主機(jī)。虛擬主機(jī)是網(wǎng)頁(yè)的存放空間，虛擬主機(jī)的優(yōu)劣和穩(wěn)定性直接影響網(wǎng)站的訪問(wèn)速度，不要使用太過(guò)便宜的主機(jī)，空間適量即可，主要考察標(biāo)準(zhǔn)是帶寬、主機(jī)配置、CGI權(quán)限、數(shù)據(jù)

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

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

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

14、。（4）網(wǎng)站）網(wǎng)站CI定位定位CI為Corporate Identity的縮寫(xiě)，這里借用這個(gè)營(yíng)銷(xiāo)概念作為企業(yè)網(wǎng)站的形象設(shè)計(jì)。一個(gè)網(wǎng)站如果能夠進(jìn)行成功的CI設(shè)計(jì)定位，便可增強(qiáng)用戶(hù)對(duì)該網(wǎng)站的識(shí)別。CI設(shè)計(jì)一般包括LOGO（標(biāo)志）設(shè)計(jì)，設(shè)計(jì)制作一個(gè)網(wǎng)站的LOGO，就如同給產(chǎn)品設(shè)計(jì)商標(biāo)一樣，是網(wǎng)站最醒目的標(biāo)志，看見(jiàn)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)航的目的 通過(guò)分類(lèi)為瀏覽者提供友好的路徑，從而使他們能盡快找到所需要的內(nèi)容，如圖所示。告訴瀏覽者，目前在網(wǎng)站所處的位置，即歷史軌跡導(dǎo)航，如圖所示。

15、告訴瀏覽者，已經(jīng)訪問(wèn)過(guò)哪些內(nèi)容。在很多網(wǎng)頁(yè)上，被單擊過(guò)的鏈接會(huì)用不同的顏色標(biāo)示出來(lái)。為瀏覽者提供上下文和相關(guān)資源鏈接。當(dāng)瀏覽者在網(wǎng)上瀏覽某一產(chǎn)品時(shí)，該頁(yè)面會(huì)提供相關(guān)產(chǎn)品的鏈接。例如，當(dāng)在校園手機(jī)網(wǎng)上瀏覽三星SGH-D410手機(jī)時(shí)，網(wǎng)站就會(huì)提供其他相關(guān)產(chǎn)品的鏈接，如圖所示。為瀏覽者推薦網(wǎng)站的最新內(nèi)容、特色內(nèi)容及重點(diǎn)內(nèi)容等，如圖所示。校園手機(jī)網(wǎng)分類(lèi)導(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)資源的鏈接在一個(gè)企業(yè)

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

17、要提供“聯(lián)系方式（Contact Us）”，公布企業(yè)的電子郵箱、電話(huà)、傳真、聯(lián)系人及公司所在地點(diǎn)等，如圖所示。設(shè)計(jì)好輔助導(dǎo)航設(shè)計(jì)好輔助導(dǎo)航網(wǎng)站通常會(huì)提供文件下載的服務(wù)，需要注明下載文件的大小及格式，同時(shí)要提供執(zhí)行軟件的下載鏈接（如Adobe Acrobat Reader、RealPlayer等軟件）。頁(yè)面中插有聲音和動(dòng)畫(huà)文件時(shí)，需要提前告示訪問(wèn)者。另外，內(nèi)容較多的網(wǎng)站還需提供信息查詢(xún)服務(wù)。常用的導(dǎo)航技巧常用的導(dǎo)航技巧網(wǎng)站的導(dǎo)航元素如果是圖片，應(yīng)將相應(yīng)的文字設(shè)置到圖片的ALT屬性中。所有頁(yè)面的LOGO標(biāo)志都應(yīng)有指向首頁(yè)的鏈接。在網(wǎng)頁(yè)的頁(yè)腳處一般應(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è)計(jì)風(fēng)格（2）分類(lèi)體系（3）購(gòu)物車(chē)（4）網(wǎng)上支付方式（5）安全問(wèn)題（6）顧客跟蹤（7）產(chǎn)品促銷(xiāo)（8）配送電 子 商 務(wù) 網(wǎng) 站 建 設(shè)三、電子商務(wù)網(wǎng)站的策劃三、電子商務(wù)網(wǎng)站的策劃84、電子商務(wù)網(wǎng)站資料搜集網(wǎng)站制作在目錄、導(dǎo)航、鏈接等策劃后，需要搜索、準(zhǔn)備網(wǎng)站資料，為動(dòng)手進(jìn)行網(wǎng)站設(shè)計(jì)做準(zhǔn)備。個(gè)人網(wǎng)站的大多數(shù)內(nèi)容除了源于自己的獨(dú)創(chuàng)外，還需要依賴(lài)于資料搜集，資料搜集得不完整，可能設(shè)計(jì)一半就得停下來(lái)。同時(shí)，在搜集資料時(shí)，主要搜集的是其他經(jīng)典網(wǎng)站的頁(yè)面布局技巧、導(dǎo)航設(shè)計(jì)技巧、鏈接

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

20、 HTML語(yǔ)言是由各種標(biāo)記組成的。一般來(lái)說(shuō)，標(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è)計(jì)理論一、界面設(shè)計(jì)理論 8 2、Dreamweaver MX應(yīng)用簡(jiǎn)介 Dreamweaver MX操作方便，簡(jiǎn)單易學(xué)，是制作網(wǎng)站的首選工具。它不僅可以制作單獨(dú)的網(wǎng)頁(yè)，還可以創(chuàng)建完整的站點(diǎn)。為了更好地管理網(wǎng)頁(yè)文件，在制作網(wǎng)頁(yè)之前，最好先建一個(gè)站點(diǎn)。下面以“校園手機(jī)網(wǎng)”的建設(shè)為例，簡(jiǎn)要介紹Dreamweaver

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

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

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

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

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

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

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

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

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

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

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

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

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

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

35、中通過(guò)使用ADO對(duì)象就可以連接數(shù)據(jù)庫(kù)并進(jìn)行訪問(wèn)。ADO中用于連接數(shù)據(jù)庫(kù)的子對(duì)象是Connection數(shù)據(jù)連接對(duì)象。在網(wǎng)頁(yè)的ASP代碼中，通過(guò)創(chuàng)建Connection對(duì)象的實(shí)例來(lái)建立與數(shù)據(jù)庫(kù)文件的連接，而創(chuàng)建對(duì)象實(shí)例要用到ASP內(nèi)置的Server對(duì)象的Create方法。三、數(shù)據(jù)庫(kù)與網(wǎng)站的連接三、數(shù)據(jù)庫(kù)與網(wǎng)站的連接電 子 商 務(wù) 網(wǎng) 站 建 設(shè)三、數(shù)據(jù)庫(kù)與網(wǎng)站的連接三、數(shù)據(jù)庫(kù)與網(wǎng)站的連接在ASP中往往通過(guò)使用ADO對(duì)象連接數(shù)據(jù)庫(kù)并進(jìn)行訪問(wèn)。方法是先創(chuàng)建一個(gè)connection對(duì)象的實(shí)例，再通過(guò)該實(shí)例的open方法來(lái)打開(kāi)一個(gè)數(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ù)打開(kāi)了一個(gè)數(shù)據(jù)連接。電 子 商 務(wù) 網(wǎng) 站 建 設(shè)三、數(shù)據(jù)庫(kù)與網(wǎng)站的連接三、數(shù)據(jù)庫(kù)與網(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ù)打開(kāi)了一個(gè)數(shù)據(jù)連接。set con=Server.CreateObject(adodb.connection)con.open dsn=xs 以上代碼通過(guò)使用DNS數(shù)據(jù)源打開(kāi)了一個(gè)數(shù)據(jù)連接。電 子 商 務(wù) 網(wǎng) 站 建 設(shè)三、數(shù)據(jù)庫(kù)與網(wǎng)站的連接三、數(shù)據(jù)庫(kù)與網(wǎng)站的連接82、從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)從數(shù)據(jù)庫(kù)中讀取數(shù)據(jù)的一般步驟為：首先根據(jù)查詢(xún)的需要定義一條SQL語(yǔ)句，再執(zhí)行該語(yǔ)句來(lái)返回一個(gè)記錄集，然后訪問(wèn)該記錄集中的數(shù)據(jù)。83、從數(shù)據(jù)庫(kù)中查詢(xún)數(shù)據(jù)從數(shù)據(jù)庫(kù)中查詢(xún)數(shù)據(jù)，方法是使用記錄集從表中返回符合查詢(xún)條件的那些數(shù)據(jù)。在SQL中查詢(xún)數(shù)據(jù)通過(guò)SELE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

54、增加商品頁(yè)面 管理員增加商品頁(yè)面webadmin/addproduct.asp，其主要作用是提示管理員填寫(xiě)新增商品的相關(guān)信息，如圖6-6所示。圖6-6 添加商品頁(yè)面四、四、增加商品增加商品電 子 商 務(wù) 網(wǎng) 站 建 設(shè)3 新商品處理 新商品處理頁(yè)面webadmin/addproductxr.asp，其主要作用是將新增商品的信息進(jìn)行處理并存儲(chǔ)到數(shù)據(jù)庫(kù)中 四、四、增加商品增加商品電 子 商 務(wù) 網(wǎng) 站 建 設(shè)五、修改商品五、修改商品 修改商品子模塊，主要是完成管理員對(duì)數(shù)據(jù)庫(kù)中商品信息的修改，是后臺(tái)網(wǎng)站管理的一項(xiàng)功能，主要包含以下4個(gè)文件。（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為修改、刪除商品提供操作平臺(tái)，是當(dāng)前所有商品的列表。圖6-7 查看修改商品頁(yè)面 五、修改商品五、修改商品 電 子 商 務(wù) 網(wǎng) 站 建 設(shè)2 刪除商品 刪除商品頁(yè)面webadmin/productdel.asp，完成管理員對(duì)相應(yīng)商品進(jìn)行刪除操作的處理。五、修改商品五、修改商品 電 子 商 務(wù) 網(wǎng) 站 建 設(shè)3 修改商品信息 圖6

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

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

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

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

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

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

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

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

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

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

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