電子商務網(wǎng)站建設

《電子商務網(wǎng)站建設》電子教案主編：謝麗麗2008年1月2021/5/91電子商務網(wǎng)站建設第1章電子商務網(wǎng)站建設概述電子商務網(wǎng)站建設2021/5/92電子商務網(wǎng)站建設本章重點：

建立電子商務網(wǎng)站的目的

電子商務網(wǎng)站的構(gòu)成要素

電子商務網(wǎng)站的特點及作用2021/5/93電子商務網(wǎng)站建設一、電子商務網(wǎng)站的創(chuàng)建目的1、什么是電子商務

電子商務源于英文ElectronicCommerce，簡寫為EC。顧名思義，其內(nèi)容包含兩個方面，一是電子方式，二是商貿(mào)活動。即利用簡單、快捷、低成本的電子通信方式，買賣雙方不謀面地進行各種商貿(mào)活動。2、建設電子商務網(wǎng)站的目的

一般企業(yè)建站的目的主要有：

發(fā)布企業(yè)產(chǎn)品、服務信息介紹企業(yè)歷史、輝煌成就收集客戶反饋意見網(wǎng)上市場調(diào)查開展網(wǎng)絡營銷網(wǎng)上客戶服務逐漸實施電子商務等2021/5/94電子商務網(wǎng)站建設二、電子商務網(wǎng)站的類型與組成1、電子商務網(wǎng)站的類型

按照電子商務模式劃分，可以將電子商務網(wǎng)站分為以下幾種類型。

（1）B2B（BtoB）

即企業(yè)與企業(yè)之間通過因特網(wǎng)進行產(chǎn)品、服務及信息的交換。

（2）B2C（BtoC）

即企業(yè)對消費者，直接面向消費者銷售產(chǎn)品和服務。

（3）C2C（CtoC）

即消費者對消費者，這是美國eBay所采用的商業(yè)模式。

2021/5/95電子商務網(wǎng)站建設二、電子商務網(wǎng)站的類型與組成2、電子商務網(wǎng)站的組成

（1）電子商務網(wǎng)站的基礎設施組成

①CA安全認證系統(tǒng)：CA（CertificateAuthority）即“認證機構(gòu)”，是負責簽發(fā)證書、認證證書、管理已頒發(fā)證書的機構(gòu)。

目前，國內(nèi)CA認證市場主要由大行業(yè)或地方政府部門建立的CA認證機構(gòu)構(gòu)成。例如，中國金融認證中心（CFCA），如圖所示，于2000年10月開始運行，是一個由13家銀行參與建設和運行的CA認證體系，主要市場是企業(yè)與銀行間的資金轉(zhuǎn)賬和往來服務業(yè)務。2021/5/96電子商務網(wǎng)站建設二、電子商務網(wǎng)站的類型與組成

②支付體系：支付體系在公網(wǎng)和傳統(tǒng)的銀行網(wǎng)絡之間架起了一座橋梁，它把用戶需要在公網(wǎng)上傳輸?shù)闹Ц缎畔ⅲㄣy行賬號、密碼等）采用CA認證系統(tǒng)進行加密，發(fā)給銀行內(nèi)部網(wǎng)絡；同時要接收銀行系統(tǒng)響應消息加密后，發(fā)送給最終用戶，確保了用戶支付信息在公網(wǎng)上傳輸?shù)陌踩院涂煽啃浴?目前，浙江支付寶網(wǎng)絡科技有限公司是國內(nèi)領(lǐng)先的提供網(wǎng)上支付服務的因特網(wǎng)企業(yè)，由全球領(lǐng)先的B2B網(wǎng)站——阿里巴巴公司創(chuàng)辦。支付寶（），如圖所示。2021/5/97電子商務網(wǎng)站建設二、電子商務網(wǎng)站的類型與組成

③綜合接入平臺：綜合接入平臺為參與電子商務的各方提供了安全、方便、快捷的接入手段。接入平臺解決了目前中國因為網(wǎng)絡和計算機普及率低下的現(xiàn)實狀況造成的用戶參與電子商務的困難。中國電信電子商務綜合接入平臺支持計算機、電話、簡易終端、智能終端等多種接入方式。用戶可以通過計算機、電話等多種方式參與到電子商務中來，電子商務不再需要高深的計算機知識，用戶只要會用電話或進行簡單的計算機操作，就可以享受電子商務給學習、生活、工作帶來的巨大便利。

④業(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)，為廣大用戶開放多種電子商務業(yè)務。2021/5/98電子商務網(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)在線技術(shù)支持在線管理系統(tǒng)（后臺）其他模塊“校園手機網(wǎng)”前臺框架“校園手機”網(wǎng)后臺框架2021/5/99電子商務網(wǎng)站建設三、電子商務網(wǎng)站的特點與作用1、電子商務網(wǎng)站的特點

（1）信息傳輸速度快 （2）信息資源廣泛 （3）資源投入少 （4）見效快 （5）品牌優(yōu)勢更明顯 （6）頭腦、眼光、決策比金錢更重要 （7）免費客戶和收費客戶顯得同等重要

2021/5/910電子商務網(wǎng)站建設三、電子商務網(wǎng)站的特點與作用2、電子商務網(wǎng)站的作用

（1）樹立全新企業(yè)形象 （2）優(yōu)化企業(yè)內(nèi)部管理 （3）增強銷售力 （4）提高附加值2021/5/911電子商務網(wǎng)站建設第2章電子商務網(wǎng)站的總體設計電子商務網(wǎng)站建設2021/5/912電子商務網(wǎng)站建設本章重點：常用建站技術(shù)及工具電子商務網(wǎng)站的策劃建立良好的網(wǎng)站導航系統(tǒng)2021/5/913電子商務網(wǎng)站建設一、常用建站技術(shù)及工具1、常用建站技術(shù)

（1）HTML

（2）DHTML

（3）Java與JavaApplet

（4）ActiveX

（5）CGI

（6）ASP

（7）PHP

（8）JSP

（9）Flash2021/5/914電子商務網(wǎng)站建設一、常用建站技術(shù)及工具2、常用建站工具

（1）FrontPage2000

FrontPage2000是一種理想的網(wǎng)頁編輯工具，支持“所見即所得”的編輯方式，它不需要使用者掌握很深的網(wǎng)頁制作技術(shù)知識，甚至不需要了解HTML的基本語法。FrontPage2000是MicrosoftOffice2000家族中的一員，因此界面保持了Word、Excel等軟件的一貫風格，非常友好，如圖所示。我們幾乎可以像使用Word一樣來制作出一個網(wǎng)頁，而且，F(xiàn)rontPage2000與操作系統(tǒng)的集成性非常好，所以在站點管理等方面具有其他網(wǎng)頁編輯軟件所無法比擬的優(yōu)勢。

（2）DreamweaverMX

