網站總體規(guī)劃設計與具體實現(xiàn)

1、目錄摘要 PAGEREF _Toc137717336 h IABSTRACT PAGEREF _Toc137717337 h IITOC o 1-3 u1 緒言 PAGEREF _Toc137715801 h 11.1 課題背景 PAGEREF _Toc137715802 h 11.2 課題研究的目的和意義 PAGEREF _Toc137715803 h 32 開發(fā)技術及平臺介紹 PAGEREF _Toc137715804 h 42.1 ASP介紹 PAGEREF _Toc137715805 h 42.2 HTML介紹 PAGEREF _Toc137715806 h 62.3 腳本語言介紹 P

2、AGEREF _Toc137715807 h 62.4 IIS介紹 PAGEREF _Toc137715808 h 72.5 數(shù)據(jù)庫介紹 PAGEREF _Toc137715809 h 92.6 Dreamweaver 8介紹 PAGEREF _Toc137715810 h 113 網站總體規(guī)劃設計 PAGEREF _Toc137715811 h 133.1 網站需求分析 PAGEREF _Toc137715812 h 133.2 網站設計目標 PAGEREF _Toc137715813 h 133.3 網站結構模塊設計 PAGEREF _Toc137715814 h 133.4 網站主要工作

3、流程 PAGEREF _Toc137715815 h 154 網站具體實現(xiàn) PAGEREF _Toc137715816 h 164.1 配置IIS PAGEREF _Toc137715817 h 164.2 動態(tài)數(shù)據(jù)庫設計 PAGEREF _Toc137715818 h 174.3 數(shù)據(jù)庫連接 PAGEREF _Toc137715821 h 194.4 登陸注冊模塊的實現(xiàn) PAGEREF _Toc137715822 h 204.5 系統(tǒng)安全模塊 PAGEREF _Toc137715825 h 244.6 客戶信息管理模塊的實現(xiàn) PAGEREF _Toc137715826 h 244.7 企業(yè)信

4、息管理模塊的實現(xiàn) PAGEREF _Toc137715829 h 345 系統(tǒng)發(fā)布與測試 PAGEREF _Toc137715832 h 406 總結與展望 PAGEREF _Toc137715833 h 41致謝 PAGEREF _Toc137715834 h 42參考文獻 PAGEREF _Toc137715835 h 431 緒言二十世紀以來，隨著個人計算機和Internet的迅猛發(fā)展,一個全球互聯(lián)的商業(yè)時代已經到來。如果說2000年之前工業(yè)經濟開始代替農業(yè)經濟，那么今天，知識經濟正在逐步代替工業(yè)經濟。電子商務作為Internet的一個新的應用領域已開始真正地走向傳統(tǒng)商務活動的各個環(huán)節(jié)和

5、各個領域，并直接影響和改變著社會經濟生活的各個方面。本章闡述了課題研究的背景，其中介紹了電子商務以及電子商務網站的相關概念，并說明了建設互聯(lián)網電子商務網站的目的和意義。1.1課題背景電子商務這項技術自誕生以來，就在企業(yè)的經營模式、政府的管理模式、人們的生活方式等方面給人類帶來了一次革命，推動了生產力的發(fā)展。雖然，和任何新技術一樣，目前它并不能解決電子交易中的所有問題，但從長遠來看，電子商務的重要性不可估量。據(jù)專家估計，在未來的5至10年之內，無論公司位于何處，顧客都能以非常方便、快捷的方式進行購物。同時，所有公司都能夠在全球范圍內競爭，能夠根據(jù)它們的競爭對手的情況和來調整自身的銷售戰(zhàn)略。所以，

6、對于現(xiàn)代企業(yè)或公司來說擁有自己的電子商務網站非常重要，不但能為顧客提供方便，更能拓展自身的業(yè)務范圍，提升企業(yè)影響力。1.1.1電子商務簡介所謂電子商務就是指在電子網絡上進行商品買賣和服務交易的過程。實現(xiàn)電子商務最普遍的媒介是Internet。電子商務有狹義和廣義之分。狹義的電子商務也稱作電子交易(E-Commerce)，主要是指利用Internet開展的交易活動，它僅僅將Internet上進行的交易活動歸屬于電子商務。而廣義的電子商務也稱作電子商業(yè)(E-Business)，是指利用電子技術對整個商業(yè)活動實現(xiàn)電子化，如市場分析、客戶聯(lián)系、物資調配等。電子商務的應用可以分為三類，即企業(yè)與企業(yè)之間(

7、Business to Business,B to B)、企業(yè)內部之間(Intra-organization Electronic Commerce)、及企業(yè)與客戶之間(Business to Customer,B to C)。電子商務與傳統(tǒng)商務活動相比具有許多明顯的優(yōu)點，主要表現(xiàn)在以下幾點：(1)電子商務大大簡化了商品的流通環(huán)節(jié)，提高了交易效率。電子商務利用快捷、便利的計算機網絡作為通訊手段，在更廣闊的時空里實現(xiàn)商品流通信息的咨詢、交換，以致直接開展網上貿易。在這里，Internet用一條前所未有的紐帶把全世界的商品供需雙方聯(lián)系在一起，客戶在不與商家碰面的情況下即可完成意向洽談、看樣訂貨、實

8、際購買和支付貸款的交易全過程。電子商務模式的出現(xiàn)，取代了商品流通中大量的中間行為，商品代理制、分銷商、層層疊疊的批發(fā)，以及展覽會、展銷會等都有可能隨著電子商務這種新型銷售方式的崛起而變得不再那么重要。(2)電子商務是實現(xiàn)跨地區(qū)跨國界交易的更有效的途徑。利用多媒體及與此相應的軟件編程技術，商家能夠在網絡上構筑銷售其產品的“虛擬展廳”，以生動逼真的視頻圖像和動畫技術，輔以文字、聲音等附加信息，對產品進行全方位的描述和介紹，使用戶或消費者遠在萬里之遙也同樣能感到身臨其境的現(xiàn)場效果，足不出戶便可實現(xiàn)消費意愿。在網絡構筑的“世界大展廳”里，還能“貨幣三家”擇其所愛。與目前流行的電視直銷相比，網絡電子商務

