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

摘 要在最早的網(wǎng)站建設(shè)中WEB都是完全靜態(tài)的，其頁面的核心是一種標(biāo)記語言即HTML，該標(biāo)記語言編寫簡單，不需要有特定的語言編寫環(huán)境，任何一種編譯器即可實現(xiàn)其編寫，然后使用瀏覽器即可觀看到其運行的結(jié)果。由于其完全的靜態(tài)所以若網(wǎng)站的維護(hù)者需要更新WEB中的內(nèi)容時都須手動操作更改所有的HTML文檔，這對于小型的個人網(wǎng)站還不構(gòu)成問題，但對于大型的商業(yè)網(wǎng)站來說那就是一件讓人煩躁的事，所以被新的技術(shù)所取代也成了一種必定發(fā)展的趨勢了，DHTML為HTML帶來了嶄新的面孔，CGI、ASP把WEB帶進(jìn)了一個新的領(lǐng)域。ASP（Active Server Pages）是Microsoft公司開發(fā)的一種開放式的非編輯應(yīng)用環(huán)境，我們能夠組合HTML，Scripts和可重用的ActiveX服務(wù)器來建立動態(tài)的，強大的基于WEB的商業(yè)應(yīng)用。ASP得以生存是因為它有意義，它屬于一種“開放技術(shù)框架”，意思是您無須使用微軟的產(chǎn)品就能編寫它的代碼。如今越來越多的人開始選擇ASP，因為所有這些相應(yīng)的微軟開發(fā)工具都很好，能節(jié)省開發(fā)者的大量的時間，ASP以最小的代價利用COM和DCOM（組件對象模型和分布式組件模型）對象的優(yōu)勢。本文簡要介紹了希望工程-江西在線網(wǎng)站的開發(fā)過程，該網(wǎng)站主要基于ASP一技術(shù)來開發(fā)建設(shè)的，其完整的后臺管理功能實現(xiàn)了新聞發(fā)布、在線捐款、在線留言等各種動態(tài)系統(tǒng)。關(guān)鍵字：ASP、數(shù)據(jù)庫、HTML計算機科學(xué)與技術(shù)（師范）畢業(yè)論文 江西省希望工程網(wǎng)站的設(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語言簡述1.2 Active Server Pages簡述1.3 Active Server Pages特點第二章 后臺系統(tǒng)及目標(biāo)設(shè)計分析2.1 網(wǎng)站功能分析與目標(biāo)設(shè)計2.2 測試服務(wù)器MS IIS的安裝與配置2.3 網(wǎng)站導(dǎo)航地圖的定制2.4 整站外觀風(fēng)格的統(tǒng)一與設(shè)計第三章 “新聞動態(tài)”的實現(xiàn)3.1 數(shù)據(jù)庫的創(chuàng)建與鏈接.3.2 后臺管理員登陸頁面（login.html）3.3 管理員身份確認(rèn)（check.asp）3.4 后臺控制（含管理員修改密碼）（administrator.asp）3.5 “新聞報道” 3.5.1 目標(biāo)設(shè)計與功能設(shè)計思路 3.5.2 數(shù)據(jù)庫的設(shè)計與實現(xiàn). 3.5.3 前臺新聞列表頁面（news.asp）. 3.5.4 前臺詳細(xì)內(nèi)容顯示頁面（news_view.asp） 3.5.5 后臺新聞添加頁面（news_add.asp） 3.5.6 后臺新聞編輯頁面（new_edit.asp） 3.5.7 后臺圖片上傳頁面（fileupload.asp）3.6 機構(gòu)動態(tài)3.7 愛心公告第四章 “愛心超市”的實現(xiàn)4.1 目標(biāo)設(shè)計與功能設(shè)計思路4.2 數(shù)據(jù)庫的設(shè)計與實現(xiàn)4.3 用戶注冊頁面（club_reg.asp）.17181919202020212122222222222223242526264.4 保存用戶注冊信息（save_reg.asp）4.5 注冊用戶登陸和密碼的修改第五章 “救助檔案”的實現(xiàn)5.1 目標(biāo)設(shè)計與功能設(shè)計思路5.2 數(shù)據(jù)庫的設(shè)計與實現(xiàn)5.3 貧困學(xué)生檔案查詢實現(xiàn)5.4 捐助人填寫個人信息（donate.asp）5.5 保存捐助人信息（save_donate.asp）5.6 個人捐款歷史查詢實現(xiàn)第六章 在線留言系統(tǒng)的實現(xiàn)6.1 目標(biāo)設(shè)計與功能設(shè)計思路6.2 數(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級計算機教育（1）班 蔡浩 第29頁 共29頁引 言1、網(wǎng)站的開發(fā)背景江西省青少年發(fā)展基金會是1991年8月由共青團(tuán)江西省委創(chuàng)辦的，具有獨立法人地位的非營利性社會團(tuán)體，為得到更多海內(nèi)外關(guān)心江西青少年事業(yè)的團(tuán)體、人士的支持和贊助，促進(jìn)江西省青少年工作、社會教育、科技、文化和福利事業(yè)的發(fā)展，為青少年成長、成才更好的服務(wù)，所以基金會特策劃“希望工程江西在線”網(wǎng)站的開通并與江西師范大學(xué)建立友好合作關(guān)系。2、開發(fā)工作的思路 江西省希望工程網(wǎng)站站名：希望工程江西在線，英文名：Project Hope Jiangxi Online，屬于政府官方型網(wǎng)站，所以在外觀的設(shè)計上一定要以正規(guī)明朗的思路來引導(dǎo)建設(shè)過程，切不可過于創(chuàng)意和花哨。明確了網(wǎng)站的性質(zhì)后，建設(shè)過程就有了一條較為明朗的引導(dǎo)思路，首先我們需要構(gòu)思好網(wǎng)頁的大致布局，以及主色調(diào)，這些都會直接影響訪問者在瀏覽時的情緒。大致網(wǎng)頁框架布局好后就是動態(tài)系統(tǒng)的制作了，首先是新聞相關(guān)頻道，由于新聞更新的時時性，我們可以采用后臺更新的方式來制作，即實現(xiàn)新聞在線發(fā)布系統(tǒng)，該系統(tǒng)除了適用于新聞發(fā)布，也適用于“愛心公告”頻道中發(fā)布已向希望工程捐款的愛心人士相關(guān)信息，以及“救助檔案”頻道中發(fā)布需救助的貧困學(xué)生的檔案資料。為強大江西希望工程事業(yè)的團(tuán)體隊伍，特設(shè)“愛心超市”頻道，該頻道用來收集愿為江西希望工程事業(yè)做貢獻(xiàn)的青年志愿者的個人資料，于是就需要一個注冊系統(tǒng)提供給志愿者提交個人信息，以及可以修改登陸密碼功能，和其他網(wǎng)站一樣該網(wǎng)站也需要一個可以實現(xiàn)訪問者在訪問過網(wǎng)站后提交個人對網(wǎng)站的一些提議或給主辦單位的留言和建議。為方便操作和編輯發(fā)布的信息，還需要一個后臺，該后臺只有指定的管理員才可以進(jìn)行操作，所以需要創(chuàng)建一個登陸系統(tǒng)來確認(rèn)身份，而且后臺內(nèi)的每個發(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ù)時能快速的檢索出需要修改更新的文件，比如建立images文件夾來存放圖片、database存放數(shù)據(jù)庫文件，還有文件和參數(shù)我們也要準(zhǔn)備好使用一種容易辯識的名字來命名和定義，這些看似細(xì)小的環(huán)節(jié)最好不要忽視了，如果對這些小細(xì)節(jié)采取粗略態(tài)度的話，將會給自己在建站時增加不必要的麻煩，大大降低效率。為加大開發(fā)網(wǎng)站的效率以及增加網(wǎng)站的可看性，我們可以準(zhǔn)備一些輔助工具，比如Macromedia 的產(chǎn)品DreamWeaver、Flash、FireWorks，還有Flashftp等等第一章 ASP技術(shù)的論述1.1 HTML語言的簡述 自1990年HTML就開始成為World Wide Web上發(fā)布信息的表示語言，但由于其完全的靜態(tài)特征，所以僅能提供大量的文字信息服務(wù)，當(dāng)網(wǎng)站內(nèi)容需要更新時，維護(hù)者就必須手動更改所需要更新的文檔，若所須更新的文檔量較大時，網(wǎng)站的更新就成為一個煩瑣的事了。 HTML是一種為普通文件中某些字句加上標(biāo)記的語言，其目的在于運用標(biāo)記使文件達(dá)到預(yù)期的效果，其英文全稱：Hyper Text Markup Language，中文全稱：超文本標(biāo)記語言。HTML為編寫者提供了以下功能：（1）編寫在線的文檔，包括標(biāo)題、文本、表格、列表以及圖片等內(nèi)容；（2）通過超級鏈接可以在線查閱檢索信息；（3）可以直接在文檔中插入電子表格、視頻音頻剪輯、以及其他的一些應(yīng)用；（4）為獲得遠(yuǎn)程服務(wù)而設(shè)計的表單，可以用于檢索信、定購產(chǎn)品等。HTML格式簡單，易于編寫，使用任何文字編輯器即可編寫HTML文檔，用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統(tǒng)平臺（如UNIX，WINDOWS等）。1.2 ASP簡述ASP是微軟公司開發(fā)的一套服務(wù)器端的腳本環(huán)境，基于服務(wù)器端的支持下，用于創(chuàng)建運行交互式的動態(tài)網(wǎng)頁，它拜托了之前所有動態(tài)頁面的局限性，以簡單易學(xué)的特征、良好的數(shù)據(jù)庫操作功能，成了目前國內(nèi)主流動態(tài)網(wǎng)頁技術(shù)。ASP英文全稱：Active Server Pages，在微軟的官方站點上對ASP權(quán)威定義是：Active Server Pages是一種開放式的非編譯應(yīng)用環(huán)境，使您能夠組合HTML、Scripts和可重用的ActiveX服務(wù)器組件來建立動態(tài)的，強大的基于Web的商業(yè)應(yīng)用。Active Server Pages支持基于IIS上的服務(wù)器端腳本并且完全支持VBScript和Jscript。Active Server Pages的發(fā)展經(jīng)歷了以下幾個階段：靜態(tài)HTMLDHTML（動態(tài)HTML）CGI（公共網(wǎng)關(guān)接口）Active Server PagesASP得以生存是因為它有意義，它屬于一種“開放技術(shù)框架”，意思是您無須使用微軟的產(chǎn)品就能編寫它的代碼。如今越來越多的人開始選擇ASP，因為所有這些相應(yīng)的微軟開發(fā)工具都很好，能節(jié)省開發(fā)者的大量的時間 ASP以最小的代價利用COM和DCOM（組件對象模型和分布式組件模型）對象的優(yōu)勢。1.3 ASP特點 ASP 內(nèi)含于 IIS 3.0以上版本中 , 通過 ASP 我們可以結(jié)合 HTML 網(wǎng)頁、 ASP 指令和 ActiveX 元件建立動態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。有了 ASP 你就不必?fù)?dān)心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。 以下羅列了 Active Server Pages 所獨具的一些特點： 1. 使用 VBScript 、 JScript 等簡單易懂的腳本語言，結(jié)合 HTML 代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。 2. 無須 compile 編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。 3. 使用普通的文本編輯器，如 Windows 的記事本，即可進(jìn)行編輯設(shè)計。 4. 與瀏覽器無關(guān) (Browser Independence), 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計的網(wǎng)頁內(nèi)容。 Active Server Pages 所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務(wù)器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。 5.Active Server Pages 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設(shè)計外，還通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。 6.Active Server Pages 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。 7. 可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本。 8. 物件導(dǎo)向（ Object-oriented ）。 9.ActiveX Server Components(ActiveX 服務(wù)器元件 ) 具有無限可擴充性?？梢允褂?Visual Basic 、 Java 、 Visual C+ 、 COBOL 等編程語言來編寫你所需要的 ActiveX Server Component 。 第二章 后臺系統(tǒng)及目標(biāo)設(shè)計分析2.1 網(wǎng)站功能分析與目標(biāo)設(shè)計江西希望工程網(wǎng)為江西省青少年發(fā)展基金會為救助失學(xué)青少年兒童而設(shè)立的慈善捐助網(wǎng)站，其功能主要如下：1. 發(fā)布希望工程及主辦單位內(nèi)部的最新動態(tài)；2. 發(fā)布捐獻(xiàn)人的名單和希望工程里發(fā)生的感人故事3. 發(fā)布急需救助的貧困學(xué)生的檔案和資金貧乏的學(xué)校的信息4. 實現(xiàn)在線通過網(wǎng)絡(luò)直接為所指定的貧困學(xué)生捐款5. 實現(xiàn)過客在線留言6. 實現(xiàn)用戶注冊登陸7. 宣傳希望工程的上級政策和人文精神8. 宣傳江西的人文和地理風(fēng)景9. 宣傳主辦單位的資料和發(fā)展歷程此外還需要增加一個后臺管理，實現(xiàn)在線更新前臺內(nèi)容，比如第1點功能需實現(xiàn)后臺增加新聞，并可以隨時更改或刪除已增加的內(nèi)容，后幾個內(nèi)容也相類似。2.2 測試服務(wù)器MS IIS的安裝與配置為方便預(yù)覽和測試動態(tài)頁面的運行效果，我使用了本地的Microsoft IIS 5.1作為測試服務(wù)器。安裝MS IIS非常簡單，只需要打開“控制面板”里面的“添加/刪除程序”選項”，如下圖所示，然后按照系統(tǒng)的提示進(jìn)行安裝即可。安裝成功后，IIS在系統(tǒng)目錄下創(chuàng)建了一個名為Inetpub的文件夾，Inetpub下有個wwwroot文件夾，新建的網(wǎng)頁放在此目錄下即可使用瀏覽器查看，測試方法也很簡單只要在瀏覽器的地址欄中輸入/*（需要測試的文件名）即可。打開控制面扳中的“Internet 信息服務(wù)”，在左邊的樹型菜單中，依次展開菜單可以看到“默認(rèn)網(wǎng)站”一欄，右鍵點擊“默認(rèn)網(wǎng)站”，選擇“屬性”，即可對IIS服務(wù)器進(jìn)行配置，由于我只是將該服務(wù)器做為測試，并非用于發(fā)布，所以在即將開發(fā)的網(wǎng)站中基本不需要對IIS的屬性做任何改動。該網(wǎng)站的開發(fā)及測試環(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)站地圖請您留言加入收藏設(shè)為首頁聯(lián)系我們真實瞬間機構(gòu)簡介組織機構(gòu)工作人員機構(gòu)榮譽榜我們的位置事業(yè)的回眸歷年審計報告在線捐款捐款方法政策導(dǎo)航希望工程簡介希望工程助學(xué)希望工程建校希望電腦室感人故事希望工程簡介希望工程助學(xué)希望工程建校希望電腦室希望工程簡介希望工程助學(xué)希望工程建校希望電腦室希望圖書室希望之星新聞報道新聞動態(tài)愛心公告在線捐助關(guān)于我們捐款方法愛心超市救助檔案捐助項目美好江西新聞動態(tài)歡迎頁面首頁2.4 整站外觀風(fēng)格的統(tǒng)一與設(shè)計江西省希望工程網(wǎng)屬于政府官方型網(wǎng)站，所以在選擇風(fēng)格顏色和外觀布局上還是一個不容忽視的環(huán)節(jié)，通過和相關(guān)專業(yè)人士探討后，我選用了綠、橙黃做為網(wǎng)站的主色調(diào)，綠色象征健康和希望，橙色代表幸福，而且綠色是環(huán)保色，對人的眼睛有好處，橙色則能讓人有種溫暖的感受，所以網(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）確定了主體布局后，下面就是首頁的排版，由于一個網(wǎng)站給訪問者的第一印象就是首頁，所以首頁的布局非常重要，除了需要明朗美觀的結(jié)構(gòu)，還要能準(zhǔn)確提供訪問者最想從網(wǎng)站中提取的資料信息，下面就是我給江西希望工程首頁定的最終布局：頂部最新捐款人和捐款金額新聞報道每月公告救助檔案查詢機構(gòu)動態(tài)Flash宣傳動畫會員登陸真實瞬間（照片）政策導(dǎo)航美好江西我們的位置感人故事在線捐助友情鏈接版權(quán)、地圖導(dǎo)航等底部第三章 “新聞動態(tài)”的實現(xiàn)3.1 數(shù)據(jù)庫的創(chuàng)建與鏈接該網(wǎng)站沒有使用到ODBC這種形式的數(shù)據(jù)庫，而是直接采用了Access文件的相對路徑來實現(xiàn)讀取數(shù)據(jù)庫的功能，代碼見下： 定義連接字符串 dim conn,connstr on error resume next 定義數(shù)據(jù)庫相對網(wǎng)站根目錄路徑，數(shù)據(jù)庫的驅(qū)動為微軟公司的Access connstr=DBQ=+server.mappath(database/data.mdb)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);將該代碼保存為conn.asp，放進(jìn)根目錄下，并在根目錄下的database（需新建）內(nèi)新建一個data.mdb文件。3.2 后臺管理員登陸頁面（login.html） 該頁面主要涉及到一個提交表單，表單內(nèi)主要有兩個表單元素，見下：名稱表單數(shù)據(jù)類型含義idtext管理員帳號passwordpassword登陸密碼當(dāng)表單被提交時，表單內(nèi)的信息將會被“post”到check.asp進(jìn)行處理。為此先創(chuàng)建一個名為login的表，其結(jié)構(gòu)很簡單，只有兩個字段，分別為id（管理員帳號）和password（登陸密碼），數(shù)據(jù)類型都為文本。3.3 管理員身份確認(rèn)（check.asp）首先連接數(shù)據(jù)庫，md5.asp為對密碼加密文件，可以對管理員的登陸密碼加密，增加網(wǎng)站后臺的安全性：然后對所輸入的帳號和密碼進(jìn)行核對，代碼及功能注釋見下： 如果表單中name為id和password的值為空則警告，并退回上一頁dim id,passwordid=Request.Form(id)Password=Request.Form(password)If(id=Or Password=)Thenresponse.writealert(用戶名或密碼不能為空，請重新輸入！);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(用戶名或密碼有誤，請重新輸入！);history.back();Response.EndElse 否則若id符合，則跳進(jìn)administrator.asp頁面session(id)=idResponse.Redirect administrator.aspResponse.EndEnd If3.4 后臺控制（含管理員修改密碼）（administrator.asp）我們將管理的主要控制菜單放在該頁面的左側(cè)，右側(cè)主要做了一個表單，該表單為管理員修改密碼的表單，其所有表單元素見下：名稱表單數(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(輸入錯誤，請重新輸入！);history.back();Response.EndEnd If 如果兩次密碼輸入不同則警告if(pwd1pwd2) thenresponse.writealert(輸入錯誤，請重新輸入！);history.back();Response.EndElse 創(chuàng)建記錄集對象，執(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 “新聞報道”3.5.1 目標(biāo)設(shè)計與功能設(shè)計思路 該欄目主要用來發(fā)布國際國內(nèi)希望工程的最新動態(tài)，首先新聞需包括標(biāo)題、新聞內(nèi)容和發(fā)布時間也可以加入信息發(fā)布者的信息等內(nèi)容。由于新聞的數(shù)量問題，所以需要一個專門列出新聞標(biāo)題的頁面（news.asp），當(dāng)瀏覽者點擊標(biāo)題時就可以進(jìn)入相應(yīng)的新聞詳細(xì)內(nèi)容（news_views.asp），這兩個頁面基本能滿足了新聞的瀏覽功能。新聞列表（news.asp）新聞內(nèi)容顯示（news_view.asp）為了方便發(fā)布新聞，管理員可以通過login.html登陸進(jìn)后臺，然后使用news_add.asp來添加新聞，添加的新聞將顯示到前臺news.asp的新聞列表內(nèi)，也可以使用news_edit.asp來修改或刪除已添加的新聞，其系統(tǒng)的功能結(jié)構(gòu)如下圖：后臺控制頁面(administrator.asp)管理員確認(rèn)（check.asp）后臺管理登陸（login.html）添加新聞（news_add.asp）刪除、修改新聞（news_edit.asp）3.5.2 數(shù)據(jù)庫的設(shè)計與實現(xiàn)根據(jù)功能設(shè)計的要求，可以列出以下 數(shù)據(jù)項：新聞ID（自動編號）、新聞標(biāo)題tittle、新聞詳細(xì)內(nèi)容content、新聞發(fā)布時間times、新聞編寫者writer、新聞相關(guān)圖片pic。由此該欄目的信息表（news表），其結(jié)構(gòu)如下所示：3.5.3 前臺新聞列表頁面（news.asp）該頁面主要顯示新聞列表，它將把所有最新的新聞以列表的形式根據(jù)更新時間來排列，更新時間越近的排在越前，當(dāng)每頁的新聞條數(shù)超過10條時自動分頁。我使用JavaScript來實現(xiàn)當(dāng)用戶點擊新聞標(biāo)題時彈出窗口顯示新聞的詳細(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);/ 定義彈出的窗口長500，寬800，帶有滾動條，可以調(diào)整窗口大小，顯示工具欄，顯示地址欄，顯示菜單欄，顯示狀態(tài)欄 創(chuàng)建記錄集對象對所檢索數(shù)據(jù)空做處理 建立記錄集對象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ā)布時間 執(zhí)行腳本newswindow，為變量，給創(chuàng)建超級鏈接a href=javascript:NewsWindow() 顯示發(fā)布時間 t=rs(times) t1=split(t, )(0) response.write t1記錄指向下一個rs.movenextNext對分頁后顯示的導(dǎo)航連接的判斷和顯示： 如果當(dāng)前頁數(shù)大于1，無論何時都應(yīng)顯示首頁和上一頁的連接if rs.PageCount1 Then If pagecount1 Then Response.Write 首頁 Response.Write 上一頁 End If 如果當(dāng)前頁數(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 前臺詳細(xì)內(nèi)容顯示頁面（news_view.asp）當(dāng)瀏覽者點擊新聞標(biāo)題時，將彈出相應(yīng)標(biāo)題的新聞，這時就需要一個頁面來顯示新聞的詳細(xì)內(nèi)容： 如果游標(biāo)到了記錄的尾端，則提示錯誤，并關(guān)閉對象釋放資源if rs.eof thenresponse.write 錯誤的ID號3.5.5 后臺新聞添加頁面（news_add.asp）管理員可以通過后臺發(fā)布新聞，該頁面即可實現(xiàn)，首先調(diào)用conn.asp文件連接數(shù)據(jù)庫，然后對管理員身份進(jì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 后臺新聞編輯頁面（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 后臺圖片上傳頁面（fileupload.asp）調(diào)用化境ASP無組件上傳類文件，該文件為網(wǎng)絡(luò)資源：保存文件asp代碼： 建立上傳對象set upload=new upload_5xsoftfor each formName in upload.objForm nextfor each formName in upload.objFile 生成一個文件對象 set file=upload.objFile(formName) 如果文件大小不為0則將該文件保存進(jìn)服務(wù)器路徑“image/&file.FileName” if file.FileSize0 then file.SaveAs Server.mappath(image/&file.FileName) 建立記錄對象集，執(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表示這個表單的MIME編碼為multipart/form-data，以確保匿名上載文件的正確編碼，默認(rèn)時是 application/x-www-form-urlencoded：3.6 “機構(gòu)動態(tài)”該欄目的設(shè)計思想和上一節(jié)的道理一樣，也是實現(xiàn)一個新聞發(fā)布系統(tǒng)，只不過在發(fā)布的內(nèi)容有所不同，所以我們可以將第一節(jié)的所有程序copy一份，將copy后的文件進(jìn)行相應(yīng)重新命名即可。最后還需要做的就是在數(shù)據(jù)庫內(nèi)增加一個名為jgdt的表，創(chuàng)建六個字段，同上一節(jié)，這里就不重復(fù)了。3.7 “愛心公告”“愛心公告”是主辦單位用來發(fā)布已經(jīng)向江西希望工程捐款的愛心人士的名單和信息。該欄目思想同新聞發(fā)布系統(tǒng)，但它不需要圖片上傳系統(tǒng)，也不需要專門的頁面來顯示捐款人的信息，比新聞系統(tǒng)還要簡易。 “愛心公告”的數(shù)據(jù)表（aixin表）主要涉及到七個數(shù)據(jù)項：捐款人ID（自動編號），捐款人姓名（name），捐款項目（xiangmu），捐款對象（number），捐款金額（total），捐款途徑（fangshi），捐款人留言（liuyan）。其結(jié)構(gòu)見下：在以上這些數(shù)據(jù)項里，基本都是由捐款人在捐款時自己提交的信息，管理員在確認(rèn)其真實姓名后將其從后臺發(fā)布，最后顯示在前臺的列表內(nèi)。第四章 “愛心超市”的實現(xiàn)4.1 目標(biāo)設(shè)計與功能設(shè)計思路“愛心超市”是青年志愿者提交自己信息的欄目，為實現(xiàn)這個欄目，就需要一個頁面club_reg.asp來提供給志愿者注冊個人信息，然后在club.asp頁面輸入自己的登陸帳號和密碼進(jìn)入自己的管理頁面club_manage.asp，出于安全考慮，還需要一個可以修改登陸密碼的頁面club_cpass.asp，該欄目對功能要求不大，所以其結(jié)構(gòu)不復(fù)雜，實現(xiàn)簡單。4.2 數(shù)據(jù)庫的設(shè)計與實現(xiàn)該欄目的數(shù)據(jù)表（vip表）主要涉及到數(shù)據(jù)項有：會員ID（自動編號）、會員姓名name、聯(lián)系地址address、聯(lián)系電話phone、留言content、地址郵編code、注冊時間time、登陸名user、登陸密碼password，其結(jié)構(gòu)見下：4.3 用戶注冊頁面（club_reg.asp）該頁面主要就一個注冊信息填寫表單，表單action事件為save_reg.asp該表單元素見下：名稱表單元素類型含義usertext登陸帳號Password1password登陸密碼Password2password確認(rèn)密碼nametext志愿者真實姓名addresstext聯(lián)系地址codetext郵編phonetext聯(lián)系電話contenttext留言內(nèi)容submitsubmit提交表單resetreset重設(shè)表單4.4 保存用戶注冊信息（save_reg.asp）當(dāng)志愿者提交表單后，所填寫的數(shù)據(jù)將被post到save_reg.asp處理，首先調(diào)用兩文件，數(shù)據(jù)庫連接文件和md5密碼加密文件。 檢測用戶名是否被使用： 如果記錄不為空，則警告并退回前一頁if not(rsReg.bof and rsReg.eof) thenresponse.writealert(此用戶名已經(jīng)注冊，請選擇另外一用戶名！);history.back();確認(rèn)密碼和用戶名的合法性： 如果密碼字符多于8或少于4則警告，退回前一頁if passwordlength8 or passwordlength4 thenresponse.writealert(密碼長度不對！);history.back();else 如果用戶名長度多于10，則警告，退回前一頁if