DreamweaverMX是Macromedia公司推出的一款優(yōu)秀的、可視化的網(wǎng)頁設計和網(wǎng)站管理工具軟件，其界面如圖所示。它支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項、HomeSite或BBEdit捆綁、可視化網(wǎng)頁設計、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等流媒體格式和動態(tài)HTML、基于團隊的Web創(chuàng)作。在編輯上用戶可以選擇可視化方式或者個人喜歡的源碼編輯方式，DreamweaverMX不僅是專業(yè)人員制作網(wǎng)站的首選工具，而且已經(jīng)普及到廣大網(wǎng)頁制作愛好者中。FrontPage2000界面DreamweaverMX界面2021/5/915電子商務網(wǎng)站建設二、電子商務網(wǎng)站的創(chuàng)建流程第一步，網(wǎng)站策劃工作。包括明確建站目的、網(wǎng)站域名、空間使用、網(wǎng)站目標定位，以及網(wǎng)站目標用戶和潛在用戶對網(wǎng)站的需求，確定網(wǎng)站的總體風格。需要注意的是：①域名注冊。域名可以說是企業(yè)的“網(wǎng)上商標”，所以域名的選擇要與注冊商標相符合，以便于記憶；②虛擬主機。虛擬主機是網(wǎng)頁的存放空間，虛擬主機的優(yōu)劣和穩(wěn)定性直接影響網(wǎng)站的訪問速度，不要使用太過便宜的主機，空間適量即可，主要考察標準是帶寬、主機配置、CGI權(quán)限、數(shù)據(jù)庫、服務和技術(shù)支持。第二步，網(wǎng)站的設計（程序開發(fā)）。網(wǎng)站設計要和公司的企業(yè)形象識別（VI）相符合，主要是根據(jù)建設網(wǎng)站的目的和功能，計劃一下需要什么樣的風格、是否需要安裝程序，如論壇、社區(qū)、留言簿（反饋表單）等。利用策劃階段所做的工作，將內(nèi)容有機地連接在一起，對網(wǎng)站進行包括前臺、后臺及數(shù)據(jù)庫的設計。對頁面設計布局，做出效果圖，縱觀全局，包括頁面的導航、文本、圖像、程序，設計出符合編程及視覺效果的靜態(tài)頁面，再進行程序開發(fā)。第三步，網(wǎng)站的測試和發(fā)布。測試設計好的網(wǎng)站，不僅要對所有影響頁面顯示的細節(jié)因素進行依次測試，頁面中的超鏈接是否正常也是一部分，最重要的是要看這個電子商務網(wǎng)站的功能是否可用，是否方便，是否能解決企業(yè)的商務問題。2021/5/916電子商務網(wǎng)站建設三、電子商務網(wǎng)站的策劃1、網(wǎng)站定位

（1）網(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)站目標用戶定位 一個企業(yè)網(wǎng)站的目標用戶一般可包括企業(yè)的經(jīng)銷商、終端消費者、企業(yè)的一般員工及銷售人員、求職者等。企業(yè)要加強對網(wǎng)上消費者的行為進行研究，這是提高客戶服務的基礎。注重對企業(yè)目標顧客的年齡、性別、學歷、職業(yè)、個性、行為、收入水平、地理位置分布等各種資料的分析，還應該看到網(wǎng)站的目標用戶是基于產(chǎn)品銷售的目標顧客，但兩者之間不能完全畫等號。

（3）網(wǎng)站訴求點定位 對于企業(yè)網(wǎng)站訴求點的確定，一般來說有理性訴求和感性訴求及綜合型三種。理性訴求強調(diào)說理及邏輯性，以事實為基礎，以介紹性文字為主，突出公司的實力、產(chǎn)品的質(zhì)量和優(yōu)質(zhì)的服務。而感性訴求則強調(diào)直覺，以價值為基礎，以企業(yè)的形象塑造為主。至于綜合型的網(wǎng)站，是上述二者兼而有之。企業(yè)網(wǎng)站的訴求點應與企業(yè)的營銷宣傳理念相符合。

（4）網(wǎng)站CI定位

CI為CorporateIdentity的縮寫，這里借用這個營銷概念作為企業(yè)網(wǎng)站的形象設計。一個網(wǎng)站如果能夠進行成功的CI設計定位，便可增強用戶對該網(wǎng)站的識別。CI設計一般包括LOGO（標志）設計，設計制作一個網(wǎng)站的LOGO，就如同給產(chǎn)品設計商標一樣，是網(wǎng)站最醒目的標志，看見LOGO就讓大家聯(lián)想起站點。2021/5/917電子商務網(wǎng)站建設三、電子商務網(wǎng)站的策劃2、網(wǎng)站導航

（1）網(wǎng)站導航的目的①通過分類為瀏覽者提供友好的路徑，從而使他們能盡快找到所需要的內(nèi)容，如圖所示。②告訴瀏覽者，目前在網(wǎng)站所處的位置，即歷史軌跡導航，如圖所示。

③告訴瀏覽者，已經(jīng)訪問過哪些內(nèi)容。在很多網(wǎng)頁上，被單擊過的鏈接會用不同的顏色標示出來。 ④為瀏覽者提供上下文和相關(guān)資源鏈接。當瀏覽者在網(wǎng)上瀏覽某一產(chǎn)品時，該頁面會提供相關(guān)產(chǎn)品的鏈接。例如，當在校園手機網(wǎng)上瀏覽三星SGH-D410手機時，網(wǎng)站就會提供其他相關(guān)產(chǎn)品的鏈接，如圖所示。⑤為瀏覽者推薦網(wǎng)站的最新內(nèi)容、特色內(nèi)容及重點內(nèi)容等，如圖所示。

校園手機網(wǎng)分類導航校園手機網(wǎng)相關(guān)產(chǎn)品鏈接校園手機網(wǎng)精品推薦校園手機網(wǎng)歷史軌跡導航2021/5/918電子商務網(wǎng)站建設三、電子商務網(wǎng)站的策劃（2）網(wǎng)站導航的原則和技巧

①盡可能多地提供相關(guān)資源的鏈接 在一個企業(yè)網(wǎng)站上會有很多信息，但研究表明，訪問者往往并不能明確他需要哪些信息，網(wǎng)站可以幫助用戶搜集一些相關(guān)資源放置在頁面上，以提醒瀏覽者注意。 ②一致性原則 網(wǎng)站的導航元素與設計風格要一致，以便于操作。

③網(wǎng)站板塊和層次劃分合理 板塊的劃分應該有充分的依據(jù)并且是容易理解的。不同板塊的內(nèi)容盡量做到?jīng)]有交叉重復內(nèi)容，共性較多的內(nèi)容應盡量劃分到同一板塊，劃分后的結(jié)構(gòu)層次不宜過深。

④整體導航設計技巧 在設計網(wǎng)站的整體導航時，需要在每一張頁面上加有“首頁（Home）”鏈接，以便及時回到網(wǎng)站的主頁；同時也應該提供“關(guān)于我們（AboutUs）”鏈接，介紹公司的概況及產(chǎn)品經(jīng)營狀況；還需要提供“聯(lián)系方式（ContactUs）”，公布企業(yè)的電子郵箱、電話、傳真、聯(lián)系人及公司所在地點等，如圖所示。

⑤設計好輔助導航 網(wǎng)站通常會提供文件下載的服務，需要注明下載文件的大小及格式，同時要提供執(zhí)行軟件的下載鏈接（如AdobeAcrobatReader、RealPlayer等軟件）。頁面中插有聲音和動畫文件時，需要提前告示訪問者。另外，內(nèi)容較多的網(wǎng)站還需提供信息查詢服務。

⑥常用的導航技巧 網(wǎng)站的導航元素如果是圖片，應將相應的文字設置到圖片的ALT屬性中。所有頁面的LOGO標志都應有指向首頁的鏈接。在網(wǎng)頁的頁腳處一般應提供整體鏈接，如聯(lián)系方式、使用條款、版權(quán)信息及隱私保護等。

校園手機網(wǎng)整體導航2021/5/919電子商務網(wǎng)站建設三、電子商務網(wǎng)站的策劃3、其他要素

（1）網(wǎng)站設計風格 （2）分類體系 （3）購物車 （4）網(wǎng)上支付方式 （5）安全問題 （6）顧客跟蹤 （7）產(chǎn)品促銷 （8）配送

2021/5/920電子商務網(wǎng)站建設三、電子商務網(wǎng)站的策劃4、電子商務網(wǎng)站資料搜集

