補充電子商務網(wǎng)站設計實例

1、電子商務網(wǎng)站的分析與設計實例電子商務網(wǎng)站的分析與設計實例 n網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計 n網(wǎng)站建設與功能模塊網(wǎng)站建設與功能模塊 n系統(tǒng)的設計編程與測試運行環(huán)境系統(tǒng)的設計編程與測試運行環(huán)境 n數(shù)據(jù)庫與數(shù)據(jù)表的設計與功能數(shù)據(jù)庫與數(shù)據(jù)表的設計與功能 n購物網(wǎng)站各主要模塊的編程及其功能購物網(wǎng)站各主要模塊的編程及其功能 n習題習題網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計 n一、系統(tǒng)分析一、系統(tǒng)分析 1.1.市場分析市場分析 (1)(1)調查個人消費者群體的詳細情況調查個人消費者群體的詳細情況 消費者個人的基本情況消費者個人的基本情況 消費者網(wǎng)上購物的基本情況消費者網(wǎng)

2、上購物的基本情況 (2)(2)調查單位消費者群體的詳細情況調查單位消費者群體的詳細情況 市場環(huán)境：良好的國際和地區(qū)經(jīng)濟環(huán)境、政府的支持與所在市場環(huán)境：良好的國際和地區(qū)經(jīng)濟環(huán)境、政府的支持與所在地地InternetInternet設施的完備程度都對電子商務有影響，要綜合以上因設施的完備程度都對電子商務有影響，要綜合以上因素，確定市場環(huán)境是否有利于網(wǎng)上購物系統(tǒng)建設。素，確定市場環(huán)境是否有利于網(wǎng)上購物系統(tǒng)建設。 客戶分析客戶分析: :客戶可以是消費者，也可以是企業(yè)或個人，需要客戶可以是消費者，也可以是企業(yè)或個人，需要分析客戶的受教育程度和網(wǎng)民結構等分析客戶的受教育程度和網(wǎng)民結構等2.2.需求分析需求

3、分析 企業(yè)需求：對于企業(yè)網(wǎng)上購物系統(tǒng)，由于企業(yè)自身的生存、企業(yè)需求：對于企業(yè)網(wǎng)上購物系統(tǒng)，由于企業(yè)自身的生存、發(fā)展所引發(fā)的對電子商務系統(tǒng)需求，稱為企業(yè)需求。發(fā)展所引發(fā)的對電子商務系統(tǒng)需求，稱為企業(yè)需求。 市場需求：由于市場供求不平衡或其它原因所引發(fā)的對商務市場需求：由于市場供求不平衡或其它原因所引發(fā)的對商務系統(tǒng)的需求，稱為市場需求，對于消費類網(wǎng)上購物系統(tǒng)而言，無系統(tǒng)的需求，稱為市場需求，對于消費類網(wǎng)上購物系統(tǒng)而言，無論是企業(yè)需求還是市場需求，總歸都是來自網(wǎng)上客戶的需求。論是企業(yè)需求還是市場需求，總歸都是來自網(wǎng)上客戶的需求。3.3.系統(tǒng)功能分析系統(tǒng)功能分析 (1)(1)商品或服務的展示功能商品或

4、服務的展示功能 (2)(2)部分實現(xiàn)電子商務功能部分實現(xiàn)電子商務功能 (3)(3)完整的電子商務功能完整的電子商務功能網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計 n二、購書系統(tǒng)規(guī)劃二、購書系統(tǒng)規(guī)劃 網(wǎng)上購物系統(tǒng)設計包括確定商務模式、制訂營銷計劃、確定網(wǎng)上購物系統(tǒng)設計包括確定商務模式、制訂營銷計劃、確定系統(tǒng)構成、確定系統(tǒng)流程和確定技術方案等。系統(tǒng)構成、確定系統(tǒng)流程和確定技術方案等。 1.1.確定商務模式：包括確定總體商務模式與網(wǎng)上品牌、網(wǎng)上確定商務模式：包括確定總體商務模式與網(wǎng)上品牌、網(wǎng)上服務等方式。服務等方式。 2.2.制訂營銷計劃：主要是制訂具體的網(wǎng)上交易計劃。制訂營銷計劃：主要是

5、制訂具體的網(wǎng)上交易計劃。 3.3.確定系統(tǒng)構成：包括系統(tǒng)功能模塊確定系統(tǒng)構成：包括系統(tǒng)功能模塊/ /子系統(tǒng)、前臺子系統(tǒng)、前臺/ /后臺等后臺等的設計。的設計。 4.4.確定系統(tǒng)流程：包括用戶從登錄到購物結帳、從交易產生確定系統(tǒng)流程：包括用戶從登錄到購物結帳、從交易產生到交易的處理完畢等整個流程的設計。到交易的處理完畢等整個流程的設計。網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計網(wǎng)上購書系統(tǒng)規(guī)劃及總體設計 建立一個網(wǎng)上購物系統(tǒng)，必須規(guī)劃系統(tǒng)的設計目的和設計結建立一個網(wǎng)上購物系統(tǒng)，必須規(guī)劃系統(tǒng)的設計目的和設計結構，選取合適的軟件環(huán)境與編輯工具等，并且要規(guī)劃好建設網(wǎng)上構，選取合適的軟件環(huán)境與編輯工具等，并且要規(guī)劃好建

