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

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

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

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

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

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

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

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

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

10、css。在使用CSS樣式表文件的標(biāo)記結(jié)束前嵌入如下語句：【例css.css】8.2.3 功能實(shí)現(xiàn)2. 留言列表的設(shè)計(jì) 本示例中留言列表為主頁文件，命名為index.asp，該頁主要完成除回復(fù)留言以外的留言原帖列表，包括原帖的點(diǎn)擊瀏覽次數(shù)、留言時(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è)計(jì) 在上圖中我們點(diǎn)擊某一留言，通過鏈接攜帶的索引ID號(hào)值，進(jìn)入到查看具體留言的頁面。【例 read_mess.asp 】 關(guān)鍵技術(shù)：8.2

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