網(wǎng)站制作在目錄、導航、鏈接等策劃后，需要搜索、準備網(wǎng)站資料，為動手進行網(wǎng)站設計做準備。 個人網(wǎng)站的大多數(shù)內(nèi)容除了源于自己的獨創(chuàng)外，還需要依賴于資料搜集，資料搜集得不完整，可能設計一半就得停下來。同時，在搜集資料時，主要搜集的是其他經(jīng)典網(wǎng)站的頁面布局技巧、導航設計技巧、鏈接設計技巧、網(wǎng)站色彩處理技巧及網(wǎng)站具體內(nèi)容等。 商業(yè)網(wǎng)站雖然不全像個人網(wǎng)站那樣從網(wǎng)上搜集內(nèi)容，但是可以吸取其他同類網(wǎng)站的設計風格精華，如布局風格、導航技巧、色彩處理、同類產(chǎn)品的宣傳技巧等，有比較才有鑒別。在搜集時不能照搬其他網(wǎng)站的風格，應該有自己的獨創(chuàng)。2021/5/921電子商務網(wǎng)站建設第3章校園手機網(wǎng)首頁界面設計電子商務網(wǎng)站建設2021/5/922電子商務網(wǎng)站建設本章重點

熟悉常用的HTML標識

掌握利用表格為網(wǎng)頁進行布局的技巧

在網(wǎng)頁中合理應用圖像及超級鏈接

利用CSS樣式美化網(wǎng)頁元素

制作包含表單的網(wǎng)頁 2021/5/923電子商務網(wǎng)站建設一、界面設計理論1、HTML簡介

HTML語言是由各種標記組成的。一般來說，標記可分為容器型標記和非容器型標記兩種。容器型標記由起始標記和結(jié)束標記組成，如段落標記<P>…</P>；非容器型標記只有起始標記，如換行標記<BR>。（1）HTML的基本標記

A.<HTML>……</HTML>B.<HEAD>……</HEAD>C.<TITLE>……</TITLE>D.<BODY>……</BODY>

（2）HTML的一些常用標記如：<FONT>、<TABLE>、<TD>、<A>、<FORM>等。2021/5/924電子商務網(wǎng)站建設一、界面設計理論2、DreamweaverMX應用簡介

DreamweaverMX操作方便，簡單易學，是制作網(wǎng)站的首選工具。它不僅可以制作單獨的網(wǎng)頁，還可以創(chuàng)建完整的站點。為了更好地管理網(wǎng)頁文件，在制作網(wǎng)頁之前，最好先建一個站點。下面以“校園手機網(wǎng)”的建設為例，簡要介紹DreamweaverMX中表格、圖像、鏈接、表單和CSS樣式在網(wǎng)頁中的應用。（1）應用表格熟練地使用表格，就可以精確定位文本、圖像、表單等網(wǎng)頁元素，從而方便地制作出圖文并茂的網(wǎng)頁。采用像素為單位的布局表格還可使網(wǎng)頁中的內(nèi)容位置固定，不隨瀏覽器窗口的大小變化而產(chǎn)生變化。2021/5/925電子商務網(wǎng)站建設一、界面設計理論A.插入表格方法：“插入”→“表格”

B.設置表格屬性方法：選中表格，在屬性面板中設置表格的屬性（2）應用圖像要想使網(wǎng)頁引人入勝，圖像是必不可少的。它可以為網(wǎng)頁增添生命力，以直觀形象的方式來表達要說明的問題。應用到網(wǎng)頁中的圖像一般有三種，即GIF、JPEG和PNG格式，目前以前兩種格式應用最廣。

A.插入圖像方法：“插入”→“圖像”

B.設置圖像屬性方法：選中要設置屬性的圖像，在屬性面板中進行設置。

2021/5/926電子商務網(wǎng)站建設一、界面設計理論

（3）應用超級鏈接超級鏈接是網(wǎng)頁中最為重要的部分，有了鏈接，就可以將各網(wǎng)站及網(wǎng)頁連到一起，從而不需要知道具體文件的名字和位置，只要單擊相應鏈接，就可以查閱到自己感興趣的信息。超級鏈接可分為文本鏈接、圖像鏈接、電子郵件鏈接、下載鏈接、錨鏈接、空鏈接等，下面以文本鏈接為例，介紹其創(chuàng)建方法。

A.創(chuàng)建超級鏈接方法：選中要創(chuàng)建超級鏈接的文字，在屬性面板中，單擊鏈接欄旁邊的按鈕，打開“選擇文件”對話框，選擇鏈接的目標文件。

B.設置鏈接目標窗口各選項含義如下：_blank：打開一個新的瀏覽器窗口顯示鏈接目標網(wǎng)頁。_parent：在上一級的瀏覽器窗口中顯示鏈接目標網(wǎng)頁。_self：在當前的瀏覽器窗口中顯示鏈接目標網(wǎng)頁。_top：在最頂端的瀏覽器窗口中顯示鏈接目標網(wǎng)頁。2021/5/927電子商務網(wǎng)站建設一、界面設計理論

（4）應用表單表單是網(wǎng)頁的瀏覽者與網(wǎng)站的管理者進行交互的窗口。如申請電子郵箱時要先填寫相關(guān)資料，或利用一個用戶調(diào)查表來收集瀏覽者對網(wǎng)頁的反饋意見等。一個完整的表單應該包含兩部分：一是網(wǎng)頁中的表單對象，二是表單處理程序。下面主要介紹如何在網(wǎng)頁中創(chuàng)建表單對象。

A.插入表單方法：“插入”→“表單”

B.插入表單對象方法：單擊“插入”→“表單對象”→“文本域”或其他的表單對象

C.表單及部分表單對象的屬性設置方法：選中相應的對象，在屬性面板中設置2021/5/928電子商務網(wǎng)站建設一、界面設計理論

（5）應用CSS樣式

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

首頁布局采用“三”字形結(jié)構(gòu)：頂部導航欄部分、中部主要內(nèi)容部分、底部提示信息部分。為避免網(wǎng)頁相同內(nèi)容的重復設計，把頂部導航欄部分和底部提示信息部分提出，分別做成獨立的網(wǎng)頁：top.asp和bottom.asp，嵌入在需要網(wǎng)頁的適當位置。2021/5/931電子商務網(wǎng)站建設二、首頁界面設計2、設計網(wǎng)站導航欄

清楚直觀的導航欄是一個網(wǎng)站的關(guān)鍵要素。本網(wǎng)站中導航欄以被包含文件的形式出現(xiàn)在所有網(wǎng)頁的上方，是網(wǎng)頁間聯(lián)系的直接通道。該部分內(nèi)容較少，主要是制作鏈接，并設定鏈接樣式。同時，在本部分對整個網(wǎng)站中的文本進行精確定制。2021/5/932電子商務網(wǎng)站建設3.2首頁界面設計3、設計網(wǎng)站底部提示信息4、首頁的主要內(nèi)容布局設計

首頁的主要內(nèi)容部分內(nèi)容較多，設計復雜，多處應用了嵌套表格，并用CSS樣式來控制表格邊框線的顯示方式。為力求簡單清楚，此處將用戶注冊登錄、搜索商品、熱點排行、產(chǎn)品分類、問卷調(diào)查、精品推薦、新貨上架、特價商品等內(nèi)容分別獨立做成網(wǎng)頁，嵌入在首頁的相應位置。2021/5/933電子商務網(wǎng)站建設三、Banner與LOGO設計

每一個網(wǎng)站中都會有自己的Banner和LOGO。通常Banner為GIF動畫或Flash影片，LOGO圖片常為靜態(tài)圖片，兩者的設計效果均力求反映網(wǎng)站的名稱及主題。本網(wǎng)站中，Banner采用Fireworks設計，為簡單的GIF動畫；LOGO采用Photoshop設計，為靜態(tài)圖片。1、Banner設計2、LOGO設計2021/5/934電子商務網(wǎng)站建設四、用戶注冊登錄版塊設計