6、設網(wǎng)上購物系統(tǒng)的各項具體步驟。購物系統(tǒng)的各項具體步驟。 1.1.設計購物網(wǎng)站的目的設計購物網(wǎng)站的目的 (1)(1)直傳網(wǎng)站形象：建立網(wǎng)站網(wǎng)頁，加入直傳網(wǎng)站形象：建立網(wǎng)站網(wǎng)頁，加入WWWWWW已成為目前網(wǎng)站已成為目前網(wǎng)站的基本宣傳模式。的基本宣傳模式。 (2)(2)銷售商品：以銷售商品為目的的網(wǎng)站。銷售商品：以銷售商品為目的的網(wǎng)站。 (3)(3)娛樂：各式網(wǎng)上交友、聯(lián)機游戲網(wǎng)站已經(jīng)成為目前網(wǎng)上娛樂：各式網(wǎng)上交友、聯(lián)機游戲網(wǎng)站已經(jīng)成為目前網(wǎng)上的熱門去處。的熱門去處。 (4)(4)提供信息：此類站點主要提供各類信息。提供信息：此類站點主要提供各類信息。 (5)(5)個人網(wǎng)頁：既可向領導、同事展示自己

7、的才能，又可向個人網(wǎng)頁：既可向領導、同事展示自己的才能，又可向外界推銷自己外界推銷自己 2. 2.網(wǎng)站結構的規(guī)劃網(wǎng)站結構的規(guī)劃 應根據(jù)建網(wǎng)目的規(guī)劃網(wǎng)站結構的主題。以樹狀結構為例，網(wǎng)站可應根據(jù)建網(wǎng)目的規(guī)劃網(wǎng)站結構的主題。以樹狀結構為例，網(wǎng)站可分為網(wǎng)站簡介、熱門商品、分類商品、會員注冊、網(wǎng)上購物和客戶服分為網(wǎng)站簡介、熱門商品、分類商品、會員注冊、網(wǎng)上購物和客戶服務等主題，然后依主題繪出網(wǎng)站的結構圖。在繪制網(wǎng)站結構圖時，需務等主題，然后依主題繪出網(wǎng)站的結構圖。在繪制網(wǎng)站結構圖時，需要考慮網(wǎng)站內部的導航方式。如果網(wǎng)站擁有很多層網(wǎng)頁，瀏覽的順序要考慮網(wǎng)站內部的導航方式。如果網(wǎng)站擁有很多層網(wǎng)頁，瀏覽的順序

8、和如何連接各網(wǎng)頁的問題也是需要重視的。和如何連接各網(wǎng)頁的問題也是需要重視的。 3.3.選擇前臺開發(fā)工具和后臺支持系統(tǒng)軟件選擇前臺開發(fā)工具和后臺支持系統(tǒng)軟件 (1)(1)操作系統(tǒng)：操作系統(tǒng)：Windows XPWindows XP。 (2)Web(2)Web服務器：個人服務器：個人WebWeb服務器服務器Personal Web Server4.0Personal Web Server4.0。 (3)(3)后臺數(shù)據(jù)庫系統(tǒng)：后臺數(shù)據(jù)庫系統(tǒng)：Microsoft Access 2003Microsoft Access 2003。 (4)(4)網(wǎng)頁前臺編輯工具：網(wǎng)頁前臺編輯工具：FrontPage 20

9、00FrontPage 2000和和Mcromedia dreamweaver Mcromedia dreamweaver 8.08.0。n (5) (5)網(wǎng)頁后臺編程軟件：網(wǎng)頁后臺編程軟件：MicrosoftMicrosoft腳本編輯器腳本編輯器MSEMSE。 4.4.規(guī)劃好建立網(wǎng)上購物系統(tǒng)的具體步驟規(guī)劃好建立網(wǎng)上購物系統(tǒng)的具體步驟 (1)(1)建立網(wǎng)上購物系統(tǒng)的網(wǎng)頁。建立網(wǎng)上購物系統(tǒng)的網(wǎng)頁。 (2)(2)安裝個人安裝個人WebWeb服務器。服務器。 (3)(3)建立建立AccessAccess的數(shù)據(jù)庫。的數(shù)據(jù)庫。 (4)(4)設置設置ODBCODBC的數(shù)據(jù)源。的數(shù)據(jù)源。 (5)(5)發(fā)布網(wǎng)