9、更具有優(yōu)越性。(3)電子商務可以降低交易成本，獲得較高利潤。據(jù)調查，使用Internet的商家基礎設施投資回報率達到21%68%。據(jù)報道，美國的銀行通過Internet的交易每筆付費只有13美分，而通過文傳的交易每筆付費要26美分，通過電話交易每筆付費是54美分，按照傳統(tǒng)方式到銀行柜臺當面交易每筆付費最高達1.08美元。(4)電子商務可以加強生產者和消費者之間的聯(lián)系，提高服務質量。降低成本還不是電子商務的主要目的和收獲，改善生產者和消費者之間的關系才是最大的收獲，這樣才能給生產者帶來豐厚的匯報。銷售商從繁瑣的事務性工作中解脫出來，主要任務是幫助客戶解決問題。另外，客戶可以通過網站及時間供應商反

10、饋產品的質量情況，尋求供應商售后服務的支持，供應商還可以通過網站及時收集市場反饋信息，滿足客戶的需求。(5)24小時不分時區(qū)的商業(yè)運作可以增加商業(yè)機會。電子商務系統(tǒng)可以使用戶得到24小時的信息查詢和訂貨服務，可以使商家進行24小時的產品宣傳和接收訂單，方便了用戶，提高了效率，同時降低了商家的運營成本。統(tǒng)計表明，電子商場的利用率為21.04，比傳統(tǒng)商店7.5%的利用率高出兩倍。(6)電子商務還可增強企業(yè)的競爭力，提高企業(yè)的社會效益。1.1.2電子商務網站簡介一個電子商務網站并不像一般的網頁那樣，只要擁有好看的頁面和動態(tài)效果就可以發(fā)揮網站的功能，電子商務網站必須具備數(shù)據(jù)處理的能力和查詢與傳輸?shù)墓δ?/p>

11、，特別是在所要組建的電子商務網站具備公司內部資料匯總功能和向消費者與客戶提供線上訂購環(huán)境的情況下。Web頁面分為兩種：靜態(tài)頁面和動態(tài)頁面。其中，如果對所有的用戶請求都返回同樣的頁面內容，那么這樣的Web頁面稱為靜態(tài)頁面。靜態(tài)網頁由于內容固定不變，一般以HTML文件方式儲存。靜態(tài)頁面修改時，只需要使用文本編輯器或HTML編輯器編輯HTML文件即可。除了靜態(tài)頁面，許多Web頁面是依據(jù)時間、用戶的輸入或參數(shù)而動態(tài)生成的HTML文檔，網頁的內容是動態(tài)變化的，因此被稱為動態(tài)網頁。動態(tài)網頁主要用于數(shù)據(jù)經常改變、需要用戶輸入信息等情形。動態(tài)網頁技術包括CGI、ASP、JSP等。顯然，電子商務網站有別于普通網

12、站最突出的一點就是：它強調信息的交互。而在這一點上，普通靜態(tài)網頁是無法滿足要求的，所以，發(fā)展一個電子商務網站，首要的工作除了設計網站的外觀以外，對資料的創(chuàng)建和如何讓網站內的頁面可以與數(shù)據(jù)庫相結合，也是設計者在設計這個網站時必須重點考慮的內容。電子商務網站更多的把著眼點放在自身的商務功能上，所以其并不追求鮮艷的色彩及華麗的布局，但在設計的過程中非常注重清晰的邏輯和分明的層次，要做到信息豐富、及時而不雜亂，功能完備、強大且易操作，講究設計的人性化，要有利于客戶和企業(yè)雙方使用。1.2 課題研究的目的和意義目前人們的生活已越來越離不開互聯(lián)網，從最初的僅僅從網上單向地獲取信息發(fā)展到了在網上聊天、購物等通

13、過互聯(lián)網與他人交互信息。在過去，人們購買所需的物品都需要親自前往商店，除了耗費時間外還往往買不到所需要的。現(xiàn)在相信很多人都過這樣的親身體驗：不再需要走出家門，只需坐在家中電腦前輕點鼠標就能在網上訂購自己需要的、喜歡的物品。因為無論是型號、款式或價錢，網上都一應俱全，而且沒有地域限制，這就是電子商務帶給我們的樂趣。所以，電子商務網站可以說和我們的日常生活聯(lián)系緊密，有很強的實用價值。所要建設的電子商務網站是一個客戶管理系統(tǒng)，能夠幫助用戶在網上訂購自己需要的商品，并幫助管理員管理客戶及產品。通過建立這樣一個簡易但功能較為全面的電子商務網站系統(tǒng)，加深對于電子商務的認識，同時掌握網站的工作流程及建設方法

14、。2開發(fā)技術及平臺介紹2.1 ASP介紹2.1.1 ASP的概念Active Server Pages(ASP，活動服務器頁面)是一種服務器端腳本環(huán)境，也可稱為一種解決方案，開發(fā)者可以混合使用HTML、腳本語言以及組件來創(chuàng)建服務器端功能強大的Internet/Intranet應用程序，ASP直觀的、強大的技術正快速替換早期的微軟技術，如Internet Database Connect(IDC)、CGI和ISAPI應用程序?？梢哉f，ASP是CGI程序的加強改進版。它和CGI程序運行的方法一樣，直接在服務器端運行，最后將運算的結果寫入HTML文件后送回給瀏覽者。ASP運行在裝有IIS(Inter

15、net Information Server)或PWS(Personal Web Server)的系統(tǒng)中。2.1.2 ASP的工作原理ASP動態(tài)頁面處理過程如下：(1)當用戶從瀏覽器網址欄中輸入所要瀏覽的Web頁面的地址并按下確認后，這個頁面請求便通過瀏覽器送到對應的Web服務器。(2)服務器在接到請求后根據(jù)其.asp的擴展名判斷出用戶要瀏覽的是一個ASP文件。(3)服務器從內存或硬盤上讀取相對的ASP文件。(4)這個ASP程序被傳送給服務器上的asp.dll并被編譯運行，產生標準HTML文件。(5)產生的HTML文件作為用戶請求的響應傳回給用戶端瀏覽器并由瀏覽器解釋運行。瀏覽器瀏覽器服務器(

16、IIS)ASP嵌入式程序數(shù)據(jù)庫硬盤、內存圖2.1 ASP動態(tài)頁面處理過程示意圖以上ASP的處理過程是經過簡化的，實際應用中可能還會涉及到諸如FORM消息提交、ASP頁面的動態(tài)產生、數(shù)據(jù)庫操作等一系列復雜的問題。此外，Web服務器并不是在接到每一個ASP頁面請求后都會重新編譯該頁面，如果某個頁面再次接收和前面完全相同的請求時，服務器會直接去緩沖區(qū)中讀取編譯的結果，而不是重新運行。2.1.3ASP的特點ASP作為當今Web開發(fā)的主流技術，選擇它的原因主要是由于它具有以下顯著特點：(1)ASP技術使用VBScript、Jscript等簡單易懂的腳本語言，結合HTML代碼，即可快速地完成動態(tài)的Web應