在電子商務型網(wǎng)站中，要想購物，必須先注冊為網(wǎng)站的會員。因此，注冊登錄板塊是必不可少的。該版塊最終效果如下圖示：2021/5/935電子商務網(wǎng)站建設五、商品信息類部分版塊設計1、熱點排行板塊設計2021/5/936電子商務網(wǎng)站建設五、商品信息類部分版塊設計2、產(chǎn)品分類板塊設計2021/5/937電子商務網(wǎng)站建設五、商品信息類部分版塊設計3、精品推薦板塊設計2021/5/938電子商務網(wǎng)站建設五、商品信息類部分版塊設計4、問卷調(diào)查板塊設計2021/5/939電子商務網(wǎng)站建設五、商品信息類部分版塊設計5、商品搜索板塊設計2021/5/940電子商務網(wǎng)站建設本章小結(jié)

本章首先對HTML和網(wǎng)頁設計工具Dreamweaver進行簡單介紹，再以實例的形式詳細描述校園手機網(wǎng)首頁的制作。在制作過程中，不僅涉及DreamweaverMX中的表格、鏈接、圖像、CSS樣式、表單等內(nèi)容的應用，還涉及一些腳本語句，基本上涵蓋了制作網(wǎng)頁中的知識和技巧。2021/5/941電子商務網(wǎng)站建設第4章數(shù)據(jù)庫管理電子商務網(wǎng)站建設2021/5/942電子商務網(wǎng)站建設

本章重點

為電字商務網(wǎng)站建立數(shù)據(jù)庫后臺

在ASP中連接數(shù)據(jù)庫

在ASP中訪問數(shù)據(jù)庫，包括查詢、添加和修改數(shù)據(jù)庫連接2021/5/943電子商務網(wǎ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)站每一個功能模塊的設計都遵循以下幾個步驟： 第一步：功能分析 第二步：確定需要建立的數(shù)據(jù)表 第三步：總結(jié)畫出功能模塊圖 第四步：確定所有數(shù)據(jù)表的數(shù)據(jù)字典下面以用戶管理模塊為例具體介紹相關(guān)內(nèi)容。

2021/5/944電子商務網(wǎng)站建設一、系統(tǒng)功能與設計

1、功能分析，需要完成以下幾個功能

用戶注冊

會員信息管理

用戶登錄

用戶購買商品給用戶留言用戶給本網(wǎng)站留言2021/5/945電子商務網(wǎng)站建設４.１系統(tǒng)功能與設計

2、根據(jù)功能需要確定建立如下幾個數(shù)據(jù)表

1、注冊會員信息表：zc_user。

2、會員收件箱：ly。

3、管理員信箱：adminly2021/5/946電子商務網(wǎng)站建設一、系統(tǒng)功能與設計

3、功能模塊圖如下頁顯示2021/5/947電子商務網(wǎng)站建設一、系統(tǒng)功能與設計

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是/否

留言是否查看2021/5/948電子商務網(wǎng)站建設

將網(wǎng)站所需要的數(shù)據(jù)庫及數(shù)據(jù)表都規(guī)劃好之后，接下來就可以選擇一種類型的數(shù)據(jù)庫來創(chuàng)建。目前常用的能做網(wǎng)站后臺支持的數(shù)據(jù)庫有Access、SQLServer、Oracle等。其中Access數(shù)據(jù)庫結(jié)構(gòu)簡單，操作方便，一個數(shù)據(jù)庫存儲為一個mdb文件，打開后其中包含該數(shù)據(jù)庫所有的表、查詢、報表等信息，所以經(jīng)常用于創(chuàng)建小型的動態(tài)網(wǎng)站，本書所用實例校園手機網(wǎng)也是使用Access數(shù)據(jù)庫來做后臺支持的。二、數(shù)據(jù)庫的創(chuàng)建2021/5/949電子商務網(wǎng)站建設二、數(shù)據(jù)庫的創(chuàng)建

1、在Access中建立一個新的數(shù)據(jù)庫

2021/5/950電子商務網(wǎng)站建設二、數(shù)據(jù)庫的創(chuàng)建2、在數(shù)據(jù)庫中建立一個新的數(shù)據(jù)表

2021/5/951電子商務網(wǎng)站建設二、數(shù)據(jù)庫的創(chuàng)建設計表的結(jié)構(gòu)，如圖：

2021/5/952電子商務網(wǎng)站建設二、數(shù)據(jù)庫的創(chuàng)建3、瀏覽一張表，可以添加或修改記錄

2021/5/953電子商務網(wǎng)站建設4、數(shù)據(jù)庫的維護作為網(wǎng)站后臺的數(shù)據(jù)庫應注意數(shù)據(jù)庫文件的屬性，如果為“只讀”，那么在網(wǎng)站上更新數(shù)據(jù)庫中的內(nèi)容時就會出錯。設置數(shù)據(jù)庫文件的屬性，方式是在文件上單擊鼠標右鍵，彈出如圖4-10所示對話框，將“只讀”前面的對號去掉。2021/5/954電子商務網(wǎng)站建設

1、ＡＳＰ與數(shù)據(jù)庫

要想在網(wǎng)頁上訪問數(shù)據(jù)庫，就必須在網(wǎng)頁的ASP代碼中建立與數(shù)據(jù)庫的連接。ASP中建立數(shù)據(jù)庫連接的方法有許多種，如ADO技術(shù)。ADO（ActiveXDataObject）是微軟開發(fā)的數(shù)據(jù)庫訪問組件，在ASP中通過使用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)站的連接2021/5/955電子商務網(wǎng)站建設三、數(shù)據(jù)庫與網(wǎng)站的連接

在ASP中往往通過使用ADO對象連接數(shù)據(jù)庫并進行訪問。方法是先創(chuàng)建一個connection對象的實例，再通過該實例的open方法來打開一個數(shù)據(jù)連接字符串。

dimcon,constr

setcon=Server.CreateObject("adodb.connection")

constr=“Provider=Microsoft.Jet.OLEDB.4.0;DataSource=

d:\database\pinpai.mdb"

con.openconstr以上代碼為利用OLEDB技術(shù)打開了一個數(shù)據(jù)連接。

2021/5/956電子商務網(wǎng)站建設三、數(shù)據(jù)庫與網(wǎng)站的連接dimcon,constrsetcon=Server.CreateObject("adodb.connection")constr="Driver={MicrosoftAccessDriver(*.mdb)};DBQ=e:\db\xuesheng.mdb"con.openconstr以上代碼為利用ODBC技術(shù)打開了一個數(shù)據(jù)連接。

setcon=Server.CreateObject("adodb.connection")con.open"dsn=xs"以上代碼通過使用DNS數(shù)據(jù)源打開了一個數(shù)據(jù)連接。2021/5/957電子商務網(wǎng)站建設三、數(shù)據(jù)庫與網(wǎng)站的連接2、從數(shù)據(jù)庫中讀取數(shù)據(jù)

從數(shù)據(jù)庫中讀取數(shù)據(jù)的一般步驟為：首先根據(jù)查詢的需要定義一條SQL語句，再執(zhí)行該語句來返回一個記錄集，然后訪問該記錄集中的數(shù)據(jù)。3、從數(shù)據(jù)庫中查詢數(shù)據(jù)

從數(shù)據(jù)庫中查詢數(shù)據(jù)，方法是使用記錄集從表中返回符合查詢條件的那些數(shù)據(jù)。在SQL中查詢數(shù)據(jù)通過SELECT語句來實現(xiàn)。2021/5/958電子商務網(wǎng)站建設三、數(shù)據(jù)庫與網(wǎng)站的連接4、更改數(shù)據(jù)庫中的數(shù)據(jù)

對數(shù)據(jù)庫中的數(shù)據(jù)進行更新包括修改已有記錄的字段和添加一條新的記錄，完成這兩種操作都可以通過兩種方法來實現(xiàn)。

使用connection對象的execute方法執(zhí)行SQL語句。

通過記錄集來更新。2021/5/959電子商務網(wǎng)站建設四、數(shù)據(jù)的維護１、會員信息的維護會員的信息存儲于數(shù)據(jù)庫的zc_user表中，對該表數(shù)據(jù)的維護包括以下幾個部分。

