第8章 ASP網站典型模塊設計實例

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

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

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

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

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

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

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

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

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

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

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