17、用程序。(2)ASP無須編譯，編寫容易，由服務器的軟件解釋后直接運行。當執(zhí)行ASP程序時，程序腳本將一整套命令發(fā)送給腳本解釋器(即腳本引擎)，由腳本解釋器進行翻譯并將其轉換成服務器所能執(zhí)行的命令。(3)普通文本編輯器，如Windows的記事本，即可進行程序編輯。(4)與瀏覽器無關，用戶端只要使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽ASP所設計的網頁內容。ASP所使用的腳本語言(VBScript、Jscript)均可在Web服務器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。(5)ASP能與任何ActiveX scripting語言相容。除了可使用VBScript或Jscript語言來設計外，

18、還可通過plug-in的方式，使用由第三方所提供的其他腳本語言，譬如Perl、PHP等。腳本引擎是處理腳本程序的COM(Component Object Model)組件。(6)ASP的源程序不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊或篡改，提高了程序的安全性。(7)可使用服務器端的腳本來生成客戶端的腳本對象導向(Object-oriented)。(8)ActiveX Server Components(ActiveX服務器組件)具有無限可擴充性?？梢允褂肰isual Basic、Delphi、Java、Visual C+等各種編程語言來編寫所需要的ActiveX Server

19、Component。2.1.4典型 ASP程序一個典型的ASP程序由兩部分構成：一部分是HTML置標語言，另一部分就是嵌入在“”中的ASP程序。在設計ASP頁面時，可以使用一些“所見即所得”的網頁設計軟件，比如Dreamweaver MX等，然后再將編寫好的ASP程序嵌入HTML程序中。2.2 HTML介紹2.2.1 HTML的概念HTML是Hyper Text Markup Language(超文本標記語言)的縮寫，它是構成Web頁面的主要工具，是用來表示網上信息的符號標記語言。HTML將信息按某種規(guī)則寫成HTML文件，通過專用的瀏覽器翻譯成可以識別的信息，就是所見到的網頁。2.2.2HTM

20、L文件的組成HTML文件可由下列3部分組成：(1)標記：是HTML的基本元素，HTML文件的大部分都是由字符信息加上一些標記呈現(xiàn)出來的。(2)文字與圖形資料：是指要提供給瀏覽信息的人閱讀的內容。(3)統(tǒng)一資源定位器URL(Uniform Resource Locator)：是www上文件的參照格式，瀏覽者在瀏覽器的地址處輸入URL格式的內容，就可獲取所指主機的主頁。2.2.3HTML文件的格式一個完整的HTML文檔包括head段和body段。其中head段位于body段前，使用標記表示，主要包括描述HTML文檔的標記和文檔需要的其他信息。Body段是HTML文檔的主體部分，在此標志對之間可包含

21、、等眾多標志，它們所定義的文本、圖像等將會在瀏覽器的框內顯示出來。2.3腳本語言介紹腳本語言是一種應用在Web中的程序語言，它可以使原先靜態(tài)的網頁變成動態(tài)的交互式網頁。也就是說，用這種腳本做出一些網頁上的特效，可以代替一些以往的CGI程序成為網頁的后臺程序，對用戶的請求進行接受和處理。目前比較流行的腳本語言有VBScript和JavaScript等。本網站系統(tǒng)使用的是JavaScript。2.3.1JavaScript概念JavaScript的正式官方定義是Netscape公司和Sun公司在推出JavaScript時的聯(lián)合聲明：“JavaScript是一種易于使用的對象描述語言，它是為了創(chuàng)建真

22、正的聯(lián)機應用程序而設計的，無論是在客戶端還是在服務器端，這種應用程序都可以將對象和資源連接在一起。HTML主頁設計者和企業(yè)應用程序開發(fā)人員都可以使用JavaScript動態(tài)地描述在用戶機上及服務器上運行的對象的行為。嵌入HTML文件中的JavaScript源代碼實際上是作為HTML網頁的一部分存在的。在用戶使用任何一種支持JavaScript的瀏覽器具有JavaScript源代碼的HTML頁面時，由瀏覽器本身對該HTML網頁進行分析、識別、解釋、并運行用JavaScript編寫的源代碼。2.3.2 JavaScript的優(yōu)點從技術上說，JavaScript是一種解釋性的語言，也就是說，并不需要

23、JavaScript程序進行預先編譯而產生可運行的機器代碼。相反的是，程序只在運行的時候才由一個內置于瀏覽器中的JavaScript解釋器將源代碼動態(tài)地處理成可運行代碼。從Web發(fā)布地角度看，JavaScript的這種特性使它比編譯性語言更加易于編寫和應用。JavaScript為Web頁面設計人員提供了極大的靈活性和控制手段。它是一種優(yōu)秀的“粘合劑”，能夠將一個Web節(jié)點中的文本、圖形、聲音和動畫等各種媒體形式捆綁在一起，成為一個緊密結合的信息源。2.3.3JavaScript程序的格式JavaScript的腳本包括在HTML中，它成為HTML文檔的一部分。與HTML標識相結合，構成了一個功能