用戶注冊為網(wǎng)站的會員，就在會員信息表中添加一條記錄，并為各字段賦值。

會員登錄以后，可以修改自己的詳細信息，也可以修改登錄密碼。

管理員可以在后臺管理界面瀏覽所有會員的信息，并可以刪除會員記錄。2021/5/960電子商務網(wǎng)站建設四、數(shù)據(jù)的維護2、商品信息的維護

對于一個網(wǎng)上商店來說，管理員需要根據(jù)店內(nèi)實際商品的情況及時地更新網(wǎng)站的數(shù)據(jù)庫。對商品信息的維護主要通過訪問商品信息表來完成，包括添加商品記錄、修改商品信息和刪除商品記錄。

2021/5/961電子商務網(wǎng)站建設3、數(shù)據(jù)的保存和安全

在網(wǎng)絡上，安全問題永遠是我們不能忽視的，對電子商務網(wǎng)站更是如此。網(wǎng)站在后臺數(shù)據(jù)庫的基礎上運行，在數(shù)據(jù)庫中存儲了太多需要保密的信息，如商品的數(shù)量，會員的真實姓名和登錄密碼，管理員的登錄密碼等。所以，數(shù)據(jù)庫文件一定要定期進行備份，這樣可以保證一旦數(shù)據(jù)庫后臺遭到破壞，還可以最大限度地保留和恢復重要數(shù)據(jù)。另外，要加強對數(shù)據(jù)庫的安全管理，防止非法登錄和篡改，以及惡意下載數(shù)據(jù)庫文件。四、數(shù)據(jù)的維護2021/5/962電子商務網(wǎng)站建設四、數(shù)據(jù)的維護加強網(wǎng)站數(shù)據(jù)安全的措施有以下這些：會員和管理員的登錄密碼應設置得復雜一些給數(shù)據(jù)庫命名時起一個非常規(guī)的復雜名字將數(shù)據(jù)庫文件放在網(wǎng)站目錄之外盡量使用ODBC數(shù)據(jù)源禁止向客戶端輸出詳細出錯信息2021/5/963電子商務網(wǎng)站建設本間小結(jié)

根據(jù)電子商務網(wǎng)站的功能來建立數(shù)據(jù)庫后臺。

使用ＡＤＯ技術(shù)來連接數(shù)據(jù)庫

通過ＳＱＬ語句來訪問數(shù)據(jù)庫

在ＡＳＰ中使用變量來存儲數(shù)據(jù)

在ＡＳＰ中實現(xiàn)輸出數(shù)據(jù)和接收用戶輸入的數(shù)據(jù)2021/5/964電子商務網(wǎng)站建設第5章會員注冊登錄電子商務網(wǎng)站建設2021/5/965電子商務網(wǎng)站建設本章重點

VBScript

驗證碼驗證機制的實現(xiàn)

用戶不規(guī)則信息輸入的檢驗

數(shù)據(jù)的存取操作及更新

JavaScipt

ASP

數(shù)據(jù)庫連接

包含文件

md5加密算法的實現(xiàn)過程

2021/5/966電子商務網(wǎng)站建設一、理論知識1、VBScript

（1）數(shù)據(jù)類型（2）變量（3）運算符（4）控制程序的流程（5）VBScript過程

A.Sub過程

B.Function過程（6）VBScript對象2021/5/967電子商務網(wǎng)站建設2．ASP內(nèi)置對象（1）Application對象：可以使用Application對象使給定應用程序的用戶共享信息。（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.CreateObject）。其他方法用于將URL或HTML編碼成字符串，將虛擬路徑映射到物理路徑，以及設置腳本的超時期限。（5）Session對象：可以使用Session對象存儲特定用戶會話所需的信息。當用戶在應用程序的頁之間跳轉(zhuǎn)時，存儲在Session對象中的變量不會清除；而用戶在應用程序中訪問頁時，這些變量始終存在。也可以使用Session方法顯式地結(jié)束一個會話和設置空閑會話的超時期限。一、理論知識2021/5/968電子商務網(wǎng)站建設ADODB組件用于創(chuàng)建數(shù)據(jù)庫連接，其形式如下：<%Setconn=Server.CreateObject("ADODB.Connection")Strconn="DRIVER={MicrosoftAccessDriver(*.mdb)};"Strconn=Strconn&"DBQ="&Server.MapPath("/database/yanhang.mdb")conn.OpenStrconn%>3．ADODB組件的使用

一、理論知識2021/5/969電子商務網(wǎng)站建設4．MSAccess數(shù)據(jù)庫連接

用DSN連接并且沒有用戶名和密碼：<%setconn=Server.CreateObject("ADODB.Connection")conn.open"YourDSNName"%>用DSN連接并且有用戶名和密碼：<%setconn=Server.CreateObject("ADODB.Connection")conn.open"YourDSNName","username","password"%>用實際的數(shù)據(jù)庫絕對路徑連接：<%Setconn=Server.CreateObject("ADODB.Connection")Strconn="DRIVER={MicrosoftAccessDriver(*.mdb)};"Strconn=Strconn&"DBQ=e:\yanhang\database.mdb"conn.OpenStrconn%>一、理論知識2021/5/970電子商務網(wǎng)站建設5．MSSQLServer數(shù)據(jù)庫連接用DSN連接：<%setconn=Server.CreateObject("ADODB.Connection")conn.open"DSN=MyDSN;UID=user;PWD=password;DATABASE=databasename"%>不用DSN連接：<%Setconn=Server.CreateObject("ADODB.Connection")DSNtemp="DRIVER={SQLServer};SERVER=ServerName;UID=USER;PWD=password;

DATABASE=databasename"conn.openDSNtemp%>一、理論知識2021/5/971電子商務網(wǎng)站建設6．FoxPro數(shù)據(jù)庫連接<%SetConn=Server.CreateObject("ADODB.connection")ConnStr="Driver=MicrosoftVisualFoxproDriver;UID=userID;SourceType=DBC;SourceDB=C:\yanhang\database.dbc"Conn.OpenConnStr%>一、理論知識2021/5/972電子商務網(wǎng)站建設7．Oracle數(shù)據(jù)庫連接<%setconn=server.createobject("adodb.connection")conn.cursorlocation=adUseClientDSNTemp="Provider=MSDAORA.1;Password=xxxxx;UserID=yanhang;DataSource=xxx.world"conn.openDSNtemp%>一、理論知識2021/5/973電子商務網(wǎng)站建設二、功能與設計

會員注冊登錄模塊是整個校園手機網(wǎng)電子商務系統(tǒng)前臺的一個最重要的模塊，它是客戶與后臺管理系統(tǒng)交易的重要保障，主要由客戶操作并且為客戶服務，可以分為會員注冊、會員登錄、會員信息修改三個子模塊。圖5-1是會員注冊登錄模塊在整個網(wǎng)站中的構(gòu)建流程圖，其中包含各個子模塊之間的關(guān)系。圖5-1注冊登錄模塊流程圖

2021/5/974電子商務網(wǎng)站建設1．注冊界面

注冊頁面reg.asp的主要作用是指導用戶完成注冊信息的填寫，包括設定用戶填寫的信息、對用戶異常信息的處理、指定處理用戶信息的程序，以及與網(wǎng)站的整體銜接。圖5-2注冊用戶界面三、會員注冊

2021/5/975電子商務網(wǎng)站建設2．注冊信息處理注冊信息處理頁面regxr.asp主要對用戶的注冊信息進行處理，如果注冊信息合法則寫入zc_user（database.mdb）表，并且轉(zhuǎn)到用戶管理頁面，否則退回注冊頁面reg.asp。三、會員注冊

2021/5/976電子商務網(wǎng)站建設圖5-3用戶登錄界面1．會員登錄

