【正文】 ,所以要求系統(tǒng)具有良好的用戶操作界面。 (2)能夠快速，方便同時(shí)穩(wěn)定地查找場(chǎng)地資料。 (3)能夠同系統(tǒng)建立聯(lián)系，使用戶更深入地關(guān)注系統(tǒng)。 針對(duì)管理員需要便捷，可靠地對(duì)系統(tǒng)進(jìn)行維護(hù)和管理，要求系統(tǒng)具有以下功 能： (1)能夠有一個(gè)良好的管理員操作界面，讓管理員輕松地管理系統(tǒng)。 (2)能夠方便地管理系統(tǒng)中場(chǎng)地的信息。 (3)能夠方便地管理，審核用戶預(yù)約信息。 對(duì)與用戶來(lái)說(shuō)，對(duì)系統(tǒng)最重要的要求是能夠提供一個(gè)查找預(yù)約所需場(chǎng)地信息的平臺(tái)，其次是能夠于網(wǎng)站建立聯(lián)系，這樣能使用戶對(duì)系統(tǒng)提高關(guān)注度，增加網(wǎng)站的點(diǎn)擊率，同時(shí)也能方便系統(tǒng)開發(fā)人員增加系統(tǒng)功能。而對(duì)管理員來(lái)說(shuō)，必須要能夠全面地對(duì)系統(tǒng)進(jìn)行管理與維護(hù)。所以，要求系統(tǒng)具有三個(gè)主要模塊：用戶查詢與預(yù)約模塊，用戶登錄與注冊(cè)模塊，管 理員管理模塊 。 系統(tǒng)整體的功能模塊劃分如圖 21所示 : 圖 21系統(tǒng)功能模塊劃分 各模塊具體的需求描述如下 : （ 1）用戶查詢與預(yù)約模塊： 這是系統(tǒng)前臺(tái)的主要模塊，用戶可在此完成所需場(chǎng)地信息的查詢與預(yù)約。 （ 2）用戶登錄與注冊(cè)模塊： 用戶登錄與注冊(cè)的平臺(tái)，用戶在此完成登錄與注冊(cè)，同時(shí)也提供了密碼找回的功能，從而建立與系統(tǒng)的聯(lián)系，也方便系統(tǒng)的擴(kuò)展。 （ 3）管理員管理模塊： 管理員通過(guò)管理員賬號(hào)與密碼登錄后可進(jìn)行對(duì)場(chǎng)地名稱，類別與價(jià)格的添加，修改，刪除，從而全面的管理網(wǎng)站信息；同時(shí)管理員還能通過(guò)審核完成對(duì)用戶預(yù)約信息的管理。 體育城場(chǎng)地預(yù)約 系統(tǒng)使用 ASP 技術(shù)的動(dòng)態(tài)網(wǎng)頁(yè)與 Microsoft Office Access2021 數(shù)據(jù)庫(kù)制作，用戶通過(guò)網(wǎng)絡(luò)訪問(wèn)該系統(tǒng)，提供用戶登錄，注冊(cè)以及密碼找回等功能， 場(chǎng)地查看，查詢以及預(yù)約功能；同時(shí)提供兩種場(chǎng)地查詢模式，模糊與直接查詢，方便用戶；管理員可以使用修改、刪除、添加場(chǎng)地功能，同時(shí)通過(guò)審核用戶提交的預(yù)約信息，完成預(yù)約管理 功能，良好的達(dá)到后臺(tái)管理的目的。系統(tǒng)充分發(fā)揮了 ASP 技術(shù)顯示于客戶端，運(yùn)行于服務(wù)器端的特點(diǎn)，保護(hù)用戶資料的安全性。在開發(fā)過(guò)程中，使用的是 Macromedia Dreamweaver 8 為系統(tǒng)開發(fā)工用戶登錄與注冊(cè) 體育城場(chǎng)地預(yù)約系統(tǒng) 管理員管理 用戶查詢與預(yù)約 具，充分發(fā)揮了 Dreamweaver8 融合動(dòng)態(tài)數(shù)據(jù)庫(kù)的功能，能夠創(chuàng)建專業(yè)的動(dòng)態(tài) Web站點(diǎn)的特點(diǎn) 不斷修正和改進(jìn)，直到完成系統(tǒng)。 系統(tǒng)配置（硬件方面） 在運(yùn)行本系統(tǒng)前，請(qǐng)先檢查一下軟硬件配置是否符合以下要求： 硬件環(huán)境： 服務(wù)器端 /客戶端： 處理器： Intel Pentium4 內(nèi)存： 512M 硬盤空間： 20G 安裝 ASP 運(yùn)行環(huán)境 操作系統(tǒng)： Windows 2021 網(wǎng)絡(luò)協(xié)議： TCP/IP 瀏覽器： Inter Explore VGA 或更高分辨率的顯示器 。 系統(tǒng)配置（軟件與技術(shù)方面） (1) Macromedia Dreamweaver 8 平臺(tái) Macromedia Dreamweaver 8 是建立 Web 站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。從對(duì)基于 CSS 的設(shè)計(jì)的領(lǐng)先支持到手工編碼功能， Dreamweaver 提供了專業(yè)人員在一個(gè)集成、高效的環(huán)境中所需的工具。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務(wù)器技術(shù)來(lái)創(chuàng)建功能強(qiáng)大的 Inter 應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫(kù)、 Web 服務(wù)和舊式系統(tǒng)。 (2) ASP 技術(shù) ASP 的英文全稱是 Microsoft Active Server Pages，它 其實(shí)是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境， ASP 內(nèi)含于 IIS 和 之中 , 通過(guò) ASP 我們可以結(jié)合 HTML 網(wǎng)頁(yè)、 ASP 指令和 ActiveX 元件建立動(dòng)態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。有了 ASP 你就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你所編寫的代碼，因 為所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。 (3) Microsoft Office Access2021 Access 2021 是 Office 2021 辦 公系列 軟體 的一 個(gè) 重要 組 成部分，主要用 于數(shù)據(jù)庫(kù) 管理，使用它可以高效地完成各 種類 型中小型 數(shù)據(jù)庫(kù) 管理工作 。 (4) HTML(Hyper Text Markup Language) HTML 的英文全稱是 Hypertext Markup Language,中文譯為“超文本標(biāo)記語(yǔ)言”?！俺谋尽本褪侵疙?yè)面內(nèi)可以包含圖片，聯(lián)接，甚至音樂，程序等非文字的元素。一個(gè) HTML 文件中包含了所有將顯示在網(wǎng)頁(yè)上的文字信息，其中也包括對(duì)瀏覽器的一些指示，如哪些文字應(yīng)放置在何處，顯示模式是什么樣的等。如果你還有一些圖片、動(dòng)畫、聲音或是任何其它形式的資源， HTML 文件也會(huì)告訴瀏覽器到哪里去查找這些資源，以及這些資源將放置在網(wǎng)頁(yè)的什么位置。瀏覽的網(wǎng)頁(yè)就是由 HTML 語(yǔ)言編寫出來(lái)的。 數(shù)據(jù)表設(shè)計(jì) (1) 用戶信息表 它記錄了用戶名，密碼和有關(guān)用戶 的個(gè)人信息，方便系統(tǒng)管理用戶信息，也是實(shí)現(xiàn)預(yù)約功能所必不可少的信息。 表 21用戶表 字段名稱 數(shù)據(jù)類型 必 填 字符 描述 id 整型 是 序號(hào)（自加） username 文本 是 用戶名 password 文本 是 密碼 Wenti 文本 否 密碼提示 問(wèn)題 Daan 文本 否 密碼提示答案 Dianhua 文本 否 電話 文本 否 電子郵箱 （ 2）場(chǎng)地信息表 它 記錄了場(chǎng)地屬性信息 ，方便用戶查詢所需要的場(chǎng)地信息，也是管理員添加場(chǎng)地信息的載體 。 表 22場(chǎng)地信息表 字段名稱 數(shù) 據(jù)類型 必 填 字符 描述 cd_id 整型 是 編號(hào)（自加） cd_name 文本 否 場(chǎng)地名稱 cd_leixin 文本 否 場(chǎng)地類型 cd_feiyong 文本 否 場(chǎng)地費(fèi)用 （ 3）預(yù)約表 記錄了預(yù)約屬性信息 ，是實(shí)現(xiàn)用戶預(yù)約與管理員管理預(yù)約信息的重要部分 。 表 23預(yù)約表 字段名稱 數(shù)據(jù)類型 必填 字符 描述 yy_id 整型 是 預(yù)約編號(hào)（自加） username 文本 否 用戶名 cd_id 整型 是 場(chǎng)地編號(hào)（自加） cd_name 文本 否 場(chǎng)地名稱 caozuoshijian 文本 否 操作時(shí)間 cd_feiyong 文本 否 場(chǎng)地費(fèi)用 yy_year 文本 否 預(yù)約時(shí)間（年） yy_month 文本 否 預(yù)約時(shí)間（月） yy_day 文本 否 預(yù)約時(shí)間（日） Kaishishijian 文本 否 開始時(shí)間 jieshishijian 文本 否 結(jié)束時(shí)間 adminqueren 文本 否 管理員確認(rèn) 3 系統(tǒng)功能模塊設(shè)計(jì)及實(shí)現(xiàn) 本系統(tǒng)主體采用 B/ S(Browser/ Server ,瀏覽器 / 服務(wù)器 ) 結(jié)構(gòu) ,即采用目前分布式系統(tǒng)流行的 3 層軟件結(jié)構(gòu) ,即在傳統(tǒng)的 客戶和服務(wù)器之間加入應(yīng)用服務(wù)器 (Application server) ,3 層即是表現(xiàn)層 (瀏覽器 ) 、業(yè)務(wù)邏輯層 (Web 服務(wù) 圖 31 系統(tǒng) 框架 簡(jiǎn)圖 器 ) 、數(shù)據(jù)層 (數(shù)據(jù)服務(wù)器 ) ，系統(tǒng)簡(jiǎn)圖如圖 31所示。數(shù)據(jù)服務(wù)器與 Web 服務(wù)器是完全分開的 ,分開之后的 3 層軟件結(jié)構(gòu)功能明確 :客戶層只提供應(yīng)用程序的用戶界面 ,負(fù)責(zé)與用戶交互 。業(yè)務(wù)邏輯層是應(yīng)用系統(tǒng)的關(guān)鍵 ,它負(fù)責(zé)處理所有用戶請(qǐng)求 ,進(jìn)行具體的運(yùn)算和決定程序的流程 ,并把處理結(jié)果返回給表現(xiàn)層 。服務(wù)器層仍然提供的是數(shù)據(jù)庫(kù)支持、維護(hù)和更新應(yīng)用程序的數(shù)據(jù)。 管理員管理 模塊 管理員登錄界面 管理員登錄界面也是管理員管理系統(tǒng)的第一個(gè)界面，其界面如圖 32： 圖 32 系統(tǒng) 登錄 界面 此模塊是系統(tǒng)管理員通過(guò)管理員進(jìn)如主界面的唯一通道，管理員通過(guò)次通道進(jìn)入管理員主頁(yè)面后可以與其他模塊進(jìn)行接觸，對(duì)場(chǎng)地信息進(jìn)行添加，刪除，修改操作，同時(shí)通過(guò)審核預(yù)約信息進(jìn)行管理預(yù)約操作。 管理員登錄代碼 管理員登錄代碼使用 ASP 代碼與數(shù)據(jù)庫(kù)中的 admin 表連接，通過(guò)數(shù)據(jù)庫(kù)的查詢，尋找唯一確定的管理員用戶名，有效的保證了系統(tǒng)的安全行。 % if session(admin) = then user = request(name) pwd = request(pwd) set conn=() = Provider=。amp。Data Source=amp。() set rs=() sql=select * from admin where admin_name = 39。amp。useramp。39。 and admin_password=39。amp。pwdamp。39。 sql,conn,1,3 if then % script language=javascript alert(用戶名密碼錯(cuò)誤 )。 = /script %end if session(admin)=user end if% 管理員管理界面 管理員管理界面是管理員添加，刪除 場(chǎng)地 信息的平臺(tái)，通過(guò)該界面，管理員可以方便地對(duì)系統(tǒng)進(jìn)行管理。其界面圖如 圖 33： 圖 33 管理員管理界面 管理員通過(guò)管理界面，實(shí)現(xiàn)對(duì)系統(tǒng)所收錄的場(chǎng)地信息進(jìn)行添加，和刪除的操作，達(dá)到管理系統(tǒng)的目的。 用戶登錄與注冊(cè)模塊 用戶主界面 用戶主界面也就是用戶對(duì)系統(tǒng)進(jìn)行瀏覽，查 詢場(chǎng)地信息的主窗體，其中提供了兩種查詢場(chǎng)地模式 。其界面如 圖 34： 圖 34用戶主界面 主界面所擁有的功能如下： （ 1） 用戶可進(jìn)行查詢和預(yù)約場(chǎng)地 的操作。 （ 2） 用戶可從此進(jìn)入注冊(cè)，登錄模塊進(jìn)行操作。 用戶登錄 界面 用戶登錄界面提供了用戶登錄與注冊(cè)，從而建立與系統(tǒng)聯(lián)系的平臺(tái)，同時(shí)還提供了找回密碼的功能。其界面如 圖 35： 圖 35 用戶登錄界面 用戶 登錄 界面是已注冊(cè)用戶 登錄 系統(tǒng)，從而與系統(tǒng)建立聯(lián)系的平臺(tái)，具有 登錄 的功能 ，同時(shí)可以增加系統(tǒng)的可擴(kuò)展性。 用戶登錄代碼 系統(tǒng)還提供了用戶登錄與注冊(cè) 的功能，包括密碼找回的功能，從而使用戶能與系統(tǒng)建立更好的聯(lián)系，方便系統(tǒng)的擴(kuò)展，如可以通過(guò)用戶登錄和注冊(cè)模塊開發(fā)用戶向管理員推薦優(yōu)秀網(wǎng)站的功能，也可以使管理員擁有查詢，修改和刪除用戶的功能。用戶登錄的代碼如下： % username=trim(request(username)) password=trim(request(password)) if username= or password= then () end if set conn=() = Provider=。amp。Data Source=amp。(../biye/) set rs=() sql=select * from userbiao where username=39。amp。usernameamp。39。and password=39。amp。passwordamp。39。 sql,conn,1,1 if not then session(name)=name else% script Language=VbScript MsgBox 帳號(hào)密碼錯(cuò)誤 = /script % end if % 該段代碼的功能是，從登錄框的表單中讀取去掉空格字符的用戶名和密碼，判斷如果用戶名或者密碼為空，就還是顯示當(dāng)前頁(yè)面，如果不為空，就通過(guò)connection 對(duì)象連接 Access 數(shù)據(jù)庫(kù)工具中的 biyesheji 數(shù)據(jù)庫(kù)，然后從userbiao 表中的 username 列和 password 列中查詢完全相同的數(shù)據(jù)庫(kù)信息，接著判斷如果查詢到就把 用戶名賦予給 session 對(duì)象 ，同時(shí)回到首頁(yè)，否則通過(guò) 一個(gè) Msgbox 提示用戶，賬號(hào)密碼錯(cuò)誤，同時(shí)回到當(dāng)前頁(yè)面。 用戶注冊(cè)界面 圖 36 用戶注冊(cè)界面 用戶注冊(cè)界面是用戶注冊(cè)的平臺(tái)，用戶通過(guò)注冊(cè)，擁有一個(gè)用戶名，在登錄界面登錄后，才可以與系統(tǒng)建立聯(lián)系 ，如圖 3－ 6所示 。 用戶注冊(cè)代碼 用戶注冊(cè)功能使用了數(shù)據(jù)庫(kù)的插入操作，用戶通過(guò)注冊(cè)填寫的資料與系統(tǒng)建立聯(lián)系，從而使用系統(tǒng)提供給注冊(cè)用戶的功能，用戶注冊(cè)的關(guān)鍵代碼如下： % if request(action)=reg then username=trim(request(username))