24、強大的Internet網上編程語言。JavaScript使用標簽直接將JavaScript腳本加入文檔。在標簽中，LANGUAGE屬性用來指定包含在標簽中的腳本代碼的語言類型。2.4 IIS介紹IIS(Internet Information Server,Internet服務管理器)是微軟出品的架設Web、FTP、SMTP服務器的一套整合軟件，捆綁在Microsoft Windows NT/2000/XP/2003系統(tǒng)中。ASP運行在裝有Microsoft的IIS操作系統(tǒng)中，所以創(chuàng)建ASP應用程序之前，需要安裝相關的操作系統(tǒng)和Web服務器。隨著操作系統(tǒng)的不同，IIS的版本也不同：比如Win2

25、000 Server上的IIS為5.0版，WinXP上的IIS為5.1版。在添加IIS服務時要求放入操作系統(tǒng)的安裝光盤，也可以直接下載相關版本的IIS。在Microsoft Windows XP Professional版中安裝IIS：在控制面板的“添加/刪除程序”對話框中選擇“添加刪除Windows組件”中選擇添加IIS服務，如圖2.2所示：圖2.2 添加IIS組件服務安裝好IIS后，要對其進行配置以創(chuàng)建本網站系統(tǒng)的開發(fā)及發(fā)布測試環(huán)境。在“開始”菜單的管理工具中選擇“Internet信息服務”，顯示如圖2.3所示的界面：圖2.3 IIS配置管理器右擊“默認網站”，選擇“屬性”將彈出如圖2.4

26、所示的配置窗口：圖2.4 “默認網站 屬性”配置窗口如圖2.5配置站點主目錄。主目錄指用來存放站點文件的位置，默認是系統(tǒng)盤下Inetputwwwroot。也可以選擇其他目錄作為存放站點文件的位置，單擊“瀏覽”按鈕選擇路徑。還可以賦予訪問者一些權限，比如索引資源等。圖2.5 站點主目錄配置如圖2.6所示配置默認文檔。每個網站都會有默認文檔，默認文檔就是訪問者訪問站點時首先要訪問的那個文件。一般情況下，開發(fā)者把自己的首頁定義為index.htm、index.asp或default.asp等。配置時需要制定默認的文檔名稱和順序。圖2.6 站點默認文檔配置 做好配置工作后，需要測試IIS是否能正確運行

27、。最簡單的方法是在瀏覽器地址欄中輸入http:/localhost或者(兩者效果一致)，如果出現(xiàn)系統(tǒng)默認頁面，則代表IIS運行正常，否則需要重新安裝或者配置。2.5數(shù)據(jù)庫介紹2.5.1SQL Server2000SQL Server2000是Microsoft公司推出的關系型網絡數(shù)據(jù)庫管理系統(tǒng)，一般工作于Microsoft公司的操作系統(tǒng)平臺上，如Microsoft Windows 2000/XP/2003。Microsoft SQL Server2000具有分布式數(shù)據(jù)庫和數(shù)據(jù)倉庫功能，支持客戶機/服務器結構，并能夠進行分布式事務處理和聯(lián)機分析處理，它提供了豐富的管理工具以支持數(shù)據(jù)的安全性管理、

28、完整性管理和作業(yè)管理。其功能主要分為4類：數(shù)據(jù)庫管理功能、網絡連接功能、應用程序開發(fā)工具和用戶信息存取工具。2.5.2SQL語言簡介SQL(Structured Query Language)語言是關系數(shù)據(jù)庫的標準語言，它是在1974年由Boyce和Chamberlin提出的，并于19751979年在IBM公司研制的關系數(shù)據(jù)庫管理系統(tǒng)原型System R中實現(xiàn)了該語言。由于SQL語言功能豐富、簡潔，因而倍受用戶及計算機工業(yè)界歡迎，自SQL成為國際標準后，各個數(shù)據(jù)庫廠家紛紛推出各自的支持SQL的軟件或與SQL的接口軟件。SQL主要包含以下3類功能：(1)數(shù)據(jù)定義功能：通過DDL(Data Def

29、inition Language，數(shù)據(jù)定義語言)實現(xiàn)，用萊定義關系數(shù)據(jù)庫的模式、外模式和內模式，以實現(xiàn)對基本表、視圖及索引文件的定義、修改和刪除等操作，即包含Create、Drop、Alter語句處理。(2)數(shù)據(jù)操縱功能：通過DML(Data Manipulation Language，數(shù)據(jù)操縱語言)實現(xiàn)，包括數(shù)據(jù)查詢和數(shù)據(jù)更新兩種數(shù)據(jù)操作語句。其中，數(shù)據(jù)查詢指對數(shù)據(jù)庫中的數(shù)據(jù)進行查詢、統(tǒng)計、分組、排序、檢索等操作；數(shù)據(jù)更新指數(shù)據(jù)的插入、刪除、修改等數(shù)據(jù)維護操作，此類命令的關鍵字包括Select、Insert、Update、Delete。(3)數(shù)據(jù)控制功能：指對數(shù)據(jù)的安全性和完整性控制，通過D

30、CL(Data Control Language，數(shù)據(jù)控制語言)實現(xiàn)，通過對數(shù)據(jù)庫用戶的授權和收權命令來實現(xiàn)有關數(shù)據(jù)庫的存取操作，其關鍵字包括Grant、Revoke、Deny。2.5.3訪問數(shù)據(jù)庫的方法本網站系統(tǒng)使用ADO訪問數(shù)據(jù)庫。ActiveX Data Objects(ADO)是Microsoft開發(fā)數(shù)據(jù)庫應用程序的數(shù)據(jù)庫訪問新技術。它被設計用來同新的數(shù)據(jù)訪問層OLE DB Provider一起協(xié)同工作，以提供通用數(shù)據(jù)訪問(Universal Data Access)。OLE DB是一個低層的數(shù)據(jù)訪問接口，用它可以訪問各種數(shù)據(jù)源，包括傳統(tǒng)關系型數(shù)據(jù)庫，以及電子郵件系統(tǒng)及自定義的商業(yè)對象