會員登錄模塊的主要作用是提供用戶登錄信息的填寫平臺，包括用戶登錄界面（如圖5-3所示）、對用戶填寫信息的合法性驗證、保證網(wǎng)絡安全的驗證碼機制、登錄后用戶管理平臺的引導等。會員登錄子模塊主要包括以下兩個文件。（1）Login.asp（2）Checkuserlogin.asp圖5-3用戶登錄界面四、會員登錄

2021/5/977電子商務網(wǎng)站建設(1)用戶登錄

用戶登錄界面login.asp主要實現(xiàn)登錄信息的填寫、對用戶所填信息的初步檢驗。(2)用戶登錄信息處理

用戶登錄信息處理頁面Checkuserlogin.asp，主要是把用戶提交的用戶信息和數(shù)據(jù)庫表zc_user（database.mdb）中的信息進行比較，如果一致則轉(zhuǎn)到用戶管理界面，否則退回登錄界面login.asp。四、會員登錄

2021/5/978電子商務網(wǎng)站建設

會員信息修改模塊，主要作用是提供用戶對自己的注冊信息進行管理的平臺，主要包括以下4個文件。（1）usermanage.asp（2）left.asp（3）useradmin/modiinfor.asp（4）useradmin/modiinforxr.asp五、會員信息修改

2021/5/979電子商務網(wǎng)站建設圖5-4用戶信息管理頁面1．用戶信息管理

用戶信息管理頁面usermange.asp主要提供用戶個人信息的管理平臺，供用戶進行個人信息的查看、更改等操作。其主體結(jié)構(gòu)為框架：通過左側(cè)單元格包含頁面left.asp列出管理類型，通過右側(cè)單元格中的浮動框架實現(xiàn)具體的管理操作。

五、會員信息修改

2021/5/980電子商務網(wǎng)站建設2．用戶信息管理類型

用戶信息管理類型列表頁面left.asp，主要把用戶管理的各項操作列出來，便于用戶從中選擇某項具體的操作。五、會員信息修改

2021/5/981電子商務網(wǎng)站建設3．用戶個人注冊信息修改

用戶個人注冊信息修改頁面useradmin/modiinfor.asp為個人注冊信息的修改提供操作平臺，是用戶管理功能中的一項。

圖5-5用戶個人信息修改頁面五、會員信息修改

2021/5/982電子商務網(wǎng)站建設4．用戶個人注冊信息修改的處理

用戶個人注冊信息修改的處理頁面useradmin/modiinfor.asp，對修改信息進行有效性檢驗，并更新數(shù)據(jù)表中相應的記錄。

五、會員信息修改

2021/5/983電子商務網(wǎng)站建設本章小結(jié)

本章通過對會員注冊登錄模塊的構(gòu)建，讓學生懂得建站技術(shù)是建設整個校園手機網(wǎng)電子商務系統(tǒng)的理論基礎。通過本章的學習，對建站技術(shù)應該從掌握基礎知識及對理論知識的簡單應用這一水平提高到實際應用的高度。能否獨立完成會員注冊登錄模塊的整體設計，是對本章學習效果的檢驗。2021/5/984電子商務網(wǎng)站建設第6章校員手機網(wǎng)商品管理電子商務網(wǎng)站建設2021/5/985電子商務網(wǎng)站建設本章重點

商品瀏覽的實現(xiàn)

搜索信息的提交處理

后臺管理平臺

后臺管理之增加商品

后臺管理之修改商品

2021/5/986電子商務網(wǎng)站建設一、功能與設計

校園手機網(wǎng)商品管理模塊，主要實現(xiàn)手機商品的瀏覽、搜索，以及網(wǎng)站后臺手機商品的增加、刪除、更改等功能，如圖6-1所示。圖6-1商品管理模塊2021/5/987電子商務網(wǎng)站建設二、商品瀏覽

商品瀏覽子模塊主要實現(xiàn)庫存商品的瀏覽功能，設計過程中需注意商品的顯示技巧，如index.asp中商品的不同表現(xiàn)形式。本子模塊主要包含以下兩個文件。（1）product（database.mdb）（2）index.asp1．數(shù)據(jù)庫文件數(shù)據(jù)庫文件product（database.mdb）用來存儲手機商品的相關(guān)信息。2021/5/988電子商務網(wǎng)站建設2．商品瀏覽

商品瀏覽的實現(xiàn)主要在index.asp中完成，該頁面通過包含文件和本頁面的功能模塊實現(xiàn)商品瀏覽等功能。

圖6-2商品瀏覽頁面二、商品瀏覽

2021/5/989電子商務網(wǎng)站建設三、商品搜索

創(chuàng)建商品搜索模塊，以方便用戶查找自己所需要的商品，除主要包含search.asp（搜索界面）和catinfor.asp（搜索信息處理）兩個文件外，還需要后臺product（database.mdb）表中的數(shù)據(jù)。2021/5/990電子商務網(wǎng)站建設1．搜索界面

搜索界面search.asp的主要作用是提示用戶填寫搜索信息，通過兩個圖片超鏈接實現(xiàn)在“快速搜索”和“高級搜索”兩種方式之間的切換。圖6-3商品快速搜索界面圖6-4商品高級搜索界面三、商品搜索

2021/5/991電子商務網(wǎng)站建設2．搜索信息處理搜索信息處理頁面catinfor.asp的主要作用是依據(jù)用戶所填寫的搜索規(guī)則對數(shù)據(jù)表中的數(shù)據(jù)進行搜索，查找出用戶所需要的商品。信息處理的關(guān)鍵在于如何使訪問者所填寫的信息規(guī)范化，即可以在數(shù)據(jù)庫中查詢。三、商品搜索

2021/5/992電子商務網(wǎng)站建設四、增加商品

增加商品是后臺管理的一項功能，該子模塊主要包括以下3個文件。（1）webadmin/index.asp后臺管理平臺（2）webadmin/addproduct.asp管理員增加商品頁面（3）webadmin/addproductxr.asp新商品處理頁面2021/5/993電子商務網(wǎng)站建設1．后臺管理平臺

webadmin/index.asp主要為后臺網(wǎng)站的各項管理提供操作平臺。本頁面使用框架結(jié)構(gòu)，左側(cè)框架加載功能列表left.asp，右側(cè)框架加載相應功能的實現(xiàn)平臺，增加商品就是其中之一。圖6-5后臺管理頁面四、增加商品

2021/5/994電子商務網(wǎng)站建設2．管理員增加商品頁面

管理員增加商品頁面webadmin/addproduct.asp，其主要作用是提示管理員填寫新增商品的相關(guān)信息，如圖6-6所示。圖6-6添加商品頁面四、增加商品

2021/5/995電子商務網(wǎng)站建設3．新商品處理

新商品處理頁面webadmin/addproductxr.asp，其主要作用是將新增商品的信息進行處理并存儲到數(shù)據(jù)庫中四、增加商品

2021/5/996電子商務網(wǎng)站建設五、修改商品

修改商品子模塊，主要是完成管理員對數(shù)據(jù)庫中商品信息的修改，是后臺網(wǎng)站管理的一項功能，主要包含以下4個文件。（1）webadmin/productmanage.asp（2）webadmin/productdel.asp（3）webadmin/productmodi.asp（4）webadmin/addproductxr.asp2021/5/997電子商務網(wǎng)站建設1．查看修改商品

查看修改界面webadmin/productmanage.asp為修改、刪除商品提供操作平臺，是當前所有商品的列表。

圖6-7查看修改商品頁面

五、修改商品

2021/5/998電子商務網(wǎng)站建設2．刪除商品

刪除商品頁面webadmin/productdel.asp，完成管理員對相應商品進行刪除操作的處理。五、修改商品

2021/5/999電子商務網(wǎng)站建設3．修改商品信息

圖6-8修改商品信息頁面五、修改商品

2021/5/9100電子商務網(wǎng)站建設4．修改商品信息處理

修改商品信息處理頁面webadmin/addproductxr.asp，完成管理員對相應商品進行修改操作的處理，以及數(shù)據(jù)庫的更新。五、修改商品