10、站系統(tǒng)發(fā)布網(wǎng)站系統(tǒng)n三、網(wǎng)站的總體設計三、網(wǎng)站的總體設計 1.1.網(wǎng)站建設目的確定網(wǎng)站建設目的確定 開展開展B2BB2B和和B2CB2C交易；交易；(1)(1)開展拍賣業(yè)務；開展拍賣業(yè)務；(2)(2)用于企業(yè)形象建設，拓展企業(yè)聯(lián)系渠道；用于企業(yè)形象建設，拓展企業(yè)聯(lián)系渠道；(3)(3)作為交易中間商建立市場交易場所，開展中介交易；作為交易中間商建立市場交易場所，開展中介交易；(4)(4)作為服務性網(wǎng)站；其他應用目的等。作為服務性網(wǎng)站；其他應用目的等。2.2.網(wǎng)站客戶定位網(wǎng)站客戶定位 只有清楚地確認網(wǎng)站的客戶群體、客戶的需求、客戶只有清楚地確認網(wǎng)站的客戶群體、客戶的需求、客戶的興趣，才可能在網(wǎng)站上

11、提供客戶所需要的內容和信息、留的興趣，才可能在網(wǎng)站上提供客戶所需要的內容和信息、留住目標客戶群體。網(wǎng)站對客戶了解得越多，網(wǎng)站成功的可能住目標客戶群體。網(wǎng)站對客戶了解得越多，網(wǎng)站成功的可能性越大。性越大。網(wǎng)絡客戶群體具有多樣性，相應地，網(wǎng)站的設計也必須與之相適應。網(wǎng)絡客戶群體具有多樣性，相應地，網(wǎng)站的設計也必須與之相適應。大型企業(yè)網(wǎng)站必須進行客戶需求分析，即在充分了解本企業(yè)客大型企業(yè)網(wǎng)站必須進行客戶需求分析，即在充分了解本企業(yè)客戶業(yè)務流程、所處環(huán)境、企業(yè)規(guī)模、行業(yè)狀況的基礎上，分析客戶戶業(yè)務流程、所處環(huán)境、企業(yè)規(guī)模、行業(yè)狀況的基礎上，分析客戶表面的、內在的、具有可塑性的各種需求。表面的、內在的、

12、具有可塑性的各種需求。 3.3.網(wǎng)站內容框架確定網(wǎng)站內容框架確定構架網(wǎng)站內容框架主要包括：網(wǎng)站核心內容、主要信息、服務構架網(wǎng)站內容框架主要包括：網(wǎng)站核心內容、主要信息、服務項目等。項目等。 確定內容框架后，就可以勾畫網(wǎng)站的結構圖。結構圖有很多種，確定內容框架后，就可以勾畫網(wǎng)站的結構圖。結構圖有很多種，如順序結構、網(wǎng)狀結構、繼承結構、如順序結構、網(wǎng)狀結構、繼承結構、WEBWEB結構等。結構等。4.4.網(wǎng)站的盈利模式設定網(wǎng)站的盈利模式設定 5. 5.主要業(yè)務流程設定主要業(yè)務流程設定 流程應當盡量作到對客戶透明，使客戶購物操作方流程應當盡量作到對客戶透明，使客戶購物操作方便，讓客戶感到在網(wǎng)上購物與在

13、現(xiàn)實世界中的購物流便，讓客戶感到在網(wǎng)上購物與在現(xiàn)實世界中的購物流程沒有本質的差別和困難。程沒有本質的差別和困難。 6.6.網(wǎng)站開發(fā)形式選擇網(wǎng)站開發(fā)形式選擇 購買。成本較低，開發(fā)時間短，需要的專業(yè)人員少。購買。成本較低，開發(fā)時間短，需要的專業(yè)人員少。小企業(yè)常選用這種方法。小企業(yè)常選用這種方法。 外包。開發(fā)商與企業(yè)的溝通，可以將開發(fā)商的技術外包。開發(fā)商與企業(yè)的溝通，可以將開發(fā)商的技術優(yōu)勢與企業(yè)電子商務的需求密切結合，大大提高整個優(yōu)勢與企業(yè)電子商務的需求密切結合，大大提高整個電子商務網(wǎng)站開發(fā)的成功率。電子商務網(wǎng)站開發(fā)的成功率。 租借。在需要經(jīng)常維護或者購買成本很高的情況下，租借。在需要經(jīng)常維護或者購

14、買成本很高的情況下，租借比購買更有優(yōu)勢。對于無力大量投資于電子商務的中租借比購買更有優(yōu)勢。對于無力大量投資于電子商務的中小型企業(yè)來說，租借很有吸引力。小型企業(yè)來說，租借很有吸引力。 自建。自建能更好地滿足組織的具體要求。那些有自建。自建能更好地滿足組織的具體要求。那些有資源和時間去自己開發(fā)的公司或許更喜歡采用這種方法，資源和時間去自己開發(fā)的公司或許更喜歡采用這種方法，以獲得差異化的競爭優(yōu)勢。以獲得差異化的競爭優(yōu)勢。 網(wǎng)上書店的基本功能包括：網(wǎng)上書店的基本功能包括： 普通用戶可以注冊、登錄、瀏覽商品、查看商品詳細情況；單普通用戶可以注冊、登錄、瀏覽商品、查看商品詳細情況；單擊擊“購買購買”就可以

