
2023年11月19日發(作者:一件開心的事作文)f文檔可能在W
辣大叔醬板鴨
AP端瀏覽體驗不佳。建議您優先選擇TXT,或下載源文件到本機查看。
2
ASP+SQL Server 典型網站建設案例
1.1
應 用 背 景
隨著社會的進步和商品經濟的不斷發展,社會對勞動者和技術人員的知識和能力水平的要求越來 越高.考試作為衡量人的能力的重要手段,在現代生活中的地位進一步提高,并深入到社會的各個方 面.各種各樣的學歷考試,資格證書考試層出不窮.同時,Internet 技術的發展使得考試的技術手段和 載體發生了革命性的變化.Internet 的開放性和分布性的特點以及基于 Internet 的巨大計算能力使得考 試突破了時間和空間的限制.基于 Internet 的考試系統正成為人們的研究熱點之一.例如在英國,已經 實現了英語資格考試的網上學習和水平認證全過程. 計算機應用迅猛發展,網絡應用不斷擴大,如遠程教育和虛擬大學的出現等,使得基于 Web 的在 線考試系統成為現實.基于 Web 的在線考試系統可以發揮網絡的優勢,建立大型,高效,共享的題庫 和實現隨時隨地的考試,降低考試成本,減少人為干擾,減輕教師負擔,節約人力,物力和財力. 根據考試管理的實際要求,結合試卷管理的工作流程,系統應實現以下功能: 掌握本考試范圍內所有考生的基本情況,包括學號,姓名,成績等. 試卷的自動生成,答題完成后,系統對照正確答案,給出試卷分數. 對試題庫進行增加,刪除,修改等更新操作. 不同用戶的管理功能不同.管理員類用戶可以創建試卷,策劃每期考試題型及分數,對試題庫 進行維護,批準補考,查詢學生以往考試成績等功能.考生類用戶可以參加考試,完成答卷.
1.2
系 統 設 計
一個好的系統離不開科學,詳實的系統設計.系統只有建立在系統設計基礎上,才能成為一個好 的系統.
1.2.1 系統構架
系統設計的基礎是系統構架. 1.基于 B/S 體系 整個系統采用 Browr/Web/DataBa 的 3 層體系結構. Browr/Server 的系統中, 用戶可以通過瀏 覽器向分布在網絡上的服務器發出請求,服務器對瀏覽器的請求進行處理,將用戶所需信息返回到瀏 覽器.B/S 結構簡化了客戶機的工作,客戶機上只需配置 Web 瀏覽器即可.服務器將擔負更多的工作, 對數據庫的訪問和應用程序的執行將在服務器上完成.瀏覽器發出請求,而其余如數據請求,加工, 結果返回以及動態網頁生成等工作全部由 Web Server 完成. 在 Browr/Server 三層體系結構下,表示層(prentatioon),功能層(business logic),數據層 (data rvice)被割成 3 個相對獨立的單元. 第一層(表示層):Web瀏覽器.在表示層中包含系統的顯示邏輯,位于客戶端.它的任務
第1章
在線考試系統
3
是由Web瀏覽器向網絡上的Web服務器提出服務請求,Web服務
器對用戶身份進行驗證后用 HTTP協議把所需的主頁傳送給客戶端,客戶機接受傳來的主頁文件,并把它顯示在Web瀏覽 器
序擴展功能的Web服務器.在功能層中包含系統的事務處理 邏輯,位于Web服務器端.它的任務是接受用戶的請求,首先需要執行相應的擴展應用程序 與數據庫進行連接,通過SQL等方式向數據庫服務器提出數據處理申請,而后等數據庫服務 器將數據處理的結果提交給Web服務器,再由Web服務器傳送回客戶端. 第三層(數據層):數據庫服務器.在數據層中包含系統的數據處理邏輯,位于數據庫服務 器端.它的任務是接受Web服務器對數據庫操縱的請求,實現對數據庫查詢,修改,更新等 功能,把運行結果提交給Web服務器.系統采用SQL Server 2000數據庫. Browr/Server 三層體系結構,如圖 1.1 所示. 2.系統總體構架圖 在線考試系統總體構架圖,如圖 1.2 所示.
前端應用管理系統 B/S 結構 用戶資
辣大叔醬板鴨
料系統
客戶機 HTTP 服務器 Web 服務 器(IIS) 瀏覽器 HTML Web 應用 程序 數據庫
考試系統
后端應用管理系統 B/S 結構 管理員資料系統 IIS SQL Server 2000 Windows 2000/NT/XP/98 考試管理系統
圖 1.1
B/S 三層體系結構圖
圖 1.2
在線考試系統總體框架圖
1.2.2 系統功能模塊設計
系統主要功能如下: 學生在線注冊成功后可以登錄到考試中心,參加由系統按最新一期試卷的設置隨機產生的試 題的考試. 學生提交答題,系統自動對照數據庫正確答案算出分數,即學生當期考試的成績提交到成績 庫中. 學生只能對每一期考試提交一次成績,如果不及格,后臺管理員(教師)可以設置補考機會, 一個人一期考試只能有一次補考機會. 題庫的維護(包括判斷題,選擇題和填空題),試卷的維護,成績的統計,學生的查詢與管 理等. 系統主要分為前端,后端兩大管理系統,包括 4 大功能模塊,如圖 1.3 所示. 1.用戶類型 系統用戶分為兩類:學生類用戶和管理員(教師)類用戶.學生類用戶是指當前系統中所有的學 生.此類用戶只能對自己的信息進行初次注冊及瀏覽,不具有瀏覽和查詢他人信息的權利,也不能對
4
ASP+SQL Server 典型網站建設案例
自身和他人的信息進行管理.管理員(教師)類用戶可以對自己和他人的信息進行瀏覽,查詢以及修 改等管理.同時具有題庫的維護,試卷的維護和成績的統計等功能.
管理員信息系統 后 端 管 理 系 統 考試管理系統 管理員信息修改
判斷題管理
選擇題管理
填空題管理
試卷管理
成績管理
學生管理
前 端 管 理 系 統
學生資料系統
新學生考試資格注冊
參加考試
考試系統
以往成績查詢
查看答案分析結果 圖 1.3 功能模塊
2.后臺考試管理模塊 此模塊只對管理員(教師)類
用戶開放.管理員(教師)類用戶可以對題庫(包括判斷題,選擇 題和填空題)進行增加,刪除,修改等操作.如果當
可以在現有信息中進行查詢.不僅可以對策劃試卷的題型,分數等進行創建,修改和刪除 操作,而且可以對考試成績進行查詢,根據實際情況對具有補考資格的學生批準補考,還可以對學生 資料進行查找和刪除. 3.考試管理模塊 此模塊對學生類用戶開放.學生類用戶可以瀏覽自己以往的學習成績,也可以參加考試,對創建
第 1 章 在線考試系統
5
的試卷中的題目進行回答.答題完畢,系統自動對照數據庫正確答案算出分數,即學生當期考試的成 績提交到成績庫中.
1.2.3 系統主要工作流程
1.管理員(教師)在線考試后臺管理 管理員(教師)在線考試后臺管理程序流程圖,如圖 1.4 所示.
判斷題管理 type_ 選擇題管理 type_ 填空題管理 type_ 試卷管理 成績管理 學生管理 student_ 管理員資料
管理員(教師)登錄頁面 admin/
登錄 失敗
成功
在線考試后臺管理頁面
圖 1.4
管理員(教師)在線考試后臺管理程序主要流程圖
2.學生在線考試 學生在線考試前臺管理程序流程圖,如圖 1.5 所示.
學生注冊頁面 學生登錄頁面
登錄 成功 在線考試管理頁面
失敗
以往考試成績查詢頁面 my_
在線考試答題頁面
圖 1.5
學生在線考試前臺管理程序流程圖
6
ASP+SQL Server 典型網站建設案例
1.2.4 數據庫的分析與設計
本次開發的數據庫包括 4 方面. 題庫數據:包括了判斷題,選擇題和填空題 3 種類型題目.包括題目的題干,答案和加入日 期信息. 管理員,學生資料信息數據:包括姓名,密碼,性別,班級和學號等基礎數據. 成績資料表數據:包括學生學號,分數,考試日期和是否補考等基礎數據. 考試題型數據:包括考題數據,每題分數等基礎數據. 本系統將使用 SQL Server 2000 作為數據庫管理系統.安裝 SQL Server 2000,打開企業管理器,新 建一個數據庫,將其命名為 數據庫中包含的數據表及其相應功能如表 1.1 所示.
表 1.1 test數據庫包含的數據表及其功能 數 據 表 功 能
admin student examination test rightorwrong lecting filling
存放管理員(教
辣大叔醬板鴨
師)類用戶基本信息 存放學生類用戶基本信息 存放學生考試成績基本信息 存放試卷基本信息 系統判斷題題庫 系統選擇題題庫 系統填空題題庫
注意:雖然 SQL Server 建立的數據表中字段的名稱可以支持中文,但是從以往經驗來看,用于系統 開發而建立的數據庫最好不要使用中文,而是使用對應于中文意義的英文.這是基于以下兩 點:在某些不支持中文的系統中,字
段名稱含有中文的數據庫將不能夠被識別,這樣數據庫 就不能夠使用,從而使數據庫的可
dows 操作系統中, 在某些情況下中文字段也有可能會不能識別,或者不能很好地識別. 1.管理員(教師)信息表 admin 管理員 (教師) 信息表用于存放管理員 (教師) 類用戶的基本信息, 包括管理員 (教師) (admin) 姓名 , 管理員 (教師) 密碼 (adminpassword) 兩項基本信息. 在已創建的 SQL Server 數據庫 test 中, 右擊 "表" 創建一個表,名為 admin.向表中添加字段 admin 和 adminpassword.其中,admin(姓名)字段作為該 表的主關鍵字(primary key),惟一標識了一個管理員(教師)用戶記錄的信息.管理員(教師)信 息數據表結構如表 1.2 所示.
表 1.2 admin 字 段 名 數據類型及長度 說 明 備 注
admin adminpassword
nvarchar(10) nvarchar(6)
管理員姓名 管理員密碼
主關鍵字 不能為空
第 1 章 在線考試系統
7
2.學生信息表 student 學生信息表主要用于存放學生類用戶的基本信息.包括學生學號(studentnumber),學生姓名 (studentname) 學生密碼 , (studentpassword) 學生性別 , (x) 學生班級 , (class) 和注冊日期 (registerdata) 6 個字段.其中,studentnumber(學生學號)字段作為主關鍵字.學生信息表結構如表 1.3 所示.
表 1.3 student 字 段 名 數據類型及長度 說 明 備 注
studentnumber studentname studentpassword x class registerdata
nvarchar(8) nvarchar(10) nvarchar(6) char(2) nvarchar(30) smalldatetime
學生學號 學生姓名 學生密碼 學生性別 學生班級 注冊日期
主關鍵字 不能為空 不能為空 允許為空 允許為空 允許為空
3.考試成績信息表 examination 考試成績信息表主要用于存放學生類用戶的考試成績,是否獲得補考及其補考成績等基本信息. 包 括 試 卷 編 號 ( examinationid ) , 學 生 學 號 ( studentnumber ) , 學 生 成 績 ( score ) , 考 試 日 期 (examinationdata),是否補考(pass),補考成績(makeup)和補考日期(makeupdata)7 個字段. 其中,examinationid(試卷編號)與 studentnumber(學生學號)作為主關鍵字.pass(是否補考)默認 值為 0,makeup(補考成績)默認值為 0.考試成績信息表結構如表 1.4 所示.
表 1.4 examination 字 段 名 數據類型及長度 說 明 備 注
examinationid studentnumber score examinationdata pass makeup makeupdat
辣大叔醬板鴨
a
int nvarchar(8) int smalldatetime bit int smalldatetime
試卷編號 學生學號 學生成績 考試日期 是否補考 補考成績 補考日期
不能為空 不能為空 允許為空 允許為空 允許為空 允許為空 允許為空
4.考試題型信息表 test 每次考試之前,由管理員(教師)為用戶創建本次考試的試卷,試卷信息被保存在試卷信息表中. 包括試卷編號(examinationid),判斷題數(rightorwrongid),判斷題每題分數(rightorwrongscore), 選擇題數 (lectid)
選擇題每題分數 , (lectscore) 填空題數 , (fillingid) 填空題每題分數 , (fillingscore) 和設置日
//
inationid(試卷編號)作為主關鍵字.examinationid(試 卷編號)標識為"是",標識種子為"1",標識增量為"1".考試題型信息表結構如表 1.5 所示.
8
ASP+SQL Server 典型網站建設案例
表 1.5 字 段 名 數據類型及長度
test 說 明 備 注
examinationid rightorwrongid rightorwrongscore lectid lectscore fillingid fillingscore tupdata
int int int int int int int smalldatetime
試卷編號 判斷題數 判斷題每題分數 選擇題數 選擇題每題分數 填空題數 填空題每題分數 設置日期
不能為空 允許為空 允許為空 允許為空 允許為空 允許為空 允許為空 允許為空
5.判斷題信息表 rightorwrong 判斷題是考試系統能夠支持的考試題型的一種,判斷題信息保存在判斷題信息表中.包括判斷題 編號(rightorwrongid),題目內容(question),正確答案(answer)和加入日期(tupdata)4 個字 段.其中,rightorwrongid(判斷題編號)作為主關鍵字.rightorwrongid(判斷題編號)標識為"是", 標識種子為"1",標識增量為"1".判斷題信息表結構如表 1.6 所示.
表 1.6 rightorwrong 字 段 名 數據類型及長度 說 明 備 注
rightorwrongid question answer tupdata
int nvarchar(250) bit smalldatetime
判斷題編號 題目內容 正確答案 加入日期
不能為空 允許為空 允許為空 允許為空
6.選擇題信息表 lecting 選擇題除問題本身外,具有 4 個可選答案,選擇題信息保存在選擇題信息表中.包括選擇題編號 (lectid) 題目內容 , (question) 答案選項 1 , (result1) 答案選項 2 , (result2) 答案選項 3 , (result3) , 答案選項 4(result4),正確答案(answer)和加入日期(tupdata)8 個字段.其中,lectid(選擇 題編號)作為主關鍵字.lectid(選擇題編號)標識為"是",標識種子為"1",標識增量為"1". 選擇題信息表結構如表 1.7 所示.
表 1.7 lecting 字 段 名 數據類型及長度 說 明 備 注
lectid question result1 result2 result3
int nvarchar(250) nvarchar(100) nvarchar(100) nvarchar(100)
選擇題編號 題目內容 選項1 選項2 選項3
不能為空 允許為空 允許為空 允許為空 允許為空
第 1 章 在線考試系統
9 續表
字
段
名
數據類型及長度
說
明
備
注
result4 answer tupdata
nvarchar(100) nvarchar(100) smalldatetime
選項4 正確答案 加入日期
允許為空 允許為空 允許為空
7.填空題信息表 filling 填空題信息保存在填空題信息表中,包括填空題編號(fillingid),題目內容(question),正確答 案(answer)和加入日期(tupdata)4 個字段.其中,fillingid(填空題編號)作為主關鍵字.fillingid (填空題編號)標識為"是",標識種子為"1",標識增量為"1".填空題信息表結構如表 1.8 所示.
表 1.8 filling 字 段 名 數據類型及長度 說 明 備
注
fillingid question answer tupdata
int nvarchar(250) nvarchar(250) smalldatetime
填空題編號
許為空
8.以上各表的關系 從實際關系來說,學習成績信息表中的試卷編號,學生學號與考試題型信息表中的試卷編號和學 生信息表中的學生學號存在著必然的聯系.因此需要建立 examination 表,test 表,student 表相對應字 段的關系.定義下列兩組參照關系: examination表中的examinationid字段與test表中的examinationid字段為多對一關系. examination表中的studentnumber字段與student表中的studentnumber字段為多對一關系. 各
辣大叔醬板鴨
表的關系反映在 SQL Server 的數據庫關系設計圖中,如圖 1.6 所示.
圖 1.6
表間關系圖
10
ASP+SQL Server 典型網站建設案例
注意:在數據庫設計中,表與表之間存在著不可或缺的關系.在所有關系中,主關鍵字(PK)和外 部關鍵字(FK)最為重要.主關鍵字——能惟一標識表中的每一列的一列或多列的組合,這 樣的列就成為主關鍵字.每個表都必須有且只能有一個主關鍵字,其值惟一地標識表中的每 一行.外關鍵字——用于建立和加強兩個表數據之間的鏈接的一列或多列的組合,其值或是 與主關鍵字相同,或是為空(NULL),外關鍵字可有多個.
1.3
1.在線考試后臺管理主窗口
程序主要頁面設計
單擊判斷題管理,選擇題管理,填空題管理,試卷管理等,實現對試題題庫增加,修改或刪除管 理.單擊成績管理,學生管理,系統管理,實現對系統基本信息管理.在線考試后臺管理主窗口如 圖 1.7 所示.
圖 1.7
在線考試后臺管理主窗口
2.判斷題管理窗口 可以對判斷題題目進行編輯,刪除和添加,同時也可以對判斷題題目進行查找,分頁及頁面跳轉 功能,將在此處闡述,以后不再雷同介紹,判斷題管理窗口如圖 1.8 所示. 單擊"編輯"按鈕,進入編輯界面.可以對判斷題題目,答案進行修改,并單擊"提交"按鈕保 存到數據庫中.判斷題修改窗口如圖 1.9 所示.
第 1 章 在線考試系統
11
圖 1.8
判斷題管理窗口
圖 1.9
判斷題修改窗口
單擊"添加新題"按鈕,進入添加新題界面.可以對判斷題題目進行添加,并單擊"提交"按鈕, 保存到數據庫中.添加判斷題窗口如圖 1.10 所示. 3.選擇題管理窗口 可以對選擇題進行編輯,刪除和添加,同時也可以對選擇題題目進行查找.選擇題管理窗口如 圖 1.11 所示.
12
ASP+SQL Server 典型網站建設案例
圖 1.10
添加判斷題窗口
圖 1.11
選擇題管理窗口
4.填空題管理窗口 可以對填空題進行編輯,刪除和添加,同時也可以對填空題題目進行查找.填空題管理窗口如 圖 1.12 所示.
第 1 章 在線考試系統
13
圖 1.12
填空題管理窗口
5.試題管理窗口 可以對設定考期試卷題型題目,分數進行修改.修改之后在修
改復選框內用"√"表示.如圖 1.13 所示為試題管理
"按鈕,進入試卷設置窗口,如 圖 1.14 所示.填寫完畢,單擊"增加"按鈕,保存試卷設置.
圖 1.13
試題管理窗口
圖 1.14
試卷設置窗口
6.成績統計管理窗口 可以查詢每個考試批次的學生成績,以及是否批準補考和補考考試成績等信息.可以按學生姓名
14
ASP+SQL Server 典型網站建設案例
查找學生成績.單擊下拉菜單,選擇考試批
辣大叔醬板鴨
次,下方顯示考生姓名,分數,補考設置和補考成績信息. 單擊"批準補考"鏈接,批準考生補考.成績統計管理窗口如圖 1.15 所示.
圖 1.15
成績統計管理窗口
7.學生統計管理窗口 顯示學號,考生姓名,性別,班號信息,以及是否刪除信息,可以按照考生姓名進行查詢,單擊 "查找"按鈕,如圖 1.16 所示. 8.系統管理窗口 填寫賬號,密碼,單擊"修改賬號"按鈕,修改后臺管理系統賬號及密碼,如圖 1.17 所示.
圖 1.16
學生統計管理窗口
圖 1.17
系統管理窗口
第 1 章 在線考試系統
15
9.學員注冊窗口 在表格內,填寫新學員注冊信息,單擊"提交"按鈕保存學員注冊信息,如圖 1.18 所示.
圖 1.18
學生注冊窗口
10.考試預備窗口 顯示當前考試基本考試題型及分數.單擊"進入考試"鏈接,進入考試窗口界面,如圖 1.19 所示.
圖 1.19
考試預備窗口
11.考試窗口 對試卷進行相應的解答,解答完畢單擊"提交"按鈕,彈出考試在線判卷窗口,顯示考試答案及 成績.如圖 1.20 所示為考試窗口.
16
ASP+SQL Server 典型網站建設案例
圖 1.20
考試窗口
1.4
1.4.1 IIS 配置
IIS 配置與 SQL Server 數據庫連接
IIS 是 Internet Information Server 的縮寫,是微軟提供的 Internet 服務器軟件,包括 Web,FTP, Mail 等服務器.本文以 Windows 2000 服務器版操作系統為例,介紹 Web 服務器的安裝和設置方法. 目前運行 IIS 的最理想平臺是 Windows 2000 服務器版和高級服務器版. Windows 9x/Me 里也有 IIS, 但只是 PWS(個人 Web 服務器),功能很有限,只支持 1 個連接.Windows XP 里的 IIS 也只支持 10 個連接. IIS 是 Windows 操作系統自帶的組件.如果在安裝操作系統時沒有安裝 IIS,則應手動安裝.安裝 步驟如下: (1)打開"控制面板"窗口,雙擊"添加或刪除程序"圖標,運行"添加或刪除程序"窗口. (2)選擇"添加或刪除程序"窗口內"添加/刪除 Windows 組件"選項,彈出"Windows 組件向 導"對話框. (3)選中"Internet 信息服務(IIS)"復選框,單擊"下一步"按鈕,執行操作.IIS 安裝完畢. 接下來,就是要對系統進行新建虛擬目錄操作: (1)打開"控制面板"窗口,雙擊"管理工具"圖標,進入"管理工具"窗口. (2)雙擊"Internet 服務管理器"圖標,進入"Internet 信息服務"窗口. (3)單擊"操作"目錄,選擇下拉菜單"新建"|"虛擬目錄"命令,如圖 1.21 所
示.
第 1 章 在線考試
"歡迎"窗口,單擊"下一步"按鈕. (5)在"別名"文本框中輸入映射后的名字,如 zxks,單擊"下一步"按鈕. (6)在"目錄"文本框中輸入要映射的目錄,如 d:softwarezxks,單擊"下一步"按鈕,進入設 置訪問權限窗口,如圖 1.22 所示.
圖 1.22
設置訪問權限窗口
(7)在這里選擇正確的訪問權限,再單擊"下一步"按鈕,即完成設置. 刪除映射的方法:打開"Internet 信息服務"窗口,在虛擬目錄別名上單擊鼠標右鍵,選擇"刪除" 命令即可.
1.4.2 創建 SQL Server 數據庫
打開 SQL Server 2000 的"企業管理器"窗口.右擊"數據庫"分支,彈出右鍵目錄,如圖 1.23 所示.選擇"新建數據庫"命令,彈出"數據庫屬性"窗口,如圖 1.24 所示.在"名稱"文本框內輸
18
ASP+SQL Server 典型網站建設案例
入 test,單擊"確定"按鈕,完成創建.
圖 1.23
新建數據庫窗口
圖 1.24
"數據庫屬性"窗口
按照要求建好數據庫后,需要建立網站頁面與后臺服務器的鏈接,頁面名稱為 .以后當 需要對程序中的數據庫進行操作時,只需要用命令就可以直接調用該程 序,打開數據庫,提高程序的可讀性,同時也提高程序便捷性.代碼如下:
<% Set conn = Object("tion") '創建一個數據庫鏈接對象 conn,方便后面調用 connstr="Provider=SQLOLEDB;Data Source=(local);Initial Catalog=test;Ur ID=sa;Password=yanyan;" '創建一個數據庫的 recordt 對象,方便以后調用 connstr '打開數據庫 %>
第 1 章 在線考試系統
19
1.5
用戶登錄頁面
用戶登錄頁面主要是為用戶提供登錄的窗口,用戶通過在頁面內輸入正確的用戶名及密碼,取得 登錄系統的權利.否則不能登錄系統,實現在線考試. 用戶登錄頁面主要分為兩個部分:頂部為"在線考試系統"的信息圖片;中間左側為用戶登錄框, 右側為系統圖片.它用 firework 創建系統圖片文件,存為 jpg 格式或 gif 格式,作為各動態頁面頂部 或頁面中圖片.主要由頂部圖片頁面()和用戶登錄頁面()組成,頁面如圖 1.25 所示.
圖 1.25
用戶登錄頁面
1.5.1 頂部圖片頁面
頂部圖片頁面():為了
辣大叔醬板鴨
使頁面標準和美觀,同時避免重復,節約代碼,將頂部頭文件制 作成為模塊,以后通過命令直接調用.頂部圖片頁面如圖 1.26 所示. 創建新的頁面,首先在頁面上添加一個 1×1 的表格用來固定圖片的位置,設置表格的各項屬性, 包括邊框屬性,長度和寬度等,最后加入文件夾 images 下事先保存的圖片.代碼如下:
…

