第8章 ASP網(wǎng)站典型模塊設(shè)計實(shí)例

1、第8章 ASP網(wǎng)站典型模塊設(shè)計實(shí)例 本章的學(xué)習(xí)目標(biāo)：掌握注冊登陸模塊的系統(tǒng)分析及關(guān)鍵技術(shù)的實(shí)現(xiàn)掌握留言論壇的設(shè)計方法及其關(guān)鍵技術(shù)的實(shí)現(xiàn)掌握利用數(shù)據(jù)庫存儲計數(shù)數(shù)據(jù)并以圖形方式顯示計數(shù)器的設(shè)計方法掌握組合查詢的設(shè)計實(shí)現(xiàn)方法了解文件上載功能的設(shè)計實(shí)現(xiàn)方法注冊登陸應(yīng)用：對于一個論壇社區(qū)、網(wǎng)上購物、聊天游戲等大型網(wǎng)站一般都以用戶名的方式進(jìn)行交互的，這就需要網(wǎng)站注冊登陸模塊來實(shí)現(xiàn)。注冊登陸作用：用戶通過注冊登陸網(wǎng)站系統(tǒng)，就可以擁有一定權(quán)限，實(shí)現(xiàn)網(wǎng)站的訪問和用戶間的交流，網(wǎng)站并以用戶名為索引，來跟蹤和保存用戶訪問網(wǎng)站的信息。注冊登陸模塊是網(wǎng)站實(shí)現(xiàn)用戶交互的基本前提。8.1 注冊登陸模塊的設(shè)計 1. 功能分析

2、用戶注冊登陸模塊應(yīng)具備以下幾個功能：注冊信息的提交及其表單信息的驗(yàn)證注冊信息存儲時防止重名注冊登陸驗(yàn)證碼的設(shè)計用戶級別的劃分個性管理頁面定制防止越權(quán)訪問2. 系統(tǒng)流程及文件體系規(guī)劃 8.1.1 注冊登陸系統(tǒng)的需求分析根據(jù)用戶注冊登陸的功能分析，我們以Access數(shù)據(jù)庫為例，創(chuàng)建用戶信息庫文件userdata.mdb，以及用戶信息userinfo表，表的結(jié)構(gòu)如表8-1所示。8.1.2 數(shù)據(jù)庫的設(shè)計在ASP網(wǎng)站開發(fā)中常常會遇到一些公用模塊，如數(shù)據(jù)庫接口、錯誤處理等，這些模塊在系統(tǒng)中很多頁面都要用到，這樣就可以采用包含頁的方式，實(shí)現(xiàn)了代碼重用，提高了開發(fā)效率。本例中用到的公用模塊只有一個數(shù)據(jù)庫接口模

3、塊，文件命名為conn.asp，其他頁中要與數(shù)據(jù)庫發(fā)生訪問關(guān)系就將此文件包含進(jìn)來即可，方法為在訪問數(shù)據(jù)庫網(wǎng)頁的代碼頁首加入如下語句： 8.1.3 公用模塊的設(shè)計1. 注冊界面設(shè)計 注冊界面應(yīng)包括填寫用戶名、密碼和驗(yàn)證密碼，這是最基本的，為了實(shí)現(xiàn)表單各種類別的驗(yàn)證，我們這里另加上了填寫注冊用戶的年齡和電子郵箱，對應(yīng)存儲到數(shù)據(jù)庫部分我們還添加了用戶注冊時間以及用戶等級的劃分，表的結(jié)構(gòu)見數(shù)據(jù)庫設(shè)計表8-1所示。 8.1.4 注冊模塊的設(shè)計2. 客戶端驗(yàn)證模塊的設(shè)計為了保證注冊用戶信息錄入的準(zhǔn)確性，表單驗(yàn)證是必不可少的，在實(shí)際網(wǎng)絡(luò)上的表單驗(yàn)證都采用的是客戶端方式驗(yàn)證，而這種方式都是用的JavaScri