15、將該商品添加到購物車，在購物車中還可以修就可以將該商品添加到購物車，在購物車中還可以修改數(shù)量和刪除商品；全部選擇完畢后可以前往收銀臺結賬。改數(shù)量和刪除商品；全部選擇完畢后可以前往收銀臺結賬。 管理員用戶登錄后，應該可以管理普通用戶信息；可以添加和刪管理員用戶登錄后，應該可以管理普通用戶信息；可以添加和刪除圖書類別；可以添加和刪除書籍；可以查看和處理訂單。除圖書類別；可以添加和刪除書籍；可以查看和處理訂單。網(wǎng)站建設與功能模塊網(wǎng)站建設與功能模塊n一、網(wǎng)站建站步驟一、網(wǎng)站建站步驟 1.1.提出建站申請或需求提出建站申請或需求 (1)(1)提出網(wǎng)站建設基本要求提出網(wǎng)站建設基本要求 在這個階段，企業(yè)的重

16、點工作是分析企業(yè)的業(yè)務流程、分析在這個階段，企業(yè)的重點工作是分析企業(yè)的業(yè)務流程、分析企業(yè)的市場需求、分析通行業(yè)企業(yè)網(wǎng)站的特點、分析并確立企業(yè)企業(yè)的市場需求、分析通行業(yè)企業(yè)網(wǎng)站的特點、分析并確立企業(yè)遠景目標。遠景目標。 (2)(2)提供相關文本及圖片資料提供相關文本及圖片資料 企業(yè)通常都有自己的發(fā)展歷史，都有日常管理文檔、照片和企業(yè)通常都有自己的發(fā)展歷史，都有日常管理文檔、照片和錄像資料。在建站時需要將這些資料進行整理并電子化，提交給錄像資料。在建站時需要將這些資料進行整理并電子化，提交給建站人員。建站人員。 2. 2.制定網(wǎng)站建設方案制定網(wǎng)站建設方案 (1)(1)網(wǎng)站需求方與建設方就網(wǎng)站建設內

17、容進行協(xié)商，修改、補網(wǎng)站需求方與建設方就網(wǎng)站建設內容進行協(xié)商，修改、補充，以達成共識；充，以達成共識； (2)(2)建設方制定建設方制定網(wǎng)站建設方案網(wǎng)站建設方案； (3)(3)雙方確定建設方案具體細節(jié)及價格。雙方確定建設方案具體細節(jié)及價格。 3.3.簽署相關協(xié)議、客戶支付預付款簽署相關協(xié)議、客戶支付預付款 (1)(1)雙方簽訂雙方簽訂網(wǎng)站建設協(xié)議網(wǎng)站建設協(xié)議； (2)(2)客戶支付預付款；客戶支付預付款； (3)(3)客戶提供網(wǎng)站相關內容資料?？蛻籼峁┚W(wǎng)站相關內容資料。 4.4.經(jīng)客戶確認后進行建設經(jīng)客戶確認后進行建設 (1)(1)根據(jù)根據(jù)網(wǎng)站建設方案網(wǎng)站建設方案）完成初稿設計；）完成初稿設計

18、； (2)(2)客戶審核確認初稿設計；客戶審核確認初稿設計； (3)(3)建設方完成整體網(wǎng)站制作。建設方完成整體網(wǎng)站制作。5.5.網(wǎng)站測試，客戶驗收網(wǎng)站測試，客戶驗收 (1)(1)客戶根據(jù)協(xié)議內容進行驗收工作；客戶根據(jù)協(xié)議內容進行驗收工作； (2)(2)驗收合格，由需求方簽發(fā)驗收合格，由需求方簽發(fā)“網(wǎng)站建設驗收合格確認書網(wǎng)站建設驗收合格確認書”； (3)(3)客戶支付余款，準備網(wǎng)站開通；客戶支付余款，準備網(wǎng)站開通； (4)(4)為客戶注冊域名、開通網(wǎng)站空間、上傳制作文件、設置電子郵為客戶注冊域名、開通網(wǎng)站空間、上傳制作文件、設置電子郵箱。箱。6.6.網(wǎng)站后期維護工作網(wǎng)站后期維護工作 (1)(1

19、)向客戶提交向客戶提交網(wǎng)站維護說明書網(wǎng)站維護說明書； (2)(2)建設方依據(jù)建設方依據(jù)網(wǎng)站建設協(xié)議網(wǎng)站建設協(xié)議及及網(wǎng)站維護說明書網(wǎng)站維護說明書相關條款相關條款對待客戶。對待客戶。n二、網(wǎng)站功能模塊二、網(wǎng)站功能模塊 1.1.前臺管理實現(xiàn)功能前臺管理實現(xiàn)功能 會員注冊、登錄、注銷模塊會員注冊、登錄、注銷模塊 個人賬戶管理模塊個人賬戶管理模塊 產品模塊產品模塊 搜索模塊搜索模塊 分類模塊分類模塊 2.2.后臺管理實現(xiàn)功能后臺管理實現(xiàn)功能 圖書管理圖書管理 分類管理分類管理 用戶管理用戶管理 送貨匯款管理送貨匯款管理系統(tǒng)功能模塊圖 系統(tǒng)的設計編程與測試運行環(huán)境系統(tǒng)的設計編程與測試運行環(huán)境n一、網(wǎng)站購物