…
注意:圖片最好選用相對路徑,這樣可以防止因為文件夾位置變動而引起的圖片路徑丟失.
20
ASP+SQL Server 典型網站
建設案例
圖
1.5.2 用戶登錄頁面
用戶登錄頁面()是一個靜態頁面,如圖 1.27 所示.
圖 1.27
用戶登錄頁面
創建新頁面,在頁面中添加一個 1×1 的表格 a,在表格 a 內加入一個表單,給表單命名. 在表單內插入一個 1×3 的表格 b,在 b 的第三列單元格內加入圖片,第二列單元格內插入一個 3×5 列的表格 c. 最后在表格 c 內第二列單元內加入文本對話框兩個,將按鈕控件移至第二列單元格內.給兩個文 本框命名,分別命名為 student 和 的 type 屬性定義為 password,這樣用戶輸入字符都將顯示 為"*"號,以隱藏密碼. 設置表格,文本對話框的各項屬性.定義"提交"按鈕 onclick 事件:onclick="check()". 1.用戶登錄頁面 ASP 代碼 用戶登錄頁面通過 ASP 代碼判斷用戶名及密碼是否填寫,填寫是否正確.若填寫正確,則將用戶 信息賦值給 ssion 變量,以方便以后調用.代碼如下:
<%'調用 連接數據庫 %>
使用 JavaScript 語言,定義過程 check(),判斷用戶名及其密碼是否為空.為空則彈出錯誤"警示"
第 1 章 在線考試系統
21
對話框.代碼如下:
//使用 javascript 語言,創建函數 check(),檢測用戶姓名及密碼是否為空 <script language=javascript> function check() { //如果 student 文本框內容為空,彈出"警示"對話框提醒"請輸入用戶名" if (==" ") {alert("請輸入用戶名"); (); //將焦點集中在 student 文本框 return fal;} //避免提交失敗,防止 IE 重載該頁面 /
辣大叔醬板鴨
/如果 pwd 文本框內容為空,彈出"警示"對話框提醒"請輸入用戶密碼" if (==" ") {alert("請輸入用戶密碼"); (); //將焦點集中在 pwd 文本框 return fal;} //避免提交失敗,防止 IE 重載該頁面 //獲取引藏域名為 ctype 的值,直接給 ctype 賦值為 add ="add"; (); //提交 form1 表單 } </script>
使用 VBScript 語言,如果用戶名及密碼不為空,查找表 student,檢驗用戶名及密碼是否正確.代 碼如下:
t=125 '定義超時時間為 125 '獲取提交變量 ctype 的值,如果 ctype 的值為 add,則將 ssion 變量各值賦值為空 if trim(request("ctype"))="add" then ssion("student")=" " ssion("class")=" " ssion("id")=" " ssion("number")=" " ssion("x")=" " sql="lect * from student where studentname=' "&trim(request("student"))&' " and studentpassword=' "&trim(request("pwd"))&" ' " 'sql 語句定義查詢條件 t rs=e(sql) '執行 sql 語句 '如果用戶名或密碼不正確,使用 javascript 語言, 彈出"警示"對話框 if then %> <script language=javascript> alert("無此學員!請先注冊"); </script> <%'使用 vbscript 語言,如果用戶及密碼正確,
則賦值 ssion 變量姓名,學號等信
tudent")=rs("studentname") ssion("class")=rs("class") ssion("number")=rs("studentnumber") ssion("x")=rs("x") ssion("timen")=now %>
22
ASP+SQL Server 典型網站建設案例
<script language=javascript> //使用 javascript,顯示 頁面 var now=new Date() //顯示 窗口,同時避免 IE 使用 history 記錄 te("?time="+e()); </script> <%end if end if %>
2.用戶登錄頁面正文代碼 頁面正文代碼勾畫頁面表格,表單,文本框,文字和按鈕等控件屬性.頁面代碼如下:
… <%'調用 頁面%> …
辣大叔醬板鴨
"100"> <%'表格 a 屬性%> | |