31、。ADO技術大大簡化了OLE DB的操作，因為ADO封裝了OLE DB程序中使用的大量COM接口，所以ADO是一種高層的訪問技術。ADO技術基于通用對象模型(COM)，它提供了多種語言的訪問技術。同時，由于ADO提供了訪問自動化接口，所以ADO可以用描述的腳本語言來訪問VBScript、JavaScript等，這也滿足了ASP數(shù)據(jù)庫編程的要求。ADO常用對象包括Connection、Command、RecordSet、Error等對象。2.6Dreamweaver 8介紹當今全世界使用最廣泛的網頁編輯程序首推Dreamweaver。Dreamweaver以其美觀的操作界面，高度整合的功能面板，

32、體貼的窗口布局及從初探到深造全階段設計功能，迅速受到全球網頁設計者的青睞。它是一種混合型的工具，即介于完全的所見即所得工具和純粹的HTML代碼編輯工具兩者之間?；旌闲凸ぞ咴谒娂此玫墓ぷ鳝h(huán)境下可以完成主要的工作，同時也能切換到一個文本編輯器，對HTML源代碼進行直接的調整。啟動Dreamweaver8，新建或者打開文件后，將進入Dreamweaver8的工作界面：圖2.7 Dreamweaver8工作界面如圖2.7所示，“文檔”窗口顯示當前文檔，可以選擇“代碼”、“拆分”和“設計”中的任意一項?！霸O計視圖”(Design View)：是一個用于可視化頁面布局、可視化編輯和快速應用程序開發(fā)的設

33、計環(huán)境。在該視圖中，顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時看到的內容?？梢耘渲谩霸O計視圖”以在處理文檔時顯示動態(tài)內容?！按a視圖”(Code View)：是一個用于編寫和編輯HTML、JavaScript、服務器語言代碼以及任何其他類型代碼的手工編碼環(huán)境?！安鸱忠晥D”(Code and Design View)：可以在單個窗口中同時看到同一文檔的“代碼”視圖和“設計”視圖。文檔工具欄中包含許多按鈕，使用這些按鈕可以在文檔的不同視圖之間快速切換“代碼”、“設計”和“拆分”視圖。工具欄中還包含一些與查看文檔、預覽網頁、在本地和遠程站點之間傳輸文檔以及調試JavaScrip

34、t代碼有關的普通命令和選項。如圖2.8所示：圖2.8 工具欄“插入”欄包含用于創(chuàng)建和插入對象的按鈕，如圖2.9所示：圖2.9 插入工具欄下拉菜單里包括：常用、布局、表單、文本等選項(Text)。單擊一個對象按鈕時，代碼插入到文檔中。在有些情況下，代碼會立刻插入；而在另一些情況下，會出現(xiàn)一個標簽編輯器或其他對話框，允許在插入代碼前指定進一步的信息。對于有些對象，如果在“設計”視圖中插入對象則不會出現(xiàn)對話框，而如果在“代碼”視圖中插入對象則會出現(xiàn)一個標簽編輯器。對于少數(shù)對象，在“設計”視圖中插入對象會導致在插入對象前切換到“代碼”視圖。3 網站總體規(guī)劃設計本網站為網上客戶管理系統(tǒng)，本章講述網站的分

35、析、規(guī)劃和設計。3.1 網站需求分析通過分析，本網站系統(tǒng)主要需要以下功能：(1)可以方便地讓各個客戶通過網絡將自己的信息發(fā)布到該信息平臺上。(2)為各個客戶提供一個個人信息管理功能。(3)信息的管理者可以快速、方便地瀏覽和檢索各個客戶的信息。(4)信息管理者可以快速地、方便地通過網絡發(fā)布自己企業(yè)的產品信息，供該企業(yè)的各個客戶查閱。(5)客戶可以根據(jù)企業(yè)發(fā)布的產品信息，發(fā)出訂單，向該企業(yè)發(fā)布自己所要采購的產品信息。3.2 網站設計目標根據(jù)網站的需求分析，網站所要實現(xiàn)的目標如下：該系統(tǒng)應有兩種權限，一種是客戶權限，另一種是管理員權限。用戶在登錄時，系統(tǒng)能根據(jù)其所選擇的不同身份進入相應的功能頁面?？?/p>

36、戶擁有的是客戶權限，它所要擁有的功能如下：(1)能夠瀏覽公司庫存的產品信息，并且對每一種產品均可下訂單，以及決定所需的產品數(shù)量等。(2)通過注冊，可以將客戶自己的信息發(fā)布到該系統(tǒng)上，以方便產品供應商聯(lián)系。(3)個人信息管理功能，客戶可以隨時改變自己的信息，如聯(lián)系方式、地址等。(4)訂單管理功能，客戶可以隨時查閱自己所發(fā)出的訂單信息，也可以隨時更改自己發(fā)出的訂單信息。公司的信息管理者擁有管理員權限，它所要擁有的功能如下：(1)能夠及時地發(fā)布公司的產品信息，并管理這些信息，包括修改、添加、刪除等操作。(2)能夠隨時了解公司客戶的信息，如姓名、聯(lián)系方式、包括修改、添加、刪除等操作。(3)訂單管理功能

37、，能夠對客戶所發(fā)出的訂單進行及時的反饋。3.3 網站結構模塊設計根據(jù)對此網站功能、設計目標的分析，本系統(tǒng)結構如圖3.1所示：登錄登錄注冊產品瀏覽訂單管理個人信息管理產品查詢(按名稱)訂購產品訂單查詢(按訂單名稱等)修改訂單刪除訂單修改產品管理產品查詢(按名稱)添加產品信息修改產品信息刪除產品信息訂單查詢(按訂單名稱等)添加訂單信息修改訂單信息刪除訂單信息客戶信息查詢(按姓名等)修改客戶信息訂單管理客戶管理客戶管理員刪除客戶信息圖3.1 網站系統(tǒng)模塊結構圖3.4 網站主要工作流程客戶管理系統(tǒng)的工作流程如圖3.2所示：客戶管理系客戶管理系統(tǒng)登錄index.htm判斷用戶名等LoginCheck.a