2021/5/9101電子商務網(wǎng)站建設本章小結(jié)

本章通過構(gòu)建商品管理模塊，介紹商品瀏覽、搜索功能的實現(xiàn)和電子商務網(wǎng)站的后臺管理技術(shù)。通過幾個子模塊的講解，學生應該掌握這些建站技術(shù)的應用，并能夠獨立完成整個網(wǎng)站后臺管理系統(tǒng)的建設。2021/5/9102電子商務網(wǎng)站建設第7章校園手機網(wǎng)購物與結(jié)賬電子商務網(wǎng)站建設2021/5/9103電子商務網(wǎng)站建設本章重點

Session對象

ASP分頁顯示信息購物車用戶訂單生成用戶訂單管理

2021/5/9104電子商務網(wǎng)站建設

1.Session對象簡介

Session對象可以記錄一位用戶的信息，即使從一個頁面到另一個頁面，這個信息仍然會存在。但使用的時候應該注意，它只對一個用戶信息起作用，如果讓它記錄不同的用戶信息，應該用不同的Session信息。

Session信息的特性就是有它自己的有效期，一般來說，Windows系統(tǒng)服務器的默認時間為20min，如果客戶端超出20min不再向服務器提出請求或者刷新Web頁面，那么Session信息就會自動結(jié)束。語法：Session("Session名字")＝變量或字符串信息一、理論知識2021/5/9105電子商務網(wǎng)站建設2、分頁顯示的ASP語法介紹

ASP分頁顯示記錄是將數(shù)據(jù)庫中所有符合查詢條件的記錄一次性都讀入記錄集中，存放在內(nèi)存中，然后通過ADORecordset對象提供的幾個專門支持分頁處理的屬性：PageSize（頁大?。?、PageCount（頁數(shù)目）及AbsolutePage（絕對頁）來管理分頁處理。進行ADO存取數(shù)據(jù)庫時的分頁顯示，其實就是對RecordSet的記錄進行操作。所以首先必須了解ReordSet對象的屬性和方法。一、理論知識2021/5/9106電子商務網(wǎng)站建設BOF屬性：目前指標指到RecordSet的第一條記錄。EOF屬性：目前指標指到RecordSet的最后一條記錄。Move方法：移動指標到RecordSet中的某一條記錄。AbsolutePage屬性：設定當前記錄的位置是位于哪一頁。AbsolutePosition屬性：目前指標在RecordSet中的位置。PageCount屬性：顯示RecordSet對象包括多少“頁”的數(shù)據(jù)。PageSize屬性：顯示RecordSet對象每一頁顯示的記錄數(shù)。RecordCount屬性：顯示RecordSet對象記錄的總數(shù)。一、理論知識2021/5/9107電子商務網(wǎng)站建設

當?shù)卿浻脩粼趯︻A購商品下訂單時，往往要提供收貨人的基本信息，大多數(shù)情況下，登錄用戶一般是為本人購買商品。為了節(jié)省登錄用戶填寫收貨人基本信息的時間，校園手機網(wǎng)直接將用戶注冊時的基本信息（如用戶姓名、聯(lián)系電話、聯(lián)系地址等信息）填充在收貨人基本信息的表單中。一、理論知識2021/5/9108電子商務網(wǎng)站建設二、系統(tǒng)功能與設計用戶完成一次交易過程如下：用戶注冊登陸選購商品確認收貨人信息支付商品費用服務商收款發(fā)貨完成交易2021/5/9109電子商務網(wǎng)站建設三、購買商品1、購物車（gouwuche.asp）

購物車是一種高級、功能強大的Web目錄，能進行銷售，并能使人們更簡單方便地在目錄中選擇和購買商品。換句話說，購物車使客戶在站點中導航時可以更方便地購物。假想一下，當你走進一家超市，每購買一件商品就要到收銀臺付款，這一過程的確令人乏味，而購物車則能將你所選購的商品集中起來，只需在最后一次性付款，從而節(jié)省購物時間。在校園手機網(wǎng)中，購物車其實就是將用戶所選購的商品以Web目錄的形式展現(xiàn)出來，供用戶查閱。2021/5/9110電子商務網(wǎng)站建設

對購物車的操作分為如下兩類：（１）將商品放入購物車用戶登錄后，在校園手機網(wǎng)所有商品中選擇預購商品，單擊“購物車”，可瀏覽到當前用戶在購物車中的商品目錄。在瀏覽當前用戶購物車中的商品目錄時，會出現(xiàn)以下3種情況。

A.預購商品已在用戶的購物車中，用戶不能將該商品放入購物車中。

B.預購商品已售完，沒有庫存，用戶不能將該商品放入購物車中。

C.預購商品可以放入購物車中。三、購買商品2021/5/9111電子商務網(wǎng)站建設

(2)將商品從購物車中拿出既然用戶可將預購商品放入購物車，那么也必須能將預購商品從購物車中拿出。假想一下，如果在超市中每選一件商品放入購物車，就必須得購買，那對用戶來講是非常不公平的。在這里，網(wǎng)站同樣也對購物車中的預購商品做了“拿出”的設計。三、購買商品2021/5/9112電子商務網(wǎng)站建設

2、訂購商品

用戶最終的目的就是要從服務商那里購得商品，而購買的形式往往是多種多樣的，為了方便用戶購買商品，校園手機網(wǎng)將購買的形式分為以下兩種。（1）從購物車中訂購當用戶將商品放入購物車中，特別是將多種商品放入購物車中后，可以在用戶登錄模式下，瀏覽購物車中的預購商品目錄并有選擇的對所選商品下訂單。（2）直接訂購為了方便用戶購買商品，登錄用戶可直接對預購商品進行訂購。在這里用戶只需選擇“訂購”或“下訂單”，便可訂購商品。三、購買商品2021/5/9113電子商務網(wǎng)站建設四、生成訂單

作為電子商務網(wǎng)站，用戶所面對的商品只是一種描述，并沒有直接面對商品的實體，而用戶的最終目的就是要得到預購商品的實體，在這種情況下，用戶所能做的就是向運營商提交購買申請，也就是“下訂單”。在這里，我們要了解掌握如下兩類常識：

2021/5/9114電子商務網(wǎng)站建設1、訂單列表的顯示

在用戶登錄模式下，用戶除可瀏覽購物車中的預購商品外，也可瀏覽用戶在校園手機網(wǎng)對預購商品所下的訂單，包括已完成交易的訂單。當用戶首次登錄系統(tǒng)時，用戶是沒有任何訂單的。一但用戶對某件商品下了訂單，那么，在“我的訂單”中就會將該訂單以目錄的形式顯示出來，以供登錄用戶查閱。2、用戶下訂單的步驟

（1）確認商品數(shù)量（2）確認收貨人信息（3）生成訂單四、生成訂單2021/5/9115電子商務網(wǎng)站建設五、訂單查詢1、訂單狀態(tài)

從用戶對預購商品下訂單開始到完成交易，訂單的狀態(tài)要發(fā)生以下變化：（1）未做任何處理（訂單未做任何處理）；（2）服務商收到款（服務商收到用戶購買商品的費用）；（3）服務商已發(fā)貨（服務商按照收貨人的姓名和地址發(fā)貨）；（4）用戶已收到（用戶已收到服務商發(fā)來的商品）。2021/5/9116電子商務網(wǎng)站建設2、訂單瀏覽

登錄用戶可在線瀏覽用戶所下訂單的詳細信息。3、修改訂單狀態(tài)

當?shù)卿浻脩魹g覽訂單詳細信息時，可修改訂單狀態(tài)。但在用戶模式下，用戶只能完成對“用戶已收到”狀態(tài)的修改?！胺丈淌盏娇睢?、“服務商已發(fā)貨”兩種狀態(tài)則由服務商進行修改。五、訂單查詢2021/5/9117電子商務網(wǎng)站建設六、訂單撤銷