4、pt腳本編程來實(shí)現(xiàn)的，因?yàn)镴avaScript比VBScript兼容性更好，本例的注冊表單信息錄入要求如下： 用戶名及密碼不能為空。 口令長度不得小于6位并且和驗(yàn)證口令的輸入必須相同。 用戶年齡必須為數(shù)字并且錄入的年齡符合要求。 電子郵箱錄入符合郵箱的格式要求?！纠鹤皂撁嫖募eg.htm 】8.1.4 注冊模塊的設(shè)計3. 防止同名注冊的設(shè)計 用戶注冊中，一般以用戶名作為唯一索引主鍵，所以禁止同名注冊，在程序設(shè)計中獲取表單的用戶名和現(xiàn)有庫表中的記錄進(jìn)行檢索比較，如果沒有得到相同的用戶名則可以把注冊的用戶信息添加到數(shù)據(jù)庫中?！纠鹤皂撁娴谋韱谓邮照邽閞eg.asp 】 8.1.4 注冊模塊

5、的設(shè)計1. 驗(yàn)證碼模塊的設(shè)計驗(yàn)證碼作用：不少網(wǎng)站為了防止用戶利用“機(jī)器人”等軟件進(jìn)行自動注冊、登錄或灌水，都采用了驗(yàn)證碼技術(shù)。所謂驗(yàn)證碼，就是將一串隨機(jī)產(chǎn)生的數(shù)字或符號，生成一幅圖片，圖片里加上一些干擾象素（防止OCR），由用戶肉眼識別其中的驗(yàn)證碼信息，輸入表單提交網(wǎng)站驗(yàn)證，驗(yàn)證成功后才能使用某項(xiàng)功能。驗(yàn)證碼實(shí)現(xiàn)方法：本示例中設(shè)計了一個四位數(shù)字構(gòu)成的驗(yàn)證碼，這四位的數(shù)據(jù)是采用隨機(jī)數(shù)方法實(shí)現(xiàn)的，并將這四位數(shù)字分別替換成所對應(yīng)的圖片進(jìn)行顯示。因此，需要事先設(shè)計幾組數(shù)字圖片，示例中準(zhǔn)備了3組隨機(jī)數(shù)字圖片，每組為一個文件夾，分別命名分別為1、2和3，文件夾內(nèi)圖片的命名與顯示的數(shù)字一一對應(yīng)，分別命名為0

6、.gif、1.gif、2.gif、 9.gif。 【例：示例登陸文件命名為index.asp 】8.1.5 登陸模塊的設(shè)計2. 登陸后用戶級別的劃分 用戶輸入戶名、密碼及驗(yàn)證碼后，正確時則為該用戶設(shè)置兩個Session變量，一個是索引該用戶的用戶名信息，另一個為區(qū)別用戶級別的級別值，用戶在正確登陸后進(jìn)入管理頁面訪問時，就始終攜帶這兩個值。【例：審核登陸信息的網(wǎng)頁文件 check.asp】8.1.5 登陸模塊的設(shè)計4. 個性管理頁面的設(shè)計根據(jù)用戶攜帶的Session(“l(fā)evel”)的級別值不同，可以定制用戶的個性頁面，用戶級別的賦值為該用戶數(shù)據(jù)庫記錄中的值，如果為普通用戶示例設(shè)置為2，若為超級

7、管理用戶示例設(shè)置的級別為3。定制個性頁面方法：可以利用response.redirect方法分別跳轉(zhuǎn)到超級用戶及普通用戶的頁面來完成不同的功能；也可以利用在同一個文件中，利用級別值不同來屏蔽部分管理功能；再一種方法是根據(jù)級別不同，執(zhí)行不同的SQL語句來實(shí)現(xiàn)用戶管理范圍的定制?！纠菏纠秊橐粋€文件名為manage.asp】 8.1.5 登陸模塊的設(shè)計5. 防止越權(quán)訪問 為了保障管理頁面的安全訪問，在用戶登陸管理界面后訪問的每個頁面腳本前都應(yīng)該加上如下代碼： 退出管理頁面時，也應(yīng)消除Session信息值，示例中退出管理頁面的文件為quit.asp，其代碼如下： 8.1.5 登陸模塊的設(shè)計網(wǎng)上留言是

