網(wǎng)站總體規(guī)劃設(shè)計(jì)與具體實(shí)現(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 開(kāi)發(fā)技術(shù)及平臺(tái)介紹 PAGEREF _Toc137715804 h 42.1 ASP介紹 PAGEREF _Toc137715805 h 42.2 HTML介紹 PAGEREF _Toc137715806 h 62.3 腳本語(yǔ)言介紹 P

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

37、，能夠?qū)蛻羲l(fā)出的訂單進(jìn)行及時(shí)的反饋。3.3 網(wǎng)站結(jié)構(gòu)模塊設(shè)計(jì)根據(jù)對(duì)此網(wǎng)站功能、設(shè)計(jì)目標(biāo)的分析，本系統(tǒng)結(jié)構(gòu)如圖3.1所示：登錄登錄注冊(cè)產(chǎn)品瀏覽訂單管理個(gè)人信息管理產(chǎn)品查詢(按名稱)訂購(gòu)產(chǎn)品訂單查詢(按訂單名稱等)修改訂單刪除訂單修改產(chǎn)品管理產(chǎn)品查詢(按名稱)添加產(chǎn)品信息修改產(chǎn)品信息刪除產(chǎn)品信息訂單查詢(按訂單名稱等)添加訂單信息修改訂單信息刪除訂單信息客戶信息查詢(按姓名等)修改客戶信息訂單管理客戶管理客戶管理員刪除客戶信息圖3.1 網(wǎng)站系統(tǒng)模塊結(jié)構(gòu)圖3.4 網(wǎng)站主要工作流程客戶管理系統(tǒng)的工作流程如圖3.2所示：客戶管理系客戶管理系統(tǒng)登錄index.htm判斷用戶名等LoginCheck.a

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

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

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

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

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

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

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

45、字段名稱數(shù)據(jù)類型及長(zhǎng)度說(shuō)明備注Idint(4)管理員編號(hào)主關(guān)鍵字Namevarchar(50)用戶名(管理員)不能為空Passwordvarchar(50)密碼(管理員)不能為空(3)訂單信息表在Microsoft SQL Server2000數(shù)據(jù)庫(kù)中，新建一個(gè)表，取名為Order，作為訂單信息表來(lái)存放訂單信息，物理結(jié)構(gòu)如表4.3所示。表 4.3 訂單信息表Order字段名稱數(shù)據(jù)類型及長(zhǎng)度說(shuō)明備注Idint(4)訂單編號(hào)主關(guān)鍵字Order_namevarchar(50)訂單名稱允許為空Order_productvarchar(50)訂購(gòu)產(chǎn)品允許為空Order_departmentvarchar

46、(50)訂購(gòu)單位允許為空Order_timevarchar(50)訂購(gòu)時(shí)間允許為空Order_numbervarchar(50)訂購(gòu)數(shù)量允許為空Order_personvarchar(50)訂購(gòu)者允許為空(4)產(chǎn)品信息表在Microsoft SQL Server2000數(shù)據(jù)庫(kù)中，新建一個(gè)表，取名為Product，作為產(chǎn)品信息表來(lái)存放產(chǎn)品信息，物理結(jié)構(gòu)如表4.4所示。表 4.4 產(chǎn)品信息表Product字段名稱數(shù)據(jù)類型及長(zhǎng)度說(shuō)明備注Idint(4)產(chǎn)品編號(hào)主關(guān)鍵字Product_namevarchar(50)產(chǎn)品名稱允許為空Product_typevarchar(50)產(chǎn)品計(jì)量單位允許為空Pro

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

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

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

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

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

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

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

54、填寫的帳號(hào)是否符合要求(例如登錄帳號(hào)不得為空等)，并通過(guò)asp的Response對(duì)象的write方法給出相應(yīng)反饋信息。如果用戶在填寫上不存在問(wèn)題，那么將判斷用戶名和密碼的正確性。通過(guò)if語(yǔ)句來(lái)區(qū)別用戶的身份(客戶或管理員)，然后通過(guò)查找客戶信息表或管理員信息表來(lái)核對(duì)用戶名和密碼信息。以客戶身份為例，關(guān)鍵代碼如下：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 如果用戶帳號(hào)及密碼正確session(User)=uidresponse.redirect ./Customer/index.htm else 用戶帳號(hào)及密碼不正確 recCheckUser.Close set recCheckUser=nothing set conn=nothing Response.Write window.alert(您輸入的帳號(hào)及密碼錯(cuò)誤，請(qǐng)重新輸入!);window.history.go(-1); end if 如果用戶輸入的用戶名和密碼正確，系統(tǒng)將轉(zhuǎn)到

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

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

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

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

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