38、sp注冊頁面Login.aspRegistor.asp客戶管理頁面index.asp產品瀏覽產品查詢ProductInfo.asp訂購產品Order_Add.asp訂單管理訂單查詢OrderInfo.asp修改訂單Order_Update.asp刪除訂單Order_Del.asp修改信息User_Update.asp個人信息管理系統(tǒng)管理頁面System_Index.asp產品查詢ProductInfo.asp添加產品信息Product_Add.asp修改Product_Update.asp刪除產品信息Product_Del.asp產品管理訂單查詢OrderInfo.asp添加訂單信息Order

39、_Add.asp修改Order_Update.asp刪除訂單信息Order_Del.asp客戶信息查詢UserInfo.asp修改客戶信息User_Detail.asp刪除客戶信息User_Del.asp訂單管理客戶管理登錄以客戶身份正確登錄以管理員身份正確登錄圖3.2 網站工作流程圖4 網站具體實現(xiàn)在對網站進行了總體的規(guī)劃設計后，本章將具體講述網站的實現(xiàn)。4.1配置IIS在確認開發(fā)環(huán)境IIS正常的情況下進行網站系統(tǒng)的配置。在IIS的默認目錄下，即系統(tǒng)根目錄下的Inetpub目錄中，有若干個子目錄，如ftproot目錄、AdminScript目錄、iissamples目錄以及wwwroot目錄

40、等，其中wwwroot目錄是IIS下的默認網站目錄，在這個目錄下，建立要開發(fā)的客戶管理網站的系統(tǒng)主目錄，取名為customer_manage。打開Internet服務管理器，展開左側的目錄樹，在窗口的右側會出現(xiàn)customer_manage目錄，右擊“默認Web站點”，選擇“新建”選項，再選擇“虛擬目錄”選項，如圖4.1所示：圖4.1 新建虛擬目錄操作進行虛擬目錄的設置，輸入Customer_manage作為客戶管理系統(tǒng)的別名，并選擇所建立的系統(tǒng)主目錄，即customer_manage目錄，設置訪問權限。完成配置后，在“IIS”窗口的左側目錄樹中將出現(xiàn)已建立的customer_manage虛擬

41、目錄，如圖4.2所示：圖4.2 配置結果顯示4.2動態(tài)數(shù)據(jù)庫設計本系統(tǒng)中，采用微軟的Microsoft SQL Server2000作為數(shù)據(jù)庫。Microsoft SQL Server2000是微軟為商業(yè)用戶和企業(yè)用戶所開發(fā)的數(shù)據(jù)庫，相對于其他的數(shù)據(jù)庫，如Oracle、MySQL、DB2等，Microsoft SQL Server2000數(shù)據(jù)庫具有結構簡潔、操作方便、管理簡單、占用內存少、運行速度快等特點，而且它完全適用于一般的商業(yè)和管理系統(tǒng)的開發(fā)。在程序設計中，采用標準SQL來操作數(shù)據(jù)庫。數(shù)據(jù)庫的設計在一個系統(tǒng)的開發(fā)過程中是至關重要的。系統(tǒng)的所有信息都存放在數(shù)據(jù)庫中，因此要讓各種信息有條理地

42、、有邏輯地存放在一起，就必須要設計出一個合理的數(shù)據(jù)庫結構。下面介紹本系統(tǒng)的數(shù)據(jù)庫設計。4.2.1邏輯結構設計 根據(jù)系統(tǒng)功能設計的要求以及功能模塊的劃分，對客戶管理網站可以列出以下數(shù)據(jù)項和數(shù)據(jù)結構：(1)客戶信息表：存放客戶信息，數(shù)據(jù)項包括客戶的用戶名、姓名、密碼、性別、單位名稱、職務、聯(lián)系方式、E-mail、聯(lián)系地址。(2)管理員信息表：存放信息管理員信息，數(shù)據(jù)項包括管理員的用戶名、密碼，在該表中首先初始化一個管理員，用戶名和密碼都為admin。(3)訂單信息表：存放訂單信息，數(shù)據(jù)項包括訂單的名稱、所訂的產品名稱、訂貨單位名稱、訂貨時間、所訂的產品數(shù)量。(4)產品信息表：存放產品信息，數(shù)據(jù)項包

43、括產品名稱、產品的計量單位、產品的單價、產品的信息備注。4.2.2物理結構設計根據(jù)數(shù)據(jù)庫的邏輯分析，在Microsoft SQL Server2000數(shù)據(jù)庫中打開企業(yè)管理器，新建一個數(shù)據(jù)庫，命名為Customer_management。在該數(shù)據(jù)庫中按如下的物理結構來建立相應的數(shù)據(jù)庫表和數(shù)據(jù)字段。(1)客戶信息表在Microsoft SQL Server2000數(shù)據(jù)庫中，新建一個表，取名為User，作為客戶信息表來存放客戶信息，物理結構如表4.1所示。 表4.1 客戶信息表User字段名稱數(shù)據(jù)類型及長度說明備注Idint(4)客戶編號主關鍵字Name_idvarchar(50)用戶名不能為空Tr

44、ue_namevarchar(50)用戶真實姓名允許為空Passwordvarchar(50)密碼不能為空Sexchar(10)性別允許為空Departmentvarchar(50)單位名稱允許為空Dutyvarchar(50)職務允許為空Telephonevarchar(50)聯(lián)系電話允許為空E_mailvarchar(50)電子郵件允許為空Addressvarchar(50)聯(lián)系地址允許為空(2)管理員信息表在Microsoft SQL Server2000數(shù)據(jù)庫中，新建一個表，取名為Admin，作為管理員信息表來存放管理員信息，物理結構如表4.2所示。 表 4.2 管理員信息表Admin

45、字段名稱數(shù)據(jù)類型及長度說明備注Idint(4)管理員編號主關鍵字Namevarchar(50)用戶名(管理員)不能為空Passwordvarchar(50)密碼(管理員)不能為空(3)訂單信息表在Microsoft SQL Server2000數(shù)據(jù)庫中，新建一個表，取名為Order，作為訂單信息表來存放訂單信息，物理結構如表4.3所示。表 4.3 訂單信息表Order字段名稱數(shù)據(jù)類型及長度說明備注Idint(4)訂單編號主關鍵字Order_namevarchar(50)訂單名稱允許為空Order_productvarchar(50)訂購產品允許為空Order_departmentvarchar