8、最基礎(chǔ)的網(wǎng)絡(luò)信息交互模塊，應(yīng)完成記錄留言者的留言信息，實(shí)現(xiàn)留言回復(fù)的基本功能，在一些大型的ASP網(wǎng)站中很多地方都要用到這個模塊，比如話題討論、信息反饋、疑難解答等，另外有些類似的功能也都是由留言論壇模塊進(jìn)行擴(kuò)展實(shí)現(xiàn)的，如信息發(fā)布、網(wǎng)絡(luò)博客、網(wǎng)上日記等等。如果把留言板的內(nèi)容擴(kuò)充，添加用戶注冊登陸模塊、管理模塊，實(shí)現(xiàn)用戶留言的同時留下發(fā)言者的注冊戶名信息，注冊登陸用戶可以搜索留言、回復(fù)其他用戶留言，根據(jù)注冊登陸用戶的等級可以建立話題討論以及管理留言等功能就可以形成了論壇系統(tǒng)。 本節(jié)只介紹用戶匿名留言及其回復(fù)的設(shè)計實(shí)現(xiàn)過程。 8.2 留言論壇模塊的設(shè)計 1. 功能分析 留言功能多重回復(fù)留言功能留言貼

9、及其回復(fù)貼在同一頁面中顯示記錄留言瀏覽次數(shù)、留言者的IP以及留言時間用圖片表示留言者的表情 2. 文件體系規(guī)劃【示例】根據(jù)以上功能分析，留言的文件體系規(guī)劃如圖所示。 8.2.1 留言模塊的需求分析8.2.2 數(shù)據(jù)庫的設(shè)計8.2.3 功能實(shí)現(xiàn)1. 公共模塊的設(shè)計 數(shù)據(jù)庫接口模塊數(shù)據(jù)庫接口模塊文件命名為conn.asp。 CSS樣式表文件CSS是Cascading Style Sheets（層疊樣式表）的簡稱。簡單地說就是用來美化網(wǎng)頁用的。它是一種標(biāo)記語言，不需要編譯，可以直接由瀏覽器執(zhí)行。CSS文件是一個文本文件，它包含了一些CSS標(biāo)記，CSS文件必須使用css為擴(kuò)展名。本示例文件命名為css.

10、css。在使用CSS樣式表文件的標(biāo)記結(jié)束前嵌入如下語句：【例css.css】8.2.3 功能實(shí)現(xiàn)2. 留言列表的設(shè)計 本示例中留言列表為主頁文件，命名為index.asp，該頁主要完成除回復(fù)留言以外的留言原帖列表，包括原帖的點(diǎn)擊瀏覽次數(shù)、留言時間以及該貼的回復(fù)次數(shù)。關(guān)鍵技術(shù)：Select * from bookinfo where mess_re = 0 order by id desc 【例 index.asp 】8.2.3 功能實(shí)現(xiàn)3. 查看留言內(nèi)容的設(shè)計 在上圖中我們點(diǎn)擊某一留言，通過鏈接攜帶的索引ID號值，進(jìn)入到查看具體留言的頁面?！纠?read_mess.asp 】 關(guān)鍵技術(shù)：8.2

11、.3 功能實(shí)現(xiàn)4. 發(fā)表/回復(fù)留言的設(shè)計 發(fā)表及回復(fù)留言功能的設(shè)計由一個ASP程序文件實(shí)現(xiàn)的。【示例 write_mess.asp】發(fā)表及回復(fù)留言的表單提交【示例 add_mess.asp】關(guān)鍵技術(shù)：表情圖片的存儲思考題：如何設(shè)計一個論壇程序？（注冊登陸、“實(shí)名”留言/回復(fù)、后臺管理）7.9 本章小結(jié) 這一章介紹了ADO對象及數(shù)據(jù)庫操作，重點(diǎn)介紹了數(shù)據(jù)庫的連接方法、Connection對象、Recordset對象、Fields集合及其Field對象、Command對象和Errors集合及其Error對象。利用Connection對象和Recordset對象，幾乎可以涵蓋了對數(shù)據(jù)庫的所有操作，本章詳細(xì)介紹了利用Recordset對象進(jìn)行數(shù)據(jù)庫的查詢、分頁、添加、刪除及修改的語法及其應(yīng)用示例，要求讀者對這些操作重點(diǎn)掌握。前面所有的章節(jié)都是為本章做鋪墊，所以本章也是本教材的重點(diǎn)。也是下一章綜合練習(xí)及工程實(shí)踐的基礎(chǔ)。思考題： 1. 什么是數(shù)據(jù)庫、表、字段、記錄？它們之間是什么關(guān)系？ 2. Access數(shù)據(jù)庫表的字段數(shù)據(jù)類型有哪些？它們的特征是什么？ 3. 利用Acces