20、系統(tǒng)的設計編程環(huán)境一、網(wǎng)站購物系統(tǒng)的設計編程環(huán)境 1.1.網(wǎng)站購物系統(tǒng)的編程語言網(wǎng)站購物系統(tǒng)的編程語言 網(wǎng)站的架設可分為前臺編程、后臺編程，前臺涉及的網(wǎng)站的架設可分為前臺編程、后臺編程，前臺涉及的HTMLHTML語言因編輯語言因編輯工具強大，大部分可根據(jù)設計自動生成，工具強大，大部分可根據(jù)設計自動生成，VB ScriptVB Script、Java ScriptJava Script語句語句和后臺涉及的語言一般需要開發(fā)者編寫代碼實現(xiàn)，本網(wǎng)站選用了和后臺涉及的語言一般需要開發(fā)者編寫代碼實現(xiàn)，本網(wǎng)站選用了ASPASP語言語言作為后臺編程語言來處理服務器端的數(shù)據(jù)或數(shù)據(jù)庫。作為后臺編程語言來處理服務器

21、端的數(shù)據(jù)或數(shù)據(jù)庫。 MicrosoftMicrosoft的的Active Server PageActive Server Page（簡稱（簡稱ASPASP）語言是一種服務器）語言是一種服務器端的語言，只要適當規(guī)劃便可編寫產生動態(tài)的端的語言，只要適當規(guī)劃便可編寫產生動態(tài)的、 交互式的網(wǎng)站應用程序交互式的網(wǎng)站應用程序,程序處理的過程都是在服務器端程序處理的過程都是在服務器端將所設計的網(wǎng)頁由主機端翻譯并執(zhí)行后，給客戶端送出標準將所設計的網(wǎng)頁由主機端翻譯并執(zhí)行后，給客戶端送出標準的的HTML文件，并非等網(wǎng)頁下載到客戶端才執(zhí)行，其處理過文件，并非等網(wǎng)頁下載到客戶端才執(zhí)行，其處理過程如下：程如下：含有含

22、有ASP程序的網(wǎng)頁程序的網(wǎng)頁Web服務器支持服務器支持ASP純純HTML語言網(wǎng)頁語言網(wǎng)頁當客戶端的瀏覽器（當客戶端的瀏覽器（Browser）向發(fā)行網(wǎng)站提出執(zhí)行）向發(fā)行網(wǎng)站提出執(zhí)行ASP的文件時，在已經(jīng)安裝的文件時，在已經(jīng)安裝ASP直譯程序的直譯程序的WebServer將這個將這個ASP文件從頭翻譯一次，并且將執(zhí)行的結果傳送回客戶端；文件從頭翻譯一次，并且將執(zhí)行的結果傳送回客戶端； 2.2.設計編程環(huán)境設計編程環(huán)境本購物系統(tǒng)的設計編程環(huán)境采用了多種軟件工具綜合互補進行設本購物系統(tǒng)的設計編程環(huán)境采用了多種軟件工具綜合互補進行設計編程。網(wǎng)頁計編程。網(wǎng)頁界面設計主要用到界面設計主要用到Microsof

23、tFrontpage2000、MacromediaDreamweaver4.0和和Flash5.0等。等。MicrosoftFrontpage2000是是Microsoft公司開發(fā)的公司開發(fā)的“所見即所得所見即所得”網(wǎng)頁制作軟件，它具有兩大功能：一個是網(wǎng)頁制作軟件，它具有兩大功能：一個是制作網(wǎng)頁，另一個是建立和管理網(wǎng)站。作為網(wǎng)頁編輯工具，它可編輯制作網(wǎng)頁，另一個是建立和管理網(wǎng)站。作為網(wǎng)頁編輯工具，它可編輯Internet上的上的HTML格式保存的所有文件，并可結合其它工具編輯處理格式保存的所有文件，并可結合其它工具編輯處理圖象動畫，可在網(wǎng)頁中插入各插件，產生多種效果。作為管理網(wǎng)站的圖象動畫，可