46、(50)訂購單位允許為空Order_timevarchar(50)訂購時間允許為空Order_numbervarchar(50)訂購數(shù)量允許為空Order_personvarchar(50)訂購者允許為空(4)產品信息表在Microsoft SQL Server2000數(shù)據(jù)庫中，新建一個表，取名為Product，作為產品信息表來存放產品信息，物理結構如表4.4所示。表 4.4 產品信息表Product字段名稱數(shù)據(jù)類型及長度說明備注Idint(4)產品編號主關鍵字Product_namevarchar(50)產品名稱允許為空Product_typevarchar(50)產品計量單位允許為空Pro

47、duct_moneynvarchar(50)產品價格允許為空Product_infonvarchar(50)產品信息允許為空4.3數(shù)據(jù)庫連接目前，在ASP下連接MicrosoftSQL Server2000數(shù)據(jù)庫的方式有兩種，一種是采用ODBC數(shù)據(jù)源，即開放數(shù)據(jù)庫連接(ODBC：Open DataBase Connection)；另一種則是采用ASP中的ADO對象進行連接。ODBC數(shù)據(jù)源方式的最大好處是應用程序的開發(fā)系統(tǒng)可以不需要與數(shù)據(jù)庫屬于同樣的系統(tǒng)，這也就意味著只要學會了一種能與ODBC交互的語言，即可操作所有ODBC所支持的數(shù)據(jù)庫，只需要把對數(shù)據(jù)的處理要求傳給ODBC，然后讓ODBC與數(shù)

48、據(jù)庫進行交互即可。但是，在移植系統(tǒng)時ODBC卻顯得非常不方便，不僅要修改系統(tǒng)的代碼，還要修改服務器上的計算機屬性。綜上所述，本系統(tǒng)中，采用第二種方法，即ADO對象，來操作數(shù)據(jù)庫。采用ADO對象來操作數(shù)據(jù)庫，在Microsoft SQL Server2000數(shù)據(jù)庫建立了相應的數(shù)據(jù)庫和數(shù)據(jù)表后，就不需要進行其他的設置了，將與數(shù)據(jù)庫的連接寫成代碼，交給IIS處理即可。本系統(tǒng)中與數(shù)據(jù)庫相關的操作都放在一個目錄下，把該目錄命名為Data目錄，并將它放在網站系統(tǒng)的主目錄customer_manage下。本系統(tǒng)的數(shù)據(jù)庫連接代碼文件命名為Data_connect.asp，當系統(tǒng)的功能頁面需要對數(shù)據(jù)庫進行操作時

49、只需要在文件頭部添加代碼：，這樣就包含了實現(xiàn)數(shù)據(jù)庫連接的文件。代碼具體如下：4.4登陸注冊模塊的實現(xiàn)本網站系統(tǒng)是一個典型的應用系統(tǒng)，并不是所有人都能夠任意使用，只有企業(yè)和企業(yè)的客戶能夠使用它，所以就必須要為系統(tǒng)使用者提供一個登陸系統(tǒng)的入口，要求系統(tǒng)使用者輸入相應的用戶名和密碼，根據(jù)需求分析，分配出兩種權限客戶權限和管理員權限。本系統(tǒng)的登錄頁面也是網站的首頁，文件名為index.htm，放在主目錄customer_manage下。其頁面如圖4.3所示：圖4.3 網站系統(tǒng)登錄頁面在該登錄頁面中設定了兩種登錄角色，即兩種權限，用戶在輸入自己的用戶名和密碼之后，在“登錄角色”下拉列表中選擇“客戶”，單

50、擊“登錄”按鈕后，即進入客戶權限的系統(tǒng)頁面。相應地，系統(tǒng)信息管理人員在下拉列表中選擇“管理員”，單擊“登錄”按鈕后，即進入管理員權限的系統(tǒng)頁面。4.4.1登錄注冊頁面外觀設計登錄注冊頁面，也即本網站系統(tǒng)的首頁，如圖4.3所示，下面簡要介紹使用Dreamweaver8制作首頁外觀的過程。Dreamweaver8為用戶提供了對Web頁進行布局的多種不同方法，本網站首頁使用表格布局模式進行布局。表格是用于在網頁上顯示表格式數(shù)據(jù)以及對文本和圖像進行布局的強有力的工具。在創(chuàng)建表格之后，就可以方便地修改其外觀和結構?？梢栽诒砀裰刑砑觾热?，也可以添加、刪除、拆分以及合并行和列，修改表格、行或單元格屬性。系統(tǒng)

51、首頁由兩個表格構成。第一個表格，行列數(shù)均為一：其中放置了一張背景圖片，并通過插入一個“Div標簽”對象(創(chuàng)建一個文本區(qū)域)注明了網站的主題，即該網頁的上半部分。第二個表格，具有5行2列：通過向表格的單元格中插入Div標簽注明“用戶名”、“密碼”等填寫說明；向單元格中插入“文本字段”，并通過設置其屬性明確其收集的是何種類型的信息；向單元格中插入“列表、菜單”對象，并初始化其列表值為“客戶”和“管理員”供用戶選定身份；還要添加三個“按鈕”對象，其值分別為“注冊”、“登錄”、“重置”，相應的動作分別為“無”、“提交表單”和“重設表單”。最重要的一點就是第二個表格的所有內容都必須置于一個“表單”對象(

52、Form)下。使用表單可以與站點的訪問者進行交互和從用戶那里收集信息。表單從用戶那里收集信息后，將這些信息提交給服務器進行處理。當訪問者將信息輸入Web站點表單并單擊提交按鈕時，這些信息將被發(fā)送到服務器，服務器端腳本或應用程序在該處對這些信息進行處理。服務器通過將請求信息發(fā)送回用戶，或基于該表單內容執(zhí)行一些操作來進行響應。通常，通過JSP或ASP等來處理信息。對該“表單”對象進行設置：將其命名為user_name，以后就可以使用腳本語言應用或控制該表單；在屬性檢查器的“動作”(Action)域中，指定到處理該表單的動態(tài)頁或腳本的路徑，此處指定為Login/LoginCheck.asp；在“方法

