(精品論文)論文 江西省希望工程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

摘 要在最早的網(wǎng)站建設(shè)中WEB都是完全靜態(tài)的，其頁面的核心是一種標(biāo)記語言即HTML，該標(biāo)記語言編寫簡(jiǎn)單，不需要有特定的語言編寫環(huán)境，任何一種編譯器即可實(shí)現(xiàn)其編寫，然后使用瀏覽器即可觀看到其運(yùn)行的結(jié)果。由于其完全的靜態(tài)所以若網(wǎng)站的維護(hù)者需要更新WEB中的內(nèi)容時(shí)都須手動(dòng)操作更改所有的HTML文檔，這對(duì)于小型的個(gè)人網(wǎng)站還不構(gòu)成問題，但對(duì)于大型的商業(yè)網(wǎng)站來說那就是一件讓人煩躁的事，所以被新的技術(shù)所取代也成了一種必定發(fā)展的趨勢(shì)了，DHTML為HTML帶來了嶄新的面孔，CGI、ASP把WEB帶進(jìn)了一個(gè)新的領(lǐng)域。ASP（Active Server Pages）是Microsoft公司開發(fā)的一種開放式的非編輯應(yīng)用環(huán)境，我們能夠組合HTML，Scripts和可重用的ActiveX服務(wù)器來建立動(dòng)態(tài)的，強(qiáng)大的基于WEB的商業(yè)應(yīng)用。ASP得以生存是因?yàn)樗幸饬x，它屬于一種“開放技術(shù)框架”，意思是您無須使用微軟的產(chǎn)品就能編寫它的代碼。如今越來越多的人開始選擇ASP，因?yàn)樗羞@些相應(yīng)的微軟開發(fā)工具都很好，能節(jié)省開發(fā)者的大量的時(shí)間，ASP以最小的代價(jià)利用COM和DCOM（組件對(duì)象模型和分布式組件模型）對(duì)象的優(yōu)勢(shì)。本文簡(jiǎn)要介紹了希望工程-江西在線網(wǎng)站的開發(fā)過程，該網(wǎng)站主要基于ASP一技術(shù)來開發(fā)建設(shè)的，其完整的后臺(tái)管理功能實(shí)現(xiàn)了新聞發(fā)布、在線捐款、在線留言等各種動(dòng)態(tài)系統(tǒng)。關(guān)鍵字：ASP、數(shù)據(jù)庫、HTML計(jì)算機(jī)科學(xué)與技術(shù)（師范）畢業(yè)論文 江西省希望工程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)AbstractAt the beginning of websites construction,the websites all static,the kernel of the web page is a markup language which called HTML,the language written easyly,it doesnt need the special environment to compile,it can be compiled in every compiler,and then we can see the result when it runs in the browser.Because of static property,if stationmaster of website need to update the informations of the website,then that he must manual to update the whole HTML document,if its a personal website,its not a problem to the owner,but if its a large commercial website it must be a bothers thing,so it must be replaced by a new technology,DHTML take a new face for HTML,and CGI.ASP take the web to a new field.ASP(Active Server Pages) is Microsofts product that is a application environment,opening and none compile,we can construct a commercial website that active,huge and base on the web with HTML Scripts and ActiveX server.The reason why ASP can live to today is that it has its own significance,it belong to opening technology frame,it means you dont need to use the product of Microsoft to compile the code.Day after day ,more and more people choice ASP begin,because the product of Microsoft which correspond to ASP be used well,it can save a lot of time for the developer,and ASP can make use of COM and DCOM (Component Object Model and Distributed Component Object Model ) with the least of cost.This article main to introduces the course of Project Hope-Jiangxi Online websites exploitation,this website main bases on ASP, it has a integrated background manage system what imples news issue,donate online,leaveword and more active system.Keywords: ASP , DataBase , HTML目 錄13334445666789999101111121213141414151516161616目 錄 . 引 言 . 1、網(wǎng)站的開發(fā)背景. 2、開發(fā)工作的思路.第一章 ASP技術(shù)的論述1.1 HTML語言簡(jiǎn)述1.2 Active Server Pages簡(jiǎn)述1.3 Active Server Pages特點(diǎn)第二章 后臺(tái)系統(tǒng)及目標(biāo)設(shè)計(jì)分析2.1 網(wǎng)站功能分析與目標(biāo)設(shè)計(jì)2.2 測(cè)試服務(wù)器MS IIS的安裝與配置2.3 網(wǎng)站導(dǎo)航地圖的定制2.4 整站外觀風(fēng)格的統(tǒng)一與設(shè)計(jì)第三章 “新聞動(dòng)態(tài)”的實(shí)現(xiàn)3.1 數(shù)據(jù)庫的創(chuàng)建與鏈接.3.2 后臺(tái)管理員登陸頁面（login.html）3.3 管理員身份確認(rèn)（check.asp）3.4 后臺(tái)控制（含管理員修改密碼）（administrator.asp）3.5 “新聞報(bào)道” 3.5.1 目標(biāo)設(shè)計(jì)與功能設(shè)計(jì)思路 3.5.2 數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn). 3.5.3 前臺(tái)新聞列表頁面（news.asp）. 3.5.4 前臺(tái)詳細(xì)內(nèi)容顯示頁面（news_view.asp） 3.5.5 后臺(tái)新聞添加頁面（news_add.asp） 3.5.6 后臺(tái)新聞編輯頁面（new_edit.asp） 3.5.7 后臺(tái)圖片上傳頁面（fileupload.asp）3.6 機(jī)構(gòu)動(dòng)態(tài)3.7 愛心公告第四章 “愛心超市”的實(shí)現(xiàn)4.1 目標(biāo)設(shè)計(jì)與功能設(shè)計(jì)思路4.2 數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)4.3 用戶注冊(cè)頁面（club_reg.asp）.17181919202020212122222222222223242526264.4 保存用戶注冊(cè)信息（save_reg.asp）4.5 注冊(cè)用戶登陸和密碼的修改第五章 “救助檔案”的實(shí)現(xiàn)5.1 目標(biāo)設(shè)計(jì)與功能設(shè)計(jì)思路5.2 數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)5.3 貧困學(xué)生檔案查詢實(shí)現(xiàn)5.4 捐助人填寫個(gè)人信息（donate.asp）5.5 保存捐助人信息（save_donate.asp）5.6 個(gè)人捐款歷史查詢實(shí)現(xiàn)第六章 在線留言系統(tǒng)的實(shí)現(xiàn)6.1 目標(biāo)設(shè)計(jì)與功能設(shè)計(jì)思路6.2 數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)6.3 留言內(nèi)容顯示頁面（guestbook.asp）6.4 用戶發(fā)布留言內(nèi)容頁面（leaw.asp）6.5 留言內(nèi)容確認(rèn)和保存（handle.asp）6.5 留言內(nèi)容的編輯（editgbook.asp）第七章 其他靜態(tài)信息的建立及網(wǎng)站的發(fā)布第八章 總結(jié)與討論參考文獻(xiàn)致謝2001級(jí)計(jì)算機(jī)教育（1）班 蔡浩 第29頁 共29頁引 言1、網(wǎng)站的開發(fā)背景江西省青少年發(fā)展基金會(huì)是1991年8月由共青團(tuán)江西省委創(chuàng)辦的，具有獨(dú)立法人地位的非營(yíng)利性社會(huì)團(tuán)體，為得到更多海內(nèi)外關(guān)心江西青少年事業(yè)的團(tuán)體、人士的支持和贊助，促進(jìn)江西省青少年工作、社會(huì)教育、科技、文化和福利事業(yè)的發(fā)展，為青少年成長(zhǎng)、成才更好的服務(wù)，所以基金會(huì)特策劃“希望工程江西在線”網(wǎng)站的開通并與江西師范大學(xué)建立友好合作關(guān)系。2、開發(fā)工作的思路 江西省希望工程網(wǎng)站站名：希望工程江西在線，英文名：Project Hope Jiangxi Online，屬于政府官方型網(wǎng)站，所以在外觀的設(shè)計(jì)上一定要以正規(guī)明朗的思路來引導(dǎo)建設(shè)過程，切不可過于創(chuàng)意和花哨。明確了網(wǎng)站的性質(zhì)后，建設(shè)過程就有了一條較為明朗的引導(dǎo)思路，首先我們需要構(gòu)思好網(wǎng)頁的大致布局，以及主色調(diào)，這些都會(huì)直接影響訪問者在瀏覽時(shí)的情緒。大致網(wǎng)頁框架布局好后就是動(dòng)態(tài)系統(tǒng)的制作了，首先是新聞相關(guān)頻道，由于新聞更新的時(shí)時(shí)性，我們可以采用后臺(tái)更新的方式來制作，即實(shí)現(xiàn)新聞在線發(fā)布系統(tǒng)，該系統(tǒng)除了適用于新聞發(fā)布，也適用于“愛心公告”頻道中發(fā)布已向希望工程捐款的愛心人士相關(guān)信息，以及“救助檔案”頻道中發(fā)布需救助的貧困學(xué)生的檔案資料。為強(qiáng)大江西希望工程事業(yè)的團(tuán)體隊(duì)伍，特設(shè)“愛心超市”頻道，該頻道用來收集愿為江西希望工程事業(yè)做貢獻(xiàn)的青年志愿者的個(gè)人資料，于是就需要一個(gè)注冊(cè)系統(tǒng)提供給志愿者提交個(gè)人信息，以及可以修改登陸密碼功能，和其他網(wǎng)站一樣該網(wǎng)站也需要一個(gè)可以實(shí)現(xiàn)訪問者在訪問過網(wǎng)站后提交個(gè)人對(duì)網(wǎng)站的一些提議或給主辦單位的留言和建議。為方便操作和編輯發(fā)布的信息，還需要一個(gè)后臺(tái)，該后臺(tái)只有指定的管理員才可以進(jìn)行操作，所以需要?jiǎng)?chuàng)建一個(gè)登陸系統(tǒng)來確認(rèn)身份，而且后臺(tái)內(nèi)的每個(gè)發(fā)布系統(tǒng)都需要有確認(rèn)身份的代碼。此外，為避免數(shù)據(jù)庫的數(shù)據(jù)量過大而導(dǎo)致網(wǎng)站訪問速度的緩慢，我們可以建立一些靜態(tài)頁面來發(fā)布不需常更新的信息，比如“美好江西”、“關(guān)于我們”，這些欄目的信息數(shù)據(jù)量偏大但卻不需要常常更新，所以我們可以使用html超文本標(biāo)記語言排版發(fā)布這些信息。為減少一些重復(fù)的工作，我們還可以建立一些特殊的文件，比如頭頂?shù)牟藛尾糠?，還有底端的版權(quán)信息部分，然后使用調(diào)用的方式將其直接置入當(dāng)前頁面。在開發(fā)過程前我們可以先準(zhǔn)備好一些特別的文件夾，用來分類存放不同類型的文件，以便在日后維護(hù)時(shí)能快速的檢索出需要修改更新的文件，比如建立images文件夾來存放圖片、database存放數(shù)據(jù)庫文件，還有文件和參數(shù)我們也要準(zhǔn)備好使用一種容易辯識(shí)的名字來命名和定義，這些看似細(xì)小的環(huán)節(jié)最好不要忽視了，如果對(duì)這些小細(xì)節(jié)采取粗略態(tài)度的話，將會(huì)給自己在建站時(shí)增加不必要的麻煩，大大降低效率。為加大開發(fā)網(wǎng)站的效率以及增加網(wǎng)站的可看性，我們可以準(zhǔn)備一些輔助工具，比如Macromedia 的產(chǎn)品DreamWeaver、Flash、FireWorks，還有Flashftp等等第一章 ASP技術(shù)的論述1.1 HTML語言的簡(jiǎn)述 自1990年HTML就開始成為World Wide Web上發(fā)布信息的表示語言，但由于其完全的靜態(tài)特征，所以僅能提供大量的文字信息服務(wù)，當(dāng)網(wǎng)站內(nèi)容需要更新時(shí)，維護(hù)者就必須手動(dòng)更改所需要更新的文檔，若所須更新的文檔量較大時(shí)，網(wǎng)站的更新就成為一個(gè)煩瑣的事了。 HTML是一種為普通文件中某些字句加上標(biāo)記的語言，其目的在于運(yùn)用標(biāo)記使文件達(dá)到預(yù)期的效果，其英文全稱：Hyper Text Markup Language，中文全稱：超文本標(biāo)記語言。HTML為編寫者提供了以下功能：（1）編寫在線的文檔，包括標(biāo)題、文本、表格、列表以及圖片等內(nèi)容；（2）通過超級(jí)鏈接可以在線查閱檢索信息；（3）可以直接在文檔中插入電子表格、視頻音頻剪輯、以及其他的一些應(yīng)用；（4）為獲得遠(yuǎn)程服務(wù)而設(shè)計(jì)的表單，可以用于檢索信、定購(gòu)產(chǎn)品等。HTML格式簡(jiǎn)單，易于編寫，使用任何文字編輯器即可編寫HTML文檔，用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)（如UNIX，WINDOWS等）。1.2 ASP簡(jiǎn)述ASP是微軟公司開發(fā)的一套服務(wù)器端的腳本環(huán)境，基于服務(wù)器端的支持下，用于創(chuàng)建運(yùn)行交互式的動(dòng)態(tài)網(wǎng)頁，它拜托了之前所有動(dòng)態(tài)頁面的局限性，以簡(jiǎn)單易學(xué)的特征、良好的數(shù)據(jù)庫操作功能，成了目前國(guó)內(nèi)主流動(dòng)態(tài)網(wǎng)頁技術(shù)。ASP英文全稱：Active Server Pages，在微軟的官方站點(diǎn)上對(duì)ASP權(quán)威定義是：Active Server Pages是一種開放式的非編譯應(yīng)用環(huán)境，使您能夠組合HTML、Scripts和可重用的ActiveX服務(wù)器組件來建立動(dòng)態(tài)的，強(qiáng)大的基于Web的商業(yè)應(yīng)用。Active Server Pages支持基于IIS上的服務(wù)器端腳本并且完全支持VBScript和Jscript。Active Server Pages的發(fā)展經(jīng)歷了以下幾個(gè)階段：靜態(tài)HTMLDHTML（動(dòng)態(tài)HTML）CGI（公共網(wǎng)關(guān)接口）Active Server PagesASP得以生存是因?yàn)樗幸饬x，它屬于一種“開放技術(shù)框架”，意思是您無須使用微軟的產(chǎn)品就能編寫它的代碼。如今越來越多的人開始選擇ASP，因?yàn)樗羞@些相應(yīng)的微軟開發(fā)工具都很好，能節(jié)省開發(fā)者的大量的時(shí)間 ASP以最小的代價(jià)利用COM和DCOM（組件對(duì)象模型和分布式組件模型）對(duì)象的優(yōu)勢(shì)。1.3 ASP特點(diǎn) ASP 內(nèi)含于 IIS 3.0以上版本中 , 通過 ASP 我們可以結(jié)合 HTML 網(wǎng)頁、 ASP 指令和 ActiveX 元件建立動(dòng)態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。有了 ASP 你就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你所編寫的代碼，因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。 以下羅列了 Active Server Pages 所獨(dú)具的一些特點(diǎn)： 1. 使用 VBScript 、 JScript 等簡(jiǎn)單易懂的腳本語言，結(jié)合 HTML 代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。 2. 無須 compile 編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。 3. 使用普通的文本編輯器，如 Windows 的記事本，即可進(jìn)行編輯設(shè)計(jì)。 4. 與瀏覽器無關(guān) (Browser Independence), 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計(jì)的網(wǎng)頁內(nèi)容。 Active Server Pages 所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務(wù)器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。 5.Active Server Pages 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設(shè)計(jì)外，還通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。 6.Active Server Pages 的源程序，不會(huì)被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。 7. 可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本。 8. 物件導(dǎo)向（ Object-oriented ）。 9.ActiveX Server Components(ActiveX 服務(wù)器元件 ) 具有無限可擴(kuò)充性?？梢允褂?Visual Basic 、 Java 、 Visual C+ 、 COBOL 等編程語言來編寫你所需要的 ActiveX Server Component 。 第二章 后臺(tái)系統(tǒng)及目標(biāo)設(shè)計(jì)分析2.1 網(wǎng)站功能分析與目標(biāo)設(shè)計(jì)江西希望工程網(wǎng)為江西省青少年發(fā)展基金會(huì)為救助失學(xué)青少年兒童而設(shè)立的慈善捐助網(wǎng)站，其功能主要如下：1. 發(fā)布希望工程及主辦單位內(nèi)部的最新動(dòng)態(tài)；2. 發(fā)布捐獻(xiàn)人的名單和希望工程里發(fā)生的感人故事3. 發(fā)布急需救助的貧困學(xué)生的檔案和資金貧乏的學(xué)校的信息4. 實(shí)現(xiàn)在線通過網(wǎng)絡(luò)直接為所指定的貧困學(xué)生捐款5. 實(shí)現(xiàn)過客在線留言6. 實(shí)現(xiàn)用戶注冊(cè)登陸7. 宣傳希望工程的上級(jí)政策和人文精神8. 宣傳江西的人文和地理風(fēng)景9. 宣傳主辦單位的資料和發(fā)展歷程此外還需要增加一個(gè)后臺(tái)管理，實(shí)現(xiàn)在線更新前臺(tái)內(nèi)容，比如第1點(diǎn)功能需實(shí)現(xiàn)后臺(tái)增加新聞，并可以隨時(shí)更改或刪除已增加的內(nèi)容，后幾個(gè)內(nèi)容也相類似。2.2 測(cè)試服務(wù)器MS IIS的安裝與配置為方便預(yù)覽和測(cè)試動(dòng)態(tài)頁面的運(yùn)行效果，我使用了本地的Microsoft IIS 5.1作為測(cè)試服務(wù)器。安裝MS IIS非常簡(jiǎn)單，只需要打開“控制面板”里面的“添加/刪除程序”選項(xiàng)”，如下圖所示，然后按照系統(tǒng)的提示進(jìn)行安裝即可。安裝成功后，IIS在系統(tǒng)目錄下創(chuàng)建了一個(gè)名為Inetpub的文件夾，Inetpub下有個(gè)wwwroot文件夾，新建的網(wǎng)頁放在此目錄下即可使用瀏覽器查看，測(cè)試方法也很簡(jiǎn)單只要在瀏覽器的地址欄中輸入/*（需要測(cè)試的文件名）即可。打開控制面扳中的“Internet 信息服務(wù)”，在左邊的樹型菜單中，依次展開菜單可以看到“默認(rèn)網(wǎng)站”一欄，右鍵點(diǎn)擊“默認(rèn)網(wǎng)站”，選擇“屬性”，即可對(duì)IIS服務(wù)器進(jìn)行配置，由于我只是將該服務(wù)器做為測(cè)試，并非用于發(fā)布，所以在即將開發(fā)的網(wǎng)站中基本不需要對(duì)IIS的屬性做任何改動(dòng)。該網(wǎng)站的開發(fā)及測(cè)試環(huán)境：Microsoft Windows XP professional 2002 SP1 Microsoft IIS 5.1 、Intetnet Explor 6.0 顯示屏分辨率:1024*768 2.3 網(wǎng)站導(dǎo)航地圖的定制網(wǎng)站地圖請(qǐng)您留言加入收藏設(shè)為首頁聯(lián)系我們真實(shí)瞬間機(jī)構(gòu)簡(jiǎn)介組織機(jī)構(gòu)工作人員機(jī)構(gòu)榮譽(yù)榜我們的位置事業(yè)的回眸歷年審計(jì)報(bào)告在線捐款捐款方法政策導(dǎo)航希望工程簡(jiǎn)介希望工程助學(xué)希望工程建校希望電腦室感人故事希望工程簡(jiǎn)介希望工程助學(xué)希望工程建校希望電腦室希望工程簡(jiǎn)介希望工程助學(xué)希望工程建校希望電腦室希望圖書室希望之星新聞報(bào)道新聞動(dòng)態(tài)愛心公告在線捐助關(guān)于我們捐款方法愛心超市救助檔案捐助項(xiàng)目美好江西新聞動(dòng)態(tài)歡迎頁面首頁2.4 整站外觀風(fēng)格的統(tǒng)一與設(shè)計(jì)江西省希望工程網(wǎng)屬于政府官方型網(wǎng)站，所以在選擇風(fēng)格顏色和外觀布局上還是一個(gè)不容忽視的環(huán)節(jié)，通過和相關(guān)專業(yè)人士探討后，我選用了綠、橙黃做為網(wǎng)站的主色調(diào)，綠色象征健康和希望，橙色代表幸福，而且綠色是環(huán)保色，對(duì)人的眼睛有好處，橙色則能讓人有種溫暖的感受，所以網(wǎng)站大體視覺為這兩種色調(diào)。在布局上我最后還是選用了一種較為正規(guī)且常用的網(wǎng)頁布局方案，其大致結(jié)構(gòu)見下：各欄目標(biāo)題顯示頁面 詳細(xì)內(nèi)容顯示頁面頂部（head.asp）詳細(xì)內(nèi)容顯示部分底部（foot.asp）頂部（head.asp）子欄目標(biāo)題導(dǎo)航子欄目標(biāo)題列表底部（foot.asp）確定了主體布局后，下面就是首頁的排版，由于一個(gè)網(wǎng)站給訪問者的第一印象就是首頁，所以首頁的布局非常重要，除了需要明朗美觀的結(jié)構(gòu)，還要能準(zhǔn)確提供訪問者最想從網(wǎng)站中提取的資料信息，下面就是我給江西希望工程首頁定的最終布局：頂部最新捐款人和捐款金額新聞報(bào)道每月公告救助檔案查詢機(jī)構(gòu)動(dòng)態(tài)Flash宣傳動(dòng)畫會(huì)員登陸真實(shí)瞬間（照片）政策導(dǎo)航美好江西我們的位置感人故事在線捐助友情鏈接版權(quán)、地圖導(dǎo)航等底部第三章 “新聞動(dòng)態(tài)”的實(shí)現(xiàn)3.1 數(shù)據(jù)庫的創(chuàng)建與鏈接該網(wǎng)站沒有使用到ODBC這種形式的數(shù)據(jù)庫，而是直接采用了Access文件的相對(duì)路徑來實(shí)現(xiàn)讀取數(shù)據(jù)庫的功能，代碼見下： 定義連接字符串 dim conn,connstr on error resume next 定義數(shù)據(jù)庫相對(duì)網(wǎng)站根目錄路徑，數(shù)據(jù)庫的驅(qū)動(dòng)為微軟公司的Access connstr=DBQ=+server.mappath(database/data.mdb)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);將該代碼保存為conn.asp，放進(jìn)根目錄下，并在根目錄下的database（需新建）內(nèi)新建一個(gè)data.mdb文件。3.2 后臺(tái)管理員登陸頁面（login.html） 該頁面主要涉及到一個(gè)提交表單，表單內(nèi)主要有兩個(gè)表單元素，見下：名稱表單數(shù)據(jù)類型含義idtext管理員帳號(hào)passwordpassword登陸密碼當(dāng)表單被提交時(shí)，表單內(nèi)的信息將會(huì)被“post”到check.asp進(jìn)行處理。為此先創(chuàng)建一個(gè)名為login的表，其結(jié)構(gòu)很簡(jiǎn)單，只有兩個(gè)字段，分別為id（管理員帳號(hào)）和password（登陸密碼），數(shù)據(jù)類型都為文本。3.3 管理員身份確認(rèn)（check.asp）首先連接數(shù)據(jù)庫，md5.asp為對(duì)密碼加密文件，可以對(duì)管理員的登陸密碼加密，增加網(wǎng)站后臺(tái)的安全性：然后對(duì)所輸入的帳號(hào)和密碼進(jìn)行核對(duì)，代碼及功能注釋見下： 如果表單中name為id和password的值為空則警告，并退回上一頁dim id,passwordid=Request.Form(id)Password=Request.Form(password)If(id=Or Password=)Thenresponse.writealert(用戶名或密碼不能為空，請(qǐng)重新輸入！);history.back();Response.EndEnd If 從login表中提取出所有id、password和表單提交的id、password值，創(chuàng)建記錄集strsql=Select * From login Where id=& id & And password =&Password & Set rs= Server.CreateObject(ADODB.Recordset)rs.open strsql,conn,1,1 如果記錄為空則警告，并退回上一頁If rs.EOF Thenresponse.writealert(用戶名或密碼有誤，請(qǐng)重新輸入！);history.back();Response.EndElse 否則若id符合，則跳進(jìn)administrator.asp頁面session(id)=idResponse.Redirect administrator.aspResponse.EndEnd If3.4 后臺(tái)控制（含管理員修改密碼）（administrator.asp）我們將管理的主要控制菜單放在該頁面的左側(cè)，右側(cè)主要做了一個(gè)表單，該表單為管理員修改密碼的表單，其所有表單元素見下：名稱表單數(shù)據(jù)類型含義pwd2password新密碼pwd1password新密碼確認(rèn)sumbitsumbit提交表單表單將post給changepassword.asp，changepassword.asp是確認(rèn)管理員兩次輸入密碼相同性： 如果表單中的pwd1或pwd2的值為空則警告，退回前一頁dim pwd1,pwd2pwd1=md5(Request.Form(pwd1)pwd2=md5(Request.Form(pwd2)If(pwd1=Or pwd2=)Thenresponse.writealert(輸入錯(cuò)誤，請(qǐng)重新輸入！);history.back();Response.EndEnd If 如果兩次密碼輸入不同則警告if(pwd1pwd2) thenresponse.writealert(輸入錯(cuò)誤，請(qǐng)重新輸入！);history.back();Response.EndElse 創(chuàng)建記錄集對(duì)象，執(zhí)行sql語句sql=select password from loginSet rs= Server.CreateObject(ADODB.Recordset)rs.open sql,conn,1,3 更新數(shù)據(jù)庫，提示成功，頁面轉(zhuǎn)入administrator.asprs(password)=pwd1rs.updateresponse.writealert(恭喜，密碼修改成功！);location.href=administrator.asp;End If %3.5 “新聞報(bào)道”3.5.1 目標(biāo)設(shè)計(jì)與功能設(shè)計(jì)思路 該欄目主要用來發(fā)布國(guó)際國(guó)內(nèi)希望工程的最新動(dòng)態(tài)，首先新聞需包括標(biāo)題、新聞內(nèi)容和發(fā)布時(shí)間也可以加入信息發(fā)布者的信息等內(nèi)容。由于新聞的數(shù)量問題，所以需要一個(gè)專門列出新聞標(biāo)題的頁面（news.asp），當(dāng)瀏覽者點(diǎn)擊標(biāo)題時(shí)就可以進(jìn)入相應(yīng)的新聞詳細(xì)內(nèi)容（news_views.asp），這兩個(gè)頁面基本能滿足了新聞的瀏覽功能。新聞列表（news.asp）新聞內(nèi)容顯示（news_view.asp）為了方便發(fā)布新聞，管理員可以通過login.html登陸進(jìn)后臺(tái)，然后使用news_add.asp來添加新聞，添加的新聞將顯示到前臺(tái)news.asp的新聞列表內(nèi)，也可以使用news_edit.asp來修改或刪除已添加的新聞，其系統(tǒng)的功能結(jié)構(gòu)如下圖：后臺(tái)控制頁面(administrator.asp)管理員確認(rèn)（check.asp）后臺(tái)管理登陸（login.html）添加新聞（news_add.asp）刪除、修改新聞（news_edit.asp）3.5.2 數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)根據(jù)功能設(shè)計(jì)的要求，可以列出以下 數(shù)據(jù)項(xiàng)：新聞ID（自動(dòng)編號(hào)）、新聞標(biāo)題tittle、新聞詳細(xì)內(nèi)容content、新聞發(fā)布時(shí)間times、新聞編寫者writer、新聞相關(guān)圖片pic。由此該欄目的信息表（news表），其結(jié)構(gòu)如下所示：3.5.3 前臺(tái)新聞列表頁面（news.asp）該頁面主要顯示新聞列表，它將把所有最新的新聞以列表的形式根據(jù)更新時(shí)間來排列，更新時(shí)間越近的排在越前，當(dāng)每頁的新聞條數(shù)超過10條時(shí)自動(dòng)分頁。我使用JavaScript來實(shí)現(xiàn)當(dāng)用戶點(diǎn)擊新聞標(biāo)題時(shí)彈出窗口顯示新聞的詳細(xì)內(nèi)容：function NewsWindow(id)window.open(news_view.asp?id=+id,infoWin,height=500,width=800,scrollbars=yes,resizable=yes,toolbar=yes,location=yes,menubar=yes,status=yes);/ 定義彈出的窗口長(zhǎng)500，寬800，帶有滾動(dòng)條，可以調(diào)整窗口大小，顯示工具欄，顯示地址欄，顯示菜單欄，顯示狀態(tài)欄 創(chuàng)建記錄集對(duì)象對(duì)所檢索數(shù)據(jù)空做處理 建立記錄集對(duì)象set rs=server.createobject(adodb.recordset) 執(zhí)行sql語句，檢索news表內(nèi)的數(shù)據(jù)集，將其按新聞的ID做降序排列sql=SELECT * from news order by ID descrs.open sql,conn,1,1 如果數(shù)據(jù)集為空，則頁面顯示提示“還沒有任何內(nèi)容”if rs.eof and rs.bof thenresponse.write 還 沒 有 任 何 內(nèi) 容else%為方便訪問者的瀏覽以及檢索數(shù)據(jù)庫的數(shù)據(jù)量過大而造成的訪問速度降低，我們采用分頁的形式來分成多頁顯示。顯示新聞標(biāo)題及發(fā)布時(shí)間 執(zhí)行腳本newswindow，為變量，給創(chuàng)建超級(jí)鏈接a href=javascript:NewsWindow() 顯示發(fā)布時(shí)間 t=rs(times) t1=split(t, )(0) response.write t1記錄指向下一個(gè)rs.movenextNext對(duì)分頁后顯示的導(dǎo)航連接的判斷和顯示： 如果當(dāng)前頁數(shù)大于1，無論何時(shí)都應(yīng)顯示首頁和上一頁的連接if rs.PageCount1 Then If pagecount1 Then Response.Write 首頁 Response.Write 上一頁 End If 如果當(dāng)前頁數(shù)大于總頁面數(shù)時(shí)，顯示出尾頁和下一頁的連接 If pagecountrs.PageCount Then Response.Write 下一頁 Response.Write 尾頁 End If執(zhí)行更新操作后，關(guān)閉釋放數(shù)據(jù)庫連接rs.closeset rs=nothingconn.closeset conn=nothing3.5.4 前臺(tái)詳細(xì)內(nèi)容顯示頁面（news_view.asp）當(dāng)瀏覽者點(diǎn)擊新聞標(biāo)題時(shí)，將彈出相應(yīng)標(biāo)題的新聞，這時(shí)就需要一個(gè)頁面來顯示新聞的詳細(xì)內(nèi)容： 如果游標(biāo)到了記錄的尾端，則提示錯(cuò)誤，并關(guān)閉對(duì)象釋放資源if rs.eof thenresponse.write 錯(cuò)誤的ID號(hào)3.5.5 后臺(tái)新聞添加頁面（news_add.asp）管理員可以通過后臺(tái)發(fā)布新聞，該頁面即可實(shí)現(xiàn)，首先調(diào)用conn.asp文件連接數(shù)據(jù)庫，然后對(duì)管理員身份進(jìn)行驗(yàn)證： 如果用戶提交的id為空，頁面則轉(zhuǎn)入login.html即管理員登陸頁面if session(id)= then response.redirect(login.html)確認(rèn)管理員身份，判斷所填入的資料是否為空，為空則警告，否則將表單中的數(shù)據(jù)保存數(shù)據(jù)庫：if rs.eof or rs.bof then rs.addnew end if3.5.6 后臺(tái)新聞編輯頁面（new_edit.asp）如果del參數(shù)不為空則執(zhí)行sql語句，將字段中相應(yīng)del參數(shù)的ID刪除：if request(del) then conn.Execute(delete * from news where id=&request(del)給各新聞加上刪除連接：a href=newsedit.asp?del=刪除3.5.7 后臺(tái)圖片上傳頁面（fileupload.asp）調(diào)用化境ASP無組件上傳類文件，該文件為網(wǎng)絡(luò)資源：保存文件asp代碼： 建立上傳對(duì)象set upload=new upload_5xsoftfor each formName in upload.objForm nextfor each formName in upload.objFile 生成一個(gè)文件對(duì)象 set file=upload.objFile(formName) 如果文件大小不為0則將該文件保存進(jìn)服務(wù)器路徑“image/&file.FileName” if file.FileSize0 then file.SaveAs Server.mappath(image/&file.FileName) 建立記錄對(duì)象集，執(zhí)行sql語句 sql=select * from news order by id set rs=Server.CreateObject(ADODB.recordset) rs.open sql,conn,1,3 指向最后一條記錄，將文件 rs.MoveLast rs(pic)=file.Filename 提示成功，退回前一頁（發(fā)布新聞頁面） response.writealert(添加圖片成功!);history.back(); end if建立上傳表單，action事件為本身，enctype=multipart/form-data表示這個(gè)表單的MIME編碼為multipart/form-data，以確保匿名上載文件的正確編碼，默認(rèn)時(shí)是 application/x-www-form-urlencoded：3.6 “機(jī)構(gòu)動(dòng)態(tài)”該欄目的設(shè)計(jì)思想和上一節(jié)的道理一樣，也是實(shí)現(xiàn)一個(gè)新聞發(fā)布系統(tǒng)，只不過在發(fā)布的內(nèi)容有所不同，所以我們可以將第一節(jié)的所有程序copy一份，將copy后的文件進(jìn)行相應(yīng)重新命名即可。最后還需要做的就是在數(shù)據(jù)庫內(nèi)增加一個(gè)名為jgdt的表，創(chuàng)建六個(gè)字段，同上一節(jié)，這里就不重復(fù)了。3.7 “愛心公告”“愛心公告”是主辦單位用來發(fā)布已經(jīng)向江西希望工程捐款的愛心人士的名單和信息。該欄目思想同新聞發(fā)布系統(tǒng)，但它不需要圖片上傳系統(tǒng)，也不需要專門的頁面來顯示捐款人的信息，比新聞系統(tǒng)還要簡(jiǎn)易。 “愛心公告”的數(shù)據(jù)表（aixin表）主要涉及到七個(gè)數(shù)據(jù)項(xiàng)：捐款人ID（自動(dòng)編號(hào)），捐款人姓名（name），捐款項(xiàng)目（xiangmu），捐款對(duì)象（number），捐款金額（total），捐款途徑（fangshi），捐款人留言（liuyan）。其結(jié)構(gòu)見下：在以上這些數(shù)據(jù)項(xiàng)里，基本都是由捐款人在捐款時(shí)自己提交的信息，管理員在確認(rèn)其真實(shí)姓名后將其從后臺(tái)發(fā)布，最后顯示在前臺(tái)的列表內(nèi)。第四章 “愛心超市”的實(shí)現(xiàn)4.1 目標(biāo)設(shè)計(jì)與功能設(shè)計(jì)思路“愛心超市”是青年志愿者提交自己信息的欄目，為實(shí)現(xiàn)這個(gè)欄目，就需要一個(gè)頁面club_reg.asp來提供給志愿者注冊(cè)個(gè)人信息，然后在club.asp頁面輸入自己的登陸帳號(hào)和密碼進(jìn)入自己的管理頁面club_manage.asp，出于安全考慮，還需要一個(gè)可以修改登陸密碼的頁面club_cpass.asp，該欄目對(duì)功能要求不大，所以其結(jié)構(gòu)不復(fù)雜，實(shí)現(xiàn)簡(jiǎn)單。4.2 數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)該欄目的數(shù)據(jù)表（vip表）主要涉及到數(shù)據(jù)項(xiàng)有：會(huì)員ID（自動(dòng)編號(hào)）、會(huì)員姓名name、聯(lián)系地址address、聯(lián)系電話phone、留言content、地址郵編code、注冊(cè)時(shí)間time、登陸名user、登陸密碼password，其結(jié)構(gòu)見下：4.3 用戶注冊(cè)頁面（club_reg.asp）該頁面主要就一個(gè)注冊(cè)信息填寫表單，表單action事件為save_reg.asp該表單元素見下：名稱表單元素類型含義usertext登陸帳號(hào)Password1password登陸密碼Password2password確認(rèn)密碼nametext志愿者真實(shí)姓名addresstext聯(lián)系地址codetext郵編phonetext聯(lián)系電話contenttext留言內(nèi)容submitsubmit提交表單resetreset重設(shè)表單4.4 保存用戶注冊(cè)信息（save_reg.asp）當(dāng)志愿者提交表單后，所填寫的數(shù)據(jù)將被post到save_reg.asp處理，首先調(diào)用兩文件，數(shù)據(jù)庫連接文件和md5密碼加密文件。 檢測(cè)用戶名是否被使用： 如果記錄不為空，則警告并退回前一頁if not(rsReg.bof and rsReg.eof) thenresponse.writealert(此用戶名已經(jīng)注冊(cè)，請(qǐng)選擇另外一用戶名！);history.back();確認(rèn)密碼和用戶名的合法性： 如果密碼字符多于8或少于4則警告，退回前一頁if passwordlength8 or passwordlength4 thenresponse.writealert(密碼長(zhǎng)度不對(duì)！);history.back();else 如果用戶名長(zhǎng)度多于10，則警告，退回前一頁if