24、在網(wǎng)頁中插入各插件，產生多種效果。作為管理網(wǎng)站的工具，它可用多種方式查看、調整網(wǎng)站的組織結構及關系。工具，它可用多種方式查看、調整網(wǎng)站的組織結構及關系。 利用工具欄編輯時，利用工具欄編輯時，F(xiàn)rontpage2000可自動編譯出可自動編譯出HTML代碼，代碼，并將其在瀏覽器中顯示出效果，還可以提供直接編輯并將其在瀏覽器中顯示出效果，還可以提供直接編輯HTML的功能。的功能。MacromediaDreamweaver4.0是一種專業(yè)級、功能強大的是一種專業(yè)級、功能強大的“所見即所所見即所得得”的網(wǎng)頁設計制作軟件，并帶有站點管理等功能，提供對的網(wǎng)頁設計制作軟件，并帶有站點管理等功能，提供對DHTM

25、L和和CSS標準的支持，可設計出生動的標準的支持，可設計出生動的DHTML動畫、多層次的頁面和動畫、多層次的頁面和CSS樣式表，比樣式表，比Frontpage2000更專業(yè)、功能更強大。所以本網(wǎng)站的網(wǎng)頁界更專業(yè)、功能更強大。所以本網(wǎng)站的網(wǎng)頁界面設計主要采用了后者，并利用面設計主要采用了后者，并利用Flash5.0設計圖表等。設計圖表等。編程環(huán)境主要選用了編程環(huán)境主要選用了Microsoft腳本編輯器腳本編輯器MSE，它是，它是Office2000軟件中的腳本編輯工具，也是微軟集成的網(wǎng)頁開發(fā)軟件軟件中的腳本編輯工具，也是微軟集成的網(wǎng)頁開發(fā)軟件VisualStudio6.0的編輯器，便于編寫產生動

26、態(tài)的、交互式的網(wǎng)站的編輯器，便于編寫產生動態(tài)的、交互式的網(wǎng)站ASP程序。程序。n二、網(wǎng)站購物系統(tǒng)的測試運行環(huán)境二、網(wǎng)站購物系統(tǒng)的測試運行環(huán)境 本網(wǎng)站測試運行環(huán)境是指網(wǎng)站系統(tǒng)所選擇的操作系統(tǒng)與本網(wǎng)站測試運行環(huán)境是指網(wǎng)站系統(tǒng)所選擇的操作系統(tǒng)與webweb服務服務器。器。WebWeb服務器的主要作用是提供服務器的主要作用是提供InternetInternet上的上的WebWeb服務。只有架設服務。只有架設了了WebWeb服務器，申請了服務器，申請了IPIP地址以及域名，并且連接到地址以及域名，并且連接到InternetInternet上，才上，才能提供能提供WebWeb服務，用戶才能通過服務，用戶才

27、能通過InternetInternet訪問服務器上的訪問服務器上的WebWeb頁。架頁。架設一個設一個WebWeb服務器，首先要選擇服務器的操作系統(tǒng)平臺和服務器，首先要選擇服務器的操作系統(tǒng)平臺和WebWeb服務器軟服務器軟件。件。WebWeb服務器的架設有多種方案，這主要也取決于服務器的操作系服務器的架設有多種方案，這主要也取決于服務器的操作系統(tǒng)平臺和統(tǒng)平臺和WebWeb服務器軟件。常見的服務器軟件。常見的WebWeb服務器平臺有：基于服務器平臺有：基于UnixUnix或或LinuxLinux操作系統(tǒng)的操作系統(tǒng)的Apache ServerApache Server、基于、基于Microsoft

28、 Windows NT/2003Microsoft Windows NT/2003的的IISIIS（Internet Information ServerInternet Information Server）和基于）和基于Windows XPWindows XP的的PWSPWS（Personal Web ServerPersonal Web Server）等。在確定操作系統(tǒng)平臺時，要根據(jù)服務）等。在確定操作系統(tǒng)平臺時，要根據(jù)服務器設備的硬件情況與系統(tǒng)要求而定。器設備的硬件情況與系統(tǒng)要求而定。 UnixUnix一般運行在工作站或大、中、小型計算機上，一般運行在工作站或大、中、小型計算機上，Wi

29、ndows NT / 2003 Windows NT / 2003 一般運行在專用服務器或高檔微一般運行在專用服務器或高檔微機上，而機上，而Windows XPWindows XP一般運行在一般運行在PCPC機上。機上。 本購物系統(tǒng)選擇了本購物系統(tǒng)選擇了Microsoft Windows XPMicrosoft Windows XP操作系操作系統(tǒng)和統(tǒng)和PWSPWS作為作為WebWeb服務器軟件來測試運行網(wǎng)站系統(tǒng)。雖服務器軟件來測試運行網(wǎng)站系統(tǒng)。雖然然WindowsXPWindowsXP在安全性、可靠性、用戶管理和數(shù)據(jù)流量在安全性、可靠性、用戶管理和數(shù)據(jù)流量等方面欠佳，一般用于個人等方面欠佳，一