53、”(Method)彈出式菜單中，選擇將表單數(shù)據(jù)傳輸?shù)椒掌鞯姆绞?，此處選擇POST(在HTTP請求中嵌入表單數(shù)據(jù))。注冊頁面的設計思想與登錄頁面一致，重點在于使用表格布局，使用表單收集信息。4.4.2功能頁面設計在系統(tǒng)的首頁中，按下相應的按鈕，會跳轉到相應的頁面或執(zhí)行相應的功能，與首頁相關的功能頁面都放在customer_manageLogin文件夾下。下面講述相關功能頁面的設計。(1)當用戶按下“登錄”按鈕后，該頁面的表單信息將被提交到LoginCheck.asp進行驗證和相應的權限分配。LoginCheck.asp利用ASP中的Request對象來獲取用戶信息之后，首先通過if語句判斷用戶

54、填寫的帳號是否符合要求(例如登錄帳號不得為空等)，并通過asp的Response對象的write方法給出相應反饋信息。如果用戶在填寫上不存在問題，那么將判斷用戶名和密碼的正確性。通過if語句來區(qū)別用戶的身份(客戶或管理員)，然后通過查找客戶信息表或管理員信息表來核對用戶名和密碼信息。以客戶身份為例，關鍵代碼如下：set recCheckUser=server.CreateObject(ADODB.recordset) if role=客 戶 then strSQL=select * from user where name_id=&uid& and password=&upwd& recChe

55、ckUser.Open strSQL,conn,1,1 if not recCheckUser.EOF then 如果用戶帳號及密碼正確session(User)=uidresponse.redirect ./Customer/index.htm else 用戶帳號及密碼不正確 recCheckUser.Close set recCheckUser=nothing set conn=nothing Response.Write window.alert(您輸入的帳號及密碼錯誤，請重新輸入!);window.history.go(-1); end if 如果用戶輸入的用戶名和密碼正確，系統(tǒng)將轉到

56、相應的管理頁面(客戶信息管理界面或管理員信息管理界面)；若不正確，系統(tǒng)給出錯誤提示(如圖4.4、圖4.5所示)并返回登錄頁面。其中，利用ASP中的Server對象的CreateObject方法創(chuàng)建已注冊到服務器上的ActiveX組件。值得注意的是，在使用CreateObject創(chuàng)建ActiveX組件時，關鍵字Set一定不能丟，否則在使用所定義的對象時會發(fā)生錯誤，并且這種錯誤在用CreateObject創(chuàng)建組件時并不能被發(fā)現(xiàn)，只有在第一次調用該組件時系統(tǒng)才報錯，并且無詳細的錯誤描述。當所創(chuàng)建的對象不再需要的時候，應當釋放其所占有的系統(tǒng)資源，通常使用Nothing來消除實例對象。另外，特別注意的是

57、：由于涉及到對數(shù)據(jù)庫的操作，所以要在文件的頂部包含數(shù)據(jù)庫連接的文件。圖4.4 登錄帳號為空的提示框圖4.5 帳號或密碼錯誤提示框(2)當用戶按下“注冊”按鈕后，系統(tǒng)跳轉至注冊頁面，如圖4.6所示：圖4.6 新用戶注冊頁面當用戶填寫完注冊信息后：若不滿意則點擊“重新填寫”按鈕，這時將重設表單；若確認沒有問題則點擊“現(xiàn)在注冊”按鈕，這時login.asp將首先驗證用戶所填寫的各項信息是否符合要求(例如密碼是否小于6位)，若符合要求則將該頁面的表單信息提交給registor.asp進行用戶注冊數(shù)據(jù)的添加操作。registor.asp取得表單中的每一項數(shù)據(jù)并將它添加到數(shù)據(jù)庫中。關鍵在于建立record

58、set對象集，使用addnew方法和update方法更新數(shù)據(jù)庫。其中，addnew方法用于增加一條空記錄，update方法用于保存當前記錄的任何變動。以“密碼”這一項為例進行說明：password=request(password)set rs=server.CreateObject(adodb.recordset)sql=select * from Userrs.open sql,conn,1,3rs.addnewrs(password)=passwordrs.updaters.closeresponse.Write(你已經注冊成功！)將用戶填寫的信息依次寫入數(shù)據(jù)庫的用戶信息表(User)后

59、，給出反饋信息如圖4.7所示：圖4.7 注冊成功說明(3)如果用戶按下“重置”按鈕，登錄頁面將被刷新，等待用戶重新輸入信息。4.5系統(tǒng)安全模塊系統(tǒng)的安全問題是一個不容忽視的問題。從登錄注冊模塊可知，用戶在登錄驗證時，當用戶輸入了正確的用戶名和密碼之后，系統(tǒng)將視該用戶為系統(tǒng)的合法用戶。為了防止一些非法用戶通過在IE瀏覽器地址欄內輸入系統(tǒng)文件的URL地址來非法進入系統(tǒng)，所以在用戶通過驗證時，將用戶的用戶名賦在Session(“User”)之中。編輯一個身份驗證頁面，在運行各個頁面的程序之前都要運行這個頁面來進行身份驗證，以此來防止非法用戶闖入系統(tǒng)。在本網站系統(tǒng)內建立一個Session.asp頁面，

60、把它放在customer_manageSession文件夾下。其代碼如下： 其中，Redirect方法使瀏覽器嘗試鏈接到其他的URL，此處即返回登錄首頁。4.6客戶信息管理模塊的實現(xiàn)當用戶登錄時選擇的是客戶的身份，并且成功通過了用戶名和密碼的驗證，則進入到客戶權限的系統(tǒng)主頁面，如圖4.8所示：圖 4.8 客戶管理主頁面與客戶管理相關的功能都整合在此頁面中：用戶通過點擊左邊導航區(qū)的相關欄目，可以瀏覽產品信息、進行個人的訂單管理和個人信息的管理。該模塊相關的所有代碼都放在customer_manageCustomer文件夾下。4.6.1客戶管理模塊主頁面外觀設計該主頁面采用左右框架結構：頁面的左邊