當?shù)卿浻脩舻挠唵翁幱凇拔醋鋈魏翁幚怼钡臓顟B(tài)時，用戶可對該訂單做“退單”處理，登錄用戶所要做的“退單處理”過程在程序?qū)崿F(xiàn)時就是將該訂單從數(shù)據(jù)表中刪除。一旦訂單處于其他狀態(tài)時，用戶將無法做“退單”處理。2021/5/9118電子商務網(wǎng)站建設七、訂單處理

當用戶對預購商品下訂單后，服務商將會在后臺管理程序中瀏覽或查詢用戶的訂單信息，從而完成對訂單的處理。處理過程主要分為以下三種類型：1.訂單查詢2.修改訂單狀態(tài)3.訂單退回2021/5/9119電子商務網(wǎng)站建設1、用戶訂單列表

服務商在后臺管理程序中瀏覽或查詢的用戶訂單是以Web目錄的形式顯示出來的。七、訂單處理2021/5/9120電子商務網(wǎng)站建設2、訂單查詢

當管理員面對眾多訂單時，往往會因記不清訂單的信息而不知所措。在這里，校園手機網(wǎng)提供了訂單查詢的功能，從而使管理員在查詢及處理訂單時更加方便和快捷。（1）按下單用戶查詢管理員可以通過選擇“訂單查詢”中“按下單用戶查詢”里下拉菜單中的選項來確定所要查詢的訂單狀態(tài)，同時輸入要查詢的關(guān)鍵字，單擊“查詢”按鈕，即可查閱相關(guān)結(jié)果。（2）按訂單號查詢管理員也可以通過輸入訂單號來查詢相關(guān)訂單，這里同樣支持模糊查詢。七、訂單處理2021/5/9121電子商務網(wǎng)站建設3、修改訂單狀態(tài)

在此，“服務商收到款”、“服務商已發(fā)貨”兩種狀態(tài)是由服務商確定修改的，而“用戶已收到”可由服務商或訂單用戶來確定修改。4、訂單退回

當管理員在瀏覽用戶訂單信息時，發(fā)現(xiàn)處于“未做任何處理”狀態(tài)的用戶訂單信息存在虛假內(nèi)容或與實際情況嚴重不符時，有權(quán)將用戶訂單退回并刪除，以保障良好的購物環(huán)境。七、訂單處理2021/5/9122電子商務網(wǎng)站建設八、電子支付

隨著全球電子商務的蓬勃發(fā)展，作為電子商務基礎的在線電子支付方式，愈發(fā)顯示出其重要性。雖然電子商務亦可通過傳統(tǒng)的支付方式進行清算，如銀行支票、旅行支票、匯款單或信用卡等，但是電子錢包、數(shù)字現(xiàn)金、網(wǎng)上電子資金劃撥和網(wǎng)上信用卡等電子支付方式顯然有著更大的優(yōu)越性。電子支付以金融電子化網(wǎng)絡為基礎，以商用電子化工具和各類交易卡為媒介，以計算機技術(shù)和通信技術(shù)為手段，以電子數(shù)據(jù)形式存儲在銀行的計算機系統(tǒng)中，并通過計算機網(wǎng)絡系統(tǒng)，以電子信息傳遞形式實現(xiàn)流通和支付。2021/5/9123電子商務網(wǎng)站建設本章小結(jié)

本章通過對購物車的建立、登錄用戶對商品下訂單，以及服務商對訂單的處理的講解，使讀者掌握Session對象的用法及在ASP中對數(shù)據(jù)表里所有記錄實現(xiàn)分頁顯示的方法。本章著重講解購物車的概念與用戶訂單的處理，應特別注意的是：購物車的數(shù)據(jù)表與用戶訂單的數(shù)據(jù)表為同一數(shù)據(jù)表，在具體程序中要注意加以區(qū)分。2021/5/9124電子商務網(wǎng)站建設第8章交流園地電子商務網(wǎng)站建設2021/5/9125電子商務網(wǎng)站建設本章重點

Jmail組件 四舍五入函數(shù)的用法 問卷調(diào)查的分類

2021/5/9126電子商務網(wǎng)站建設一、理論知識

1.利用Jmail組件發(fā)送電子郵件

Jmail組件是由Dimac公司研發(fā)的郵件收發(fā)組件，是一個非常成熟和強大的郵件組件。它不但可以完成發(fā)郵件的工作，還支持POP收信，并支持收發(fā)郵件時的PGP加密，內(nèi)置一個群發(fā)郵件的對象，可以使群發(fā)編程更簡單。

2.Round()函數(shù)的用法

Round()函數(shù)的作用，是返回按指定位數(shù)進行四舍五入的數(shù)值，其用法如下：

Round(expression[,numdecimalplaces])2021/5/9127電子商務網(wǎng)站建設二、系統(tǒng)功能與設計

服務商與用戶交流的方式多種多樣，現(xiàn)實生活中往往是電話溝通、拜訪用戶等形式，而在網(wǎng)絡中，用的最多的是用戶留言、問卷調(diào)查、BBS論壇等形式。本章以留言板和問卷調(diào)查作為范例，講解如何實現(xiàn)與用戶交流的功能。2021/5/9128電子商務網(wǎng)站建設三、留言板

1、Jmail組件介紹利用Jmail組件可以輕松完成郵件發(fā)送、接收、加密、集群傳輸?shù)裙ぷ?。雖然它在很多編程語言中都能很好地工作，但在ASP中使用得最為典型。

2、利用Jmail組件實現(xiàn)留言功能

校園手機網(wǎng)利用Jmail組件將用戶的反饋信息以電子郵件的形式發(fā)送到服務商的電子郵箱。用戶不再使用Outlook、Foxmail等軟件來發(fā)送信件，而只需要填寫好相應表單的信息即可發(fā)送給服務商。2021/5/9129電子商務網(wǎng)站建設四、問卷調(diào)查

1、問卷調(diào)查的分類

網(wǎng)上問卷調(diào)查常用的方式大致有以下三類。（1）簡單方式（三級態(tài)度量表）（2）組合方式（專題調(diào)查）（3）完整問卷方式（專題調(diào)查）

2021/5/9130電子商務網(wǎng)站建設2、問卷調(diào)查管理

在不同的時期內(nèi)，用戶所關(guān)心的熱點是不一樣的。作為網(wǎng)絡調(diào)查問卷，要緊跟時代潮流，抓住用戶所關(guān)心的問題，及時確定網(wǎng)站的題項，并通過調(diào)查結(jié)果來分析市場動向。網(wǎng)站在不同時期內(nèi)所設置的調(diào)查問卷將會被服務商存檔，以備后需。校園手機網(wǎng)的調(diào)查問卷由問卷標題、調(diào)查方式及備選答案三部分組成。校園手機網(wǎng)的調(diào)查問卷管理分為以下三方面：（1）添加新的調(diào)查問卷（2）問卷調(diào)查的修改、刪除（3）調(diào)查問卷的設置四、問卷調(diào)查

2021/5/9131電子商務網(wǎng)站建設3、顯示問卷調(diào)查結(jié)果

調(diào)查結(jié)果的表現(xiàn)形式有以下兩種。（1）頁面直接呈現(xiàn)調(diào)查結(jié)果，包括投票人數(shù)和各項百分比。這一方式的最大優(yōu)點是用戶可第一時間看到當下的數(shù)據(jù)和分布。調(diào)查是實時動態(tài)的過程，會吸引讀者保持對該話題的關(guān)注程度。（2）頁面不直接呈現(xiàn)結(jié)果，主要是供網(wǎng)站和委托調(diào)查方收集數(shù)據(jù)，當然這些調(diào)查事后可通過完整的調(diào)查分析報告等方式發(fā)布。校園手機網(wǎng)采用第一種表現(xiàn)形式。四、問卷調(diào)查2021/5/9132電子商務網(wǎng)站建設本章小結(jié)

本章通過對利用J