30、般用于個人WebWeb發(fā)布而不宜用作大型網(wǎng)發(fā)布而不宜用作大型網(wǎng)站的系統(tǒng)平臺，但是，它不失為一個很好的電子商務站的系統(tǒng)平臺，但是，它不失為一個很好的電子商務實驗環(huán)境。實驗環(huán)境。 三、網(wǎng)站主頁界面的設計 1.網(wǎng)站主頁圖標與廣告橫幅（Top.htm） 網(wǎng)站圖標是網(wǎng)站的標志，一般體現(xiàn)網(wǎng)站的形象與網(wǎng)址信息；廣告橫幅便于放置廣告信息，起到宣傳網(wǎng)站與商務信息的作用。 2.網(wǎng)站主頁功能區(qū)（Left.asp） 功能區(qū)包含用戶登錄、注冊及商品信息查詢等功能項(Left.asp)，該頁面可超鏈接至登錄、注冊頁面，并且實現(xiàn)關鍵字商品搜索功能。 3.網(wǎng)站主頁導航條設計（Maintop.htm） 任何一個網(wǎng)站都離不開導航

31、條的應用。網(wǎng)站的頁面內會發(fā)現(xiàn)下面的代碼： 這條代碼的功能就是將導航條包含到當面頁面中，這樣可以使本這條代碼的功能就是將導航條包含到當面頁面中，這樣可以使本網(wǎng)站維持統(tǒng)一的風格。如果對網(wǎng)站維持統(tǒng)一的風格。如果對head.htmhead.htm進行修改，則所有包含進行修改，則所有包含head.htmhead.htm的文件也會發(fā)生相應的變化。導航條可以使的文件也會發(fā)生相應的變化。導航條可以使WebWeb站點具有統(tǒng)一站點具有統(tǒng)一的風格，而且能夠方便地修改，這為用戶在站點內方便地跳轉提供了的風格，而且能夠方便地修改，這為用戶在站點內方便地跳轉提供了基礎。基礎。導航條的結構如圖所示導航條的結構如圖所示：導航

32、條 數(shù)據(jù)庫與數(shù)據(jù)表的設計與功能數(shù)據(jù)庫與數(shù)據(jù)表的設計與功能 根據(jù)本系統(tǒng)實現(xiàn)內容的需要，數(shù)據(jù)庫主要用來存儲網(wǎng)站用戶信息、圖書信息以及訂單信息。本例采用了Microsoft Access作為網(wǎng)站的后臺數(shù)據(jù)庫。n數(shù)據(jù)庫的需求數(shù)據(jù)庫的需求 Web應用跟蹤和管理用戶的狀態(tài)、行為所采用的措施主要有兩種：一是使用session或Cookie保存用戶活躍期間的信息，但是這些信息在會話結束后將不再存在；二是使用數(shù)據(jù)庫保存那些需要持久保存的信息，例如用戶注冊資料、用戶的訂單、圖書信息等都必須通過數(shù)據(jù)庫進行存儲，并用能夠提供查詢、插入、修改和刪除等操作。這主要是SQL提供的強大功能。 網(wǎng)上購書系統(tǒng)的主要對象是用戶，所

33、以必需建立用戶表，包括用戶的基本信息情況；用戶的主要活動是購買圖書，所以必須建立圖書信息表；用戶要購買圖書，選擇所要的圖書，首先要對圖書進行搜索，所以我們要對圖書進行分類，進行大類和小類的劃分，建立圖書類別表和圖書類別細分表；最后用戶提交訂單，建立訂單表。 經(jīng)過以上分析，此數(shù)據(jù)庫應包括以下幾種表格： User表：用戶信息表。 Admin表：管理員信息表。 Category表：圖書大類信息表。 Sorts表：圖書小類信息表。 Product表：圖書信息表。 Orders表：訂單信息表。 Delivery表：匯款送貨表。 Review表：顧客評論信息表。n數(shù)據(jù)庫的邏輯結構設計 數(shù)據(jù)庫設計要遵循一些

34、規(guī)則，盡量地分離各個實體對應的表，一個實體對應一個表，搞清楚該實體有哪些屬性，各個屬性對應什么字段，以及各個實體之間有何種聯(lián)系。實體、屬性與聯(lián)系是進行概念設計時要考慮的3個元素，也是一個好的數(shù)據(jù)庫設計的核心。 本系統(tǒng)采用的后臺數(shù)據(jù)庫是Access數(shù)據(jù)庫系統(tǒng)，因此必須把上面的數(shù)據(jù)項和數(shù)據(jù)結構轉換為Access數(shù)據(jù)庫系統(tǒng)所支持的實際數(shù)據(jù)模型，也就是數(shù)據(jù)庫的邏輯結構。結合實際，經(jīng)過仔細的分析，本系統(tǒng)數(shù)據(jù)庫的各個表格的設計結構如下表所示：用戶表結構管理員信息表結構訂單管理信息表結構圖書產品信息表結構圖書產品分類(大類)信息表結構圖書產品分類(小類)信息表結構匯款/送貨信息表結構用戶評論表結構 購物網(wǎng)站

35、各主要模塊的編程及其功能n 用戶注冊 用戶要在網(wǎng)站上購買圖書就應該先注冊，注冊登錄后才能使用戶要在網(wǎng)站上購買圖書就應該先注冊，注冊登錄后才能使網(wǎng)站更好地為自已服務，從而購買到自己想要的圖書。下圖為用網(wǎng)站更好地為自已服務，從而購買到自己想要的圖書。下圖為用戶注冊頁面：戶注冊頁面：用戶注冊以下代碼可以實現(xiàn)填寫用戶詳細注冊信息的表單功能，如下：以下代碼可以實現(xiàn)填寫用戶詳細注冊信息的表單功能，如下：用戶注冊用戶注冊請?zhí)顚懹脩粜畔⒄執(zhí)顚懹脩粜畔?用戶名：用戶名： * *用戶用戶名：名： INPUT NAME=username TYPE=text ID=username2 用戶名長度不能小于用戶名長度不能

36、小于2 2。 FONT COLOR=#cb6f00* *密碼：密碼： 長度必須大于長度必須大于6個字符。個字符。*確確認密碼：認密碼：*E-Mail：請您務必填寫正確的請您務必填寫正確的E-mail地址，便于我們與您聯(lián)系。地址，便于我們與您聯(lián)系。真實真實姓名：姓名：收貨人姓名。收貨人姓名。 身份證號身份證號碼：碼：此項信息用于必要時以核實身份，一經(jīng)注冊，便不可更改，請如此項信息用于必要時以核實身份，一經(jīng)注冊，便不可更改，請如實填寫！實填寫！移動移動手機：手機： 請?zhí)顚懻_的號碼，以便有急事聯(lián)系。請?zhí)顚懻_的號碼，以便有急事聯(lián)系。QQ：網(wǎng)上聯(lián)系。網(wǎng)上聯(lián)系。密碼提密碼提示：示：密碼答密碼答案：案：

37、!-/檢查用戶填寫內容的格式是否正確檢查用戶填寫內容的格式是否正確functioncheck()if(checkspace(document.userinfo.username.value)document.userinfo.username.focus();alert(用戶名不能為空，請重新輸入！用戶名不能為空，請重新輸入！);returnfalse;if(checkspace(document.userinfo.username.value)|document.userinfo.username.value.length2)document.userinfo.username.focus(

38、);alert(用戶名長度不能小于用戶名長度不能小于2，請重新輸入！，請重新輸入！);returnfalse;if(checkspace(document.userinfo.password.value)|document.userinfo.password.value.length6)document.userinfo.password.focus();alert(密碼長度不能小于密碼長度不能小于6，請重新輸入！，請重新輸入！);returnfalse;if(document.userinfo.password.value!=document.userinfo.password1.value

39、)document.userinfo.password.focus();document.userinfo.password.value=;document.userinfo.password1.value=;alert(兩次輸入的密碼不同，請重新輸入！兩次輸入的密碼不同，請重新輸入！);returnfalse;if(document.userinfo.useremail.value.length!=0)if(document.userinfo.useremail.value.charAt(0)=.|document.userinfo.useremail.value.charAt(0)=|do

40、cument.userinfo.useremail.value.indexOf(,0)=-1|document.userinfo.useremail.value.indexOf(.,0)=-1|document.userinfo.useremail.value.lastIndexOf()=document.userinfo.useremail.value.length-1|document.userinfo.useremail.value.lastIndexOf(.)=document.userinfo.useremail.value.length-1)alert(Email地址格式不正確！地

41、址格式不正確！);document.userinfo.useremail.focus();returnfalse;elsealert(Email不能為空！不能為空！);document.userinfo.useremail.focus();returnfalse;if(checkspace(document.userinfo.identify.value)|document.userinfo.identify.value.length15)document.userinfo.identify.focus();alert(身份證號碼長度不能小于身份證號碼長度不能小于15位，請重新輸入！位，請重新輸入！);returnfalse;functioncheckspace(checkstr)varstr=;for(i=0;i 如果用戶注冊的內容都條例上述的要求，就會顯示注冊成功如果用戶注冊的內容都條例上述的要求，就會顯示注冊成功的頁面。如果用戶注冊的內容不符合上述要求，例如身份證長度的頁面。如果用戶注冊的內容不符合上述要求，例如身份證長度小于小于1515位，則會顯示注冊不成功所示的頁面