【文章內(nèi)容簡介】 2(50) 用戶登錄名 唯一鍵，非空 LOGINPW varchar2(50) 用戶 登錄密碼 非空 NAME varchar2(50) 用戶姓名 SEX varchar2(50) 用戶性別 ?男 ?，‘女’ EMAIL varchar2(50) 電子郵件 非空 ADDRESS nvarchar2(100) 用戶地址 2. 場館信息表 表名： T_GUAN， 場館 基本信息如表 22 所示。 表 22 場館信息表 T_GUAN 字段 字段類型 字段含義 備注 ID varchar2(50) 場館編號 主鍵 MINGCHENG nvarchar2(255) 場館名稱 非空 DIZHI nvarchar2(255) 場館地址 DIANHUA nvarchar2(255) 場館電話 JIESHAO varchar2(2021) 場館介紹 FUJIAN varchar2(50) 照片附件 JINGDU number(12,6) 場館經(jīng)度 非空 WEIDU number(12,6) 場館緯度 非空 USERNAME varchar2(50) 場館添加者 外鍵 其中， USERNAME 為 T_ADMIN 表的唯一鍵。 3. 新聞信息表 表名： T_NEWS，新聞信息如表 23 所示。 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 13 表 23 新聞信息表 T_NEWS 字段 字段類型 字段含義 備注 ID varchar2(50) 新聞編號 主鍵 TITLE varchar2(50) 新聞標(biāo)題 非空 CONTENT varchar2(2021) 新聞內(nèi)容 SHIJIAN varchar2(50) 發(fā)布時(shí)間 USERNAME varchar2(50) 新聞發(fā)布者 外鍵 其中， USERNAME 為 T_ADMIN 表的唯一鍵。 4. 賽事公告表 表名： T_GONGGAO，賽事公告信息如表 24 所示。 表 24 賽事公告表 T_GONGGAO 字段 字段類型 字段含義 備注 ID varchar2(50) 賽事編號 主鍵 TITLE varchar2(50) 賽事標(biāo)題 非空 CONTENT varchar2(2021) 賽事內(nèi)容 SHIJIAN varchar2(50) 發(fā)布時(shí)間 USERNAME varchar2(50) 賽事發(fā)布者 外鍵 其中， USERNAME 為 T_ADMIN 表的唯一鍵。 5. 管理員信息表 表名： T_ADMIN，管理員表 如表 25 所示。 表 25 管理員表 T_ADMIN 字段 字段類型 字段含義 備注 USERID number(10) 管理員編號 主鍵，自增 USERNAME varchar2(50) 管理員賬號 唯一鍵，非空 USERPW varchar2(50) 管理員密碼 非空 其中主鍵 USERID 使用觸發(fā)器，插入數(shù)據(jù)主鍵按序列實(shí)現(xiàn)自增。 6. 評論留言表 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 14 表名： T_LIUYAN，評論留言信息如表 26 所示。 表 26 評論留言表 T_LIUYAN 字段 字段類型 字段含義 備注 ID varchar2(50) 評論編號 主鍵 NEIRONG varchar2(776) 評論 內(nèi)容 非空 LIUYANSHI varchar2(50) 評論時(shí)間 LOGINNAME varchar2(50) 評論用戶 外鍵 HUIFU varchar2(50) 回復(fù)內(nèi)容 HUIFUSHI varchar2(50) 回復(fù)時(shí)間 USERNAME varchar2(50) 回復(fù)管理員 外鍵 運(yùn)行環(huán)境 操作系統(tǒng)： Microsoft Windows Server 2021/2021， Linux（服務(wù)器版）。 數(shù)據(jù)庫： Oracle 10g 及以上。 服務(wù)器： Tomcat 。 JDK： JDK 。 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 15 第三章 系統(tǒng)實(shí)現(xiàn) 相關(guān)技術(shù) DWR DWR（ Direct Web Remoting） 是一個(gè)用于改善 Web 頁面與 Java 類交互的遠(yuǎn)程服務(wù)器端 Ajax 開源框架 ， 實(shí)現(xiàn) 局部 刷新 頁面 的效果。這個(gè)框架 的 最大優(yōu)點(diǎn)就是可以在JavaScript 中調(diào)用 Java 方法，傳遞參數(shù)，并且可以得到返回值。 本課題 中大量的使用了該技術(shù)。 文件 配置如下： dwr allow create creator=new javascript=toolService param name=class value=/param /create convert converter=bean match=/convert /allow /dwr 其中： param標(biāo)簽配置了 JavaScript 可訪問的 Java 類， convert標(biāo)簽使 DWR自動在 Java 和 JavaScript 之間調(diào)整數(shù)據(jù)類型轉(zhuǎn)換。 過濾器 過濾器是以一種組件形式綁定到 Web 應(yīng)用程序中，采用鏈?zhǔn)?方式處理。所有的請求將首先交給過濾器處理，然后 再 訪問相應(yīng)的 Web 資源 。 系統(tǒng)中使用了兩個(gè) Filter，分別是 編碼過濾（ EncodingFilter）和后臺 登錄 驗(yàn)證過濾（ adminLoginFilter）。 編碼驗(yàn)證：將所有請求信息 通過 編碼過濾。 后臺 登錄 過濾： 將 對 訪問 后臺的所有文件進(jìn)行 session 中管理員信息過濾，如果session 中存在管理 員信息將對請求放行，如果管理員信息不存在，則在服務(wù)器端 自動 跳轉(zhuǎn)到后臺 登錄 界面 。 單例設(shè)計(jì)模式 單例 設(shè)計(jì) 模式是軟件設(shè)計(jì) 中常用的 一種 設(shè)計(jì) 模式。其 核心結(jié)構(gòu)中只包含一個(gè)被稱為單例類的特殊類。通過單例模式可以保證 在 系統(tǒng)中 ， 一個(gè)類只有一個(gè)實(shí)例而且該實(shí)內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 16 例易于外界訪問，從而方便對實(shí)例個(gè)數(shù) 進(jìn)行 控制并節(jié)約系統(tǒng)資源。 JavaScript JavaScript 是基于對象和事件驅(qū)動 的 客戶端腳本語言， 廣泛 的 用于 Web 客戶端 腳本 開發(fā) ，能夠 給 HTML 網(wǎng)頁添加動態(tài) 功能 ，比如響應(yīng)用戶的各種操作。 在 本 系統(tǒng)中，大部分 客戶 端校驗(yàn) 都使用了 JavaScript 技術(shù)， 這樣 能夠減輕服務(wù)器端負(fù)擔(dān) ，便于用戶交互 。 本 系統(tǒng) 中的 電子地圖也 是 采用 百度地圖 JavaScript API 實(shí)現(xiàn) ，它 提供了 一套由JavaScript 編寫的應(yīng)用程序接口， 能夠在 線 創(chuàng)建功能豐富 、 交互性強(qiáng)的電子地圖 ， 還提供了一些強(qiáng)大應(yīng)用功能的開源庫，此外還 支持 HTML5 特性。 數(shù)據(jù)庫連接池 數(shù)據(jù)庫連接池 為解決資源頻繁 的 分配和釋放等問題，而為數(shù)據(jù)庫連接創(chuàng)建一個(gè)“緩沖池”， 在資源重用 、 系統(tǒng)響應(yīng)速度 、 資源分配 、 連接管理方面 有重要的意義 。系統(tǒng)數(shù)據(jù)庫連接采 DBCP 數(shù)據(jù)庫連接池， 配置信息在 文件中，其配置信息如 圖 31 所示。 圖 31 數(shù)據(jù)庫連接池 DBCP配置 信息 系統(tǒng) 實(shí)現(xiàn) 系統(tǒng)前臺 系統(tǒng) 前臺主要有用戶登錄 、 賽事公告 、 新聞瀏覽 、 賽事錦集 、 場館信息 、 用戶注冊 、 電子地圖 、 評論留言等模塊，下面將詳細(xì)介紹各模塊運(yùn)行效果和實(shí)現(xiàn)過程 ， 全民健身電子地圖在線服務(wù)平臺的前臺運(yùn)行 界面 如圖 32 所示。 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 17 圖 32 系統(tǒng)首頁 1. 用戶登錄 用戶登錄為用戶提供注冊用戶的 登錄 功能，用戶需通過用戶名和密碼 校驗(yàn)后才能登錄 ， 由 頁面實(shí)現(xiàn)。 用戶 點(diǎn)擊 “ 登錄 ”按鈕 時(shí)首先會對 用戶 賬戶 進(jìn)行 數(shù)據(jù) 校驗(yàn)，通過數(shù)據(jù)校驗(yàn)后調(diào)用 toolService 類的 login（） 方法，對用戶名和密碼在 T_user表里查找，若不存在，提示用戶輸入錯(cuò)誤；若存在，則跳轉(zhuǎn) 到 登錄 后的界面 ，并將用戶的 全部 信息保存在 session 之中 ， 用戶成功 登錄 界面 如圖 33 所示 。 圖 33 用戶登錄 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 18 修改個(gè)人密碼由 頁面實(shí)現(xiàn)。用戶必須輸入原始密碼、新密碼和確認(rèn)密碼。當(dāng)用戶點(diǎn)擊修改時(shí)，會首先對用戶填寫的原始密碼和 session 中的密碼 以及 新密碼和確認(rèn)密碼是否相同 進(jìn)行 數(shù)據(jù)校驗(yàn)，通過校驗(yàn)后 調(diào) toolService 類的 userPwEdit()方法修改用戶 密碼 。 修改個(gè)人密碼 界面 如圖 34 所示 。 圖 34 修改個(gè)人密碼 修改個(gè)人信息 由 頁面 實(shí)現(xiàn)， 該頁面 首先會將 session 中保存的個(gè)人信息顯示在修改頁面上，當(dāng)用戶修改 完信息 提交時(shí)，會對用戶填寫的信息進(jìn)行必要的校驗(yàn)：如郵件格式、 必填項(xiàng)等，通過校驗(yàn)后調(diào)用 toolService 類 的 userModifyInfo（） 方法修改個(gè)人信息， 個(gè)人信 息修改成功之后系統(tǒng)將重新從數(shù)據(jù)庫里面讀取個(gè)人信息，更新 session。 修改個(gè)人信息 界面 如圖 35 所示。 圖 35 個(gè)人信息修改 2. 用戶注冊 用戶注冊 由 頁面實(shí)現(xiàn)，用戶注冊填寫 完 信息 提交 后， 系統(tǒng) 先 將 用戶填寫的信息 進(jìn)行前臺 校驗(yàn)， 通過 前臺校驗(yàn)后，系統(tǒng)將填寫的用戶名在數(shù)據(jù)庫中查找，如果存在則給 出 用戶提示重新填寫用戶名 ；若通過 后臺邏輯 校驗(yàn) ，則將數(shù)據(jù) 添加到數(shù)據(jù)庫， 提示用戶 注冊成功 。 用戶注冊 界面 如 圖 36 所示 。 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 19 、 圖 36 新用戶注冊 當(dāng)添加 信息錯(cuò)誤時(shí)系統(tǒng)會提示用戶。如 郵箱格式不正確 、 用戶名已被注冊 。 出錯(cuò)提示如圖 37 所示 。 圖 37 郵箱格式和用戶賬號錯(cuò)誤提示 3. 新聞信息 新聞資訊 頁面 列出所有 表 T_news 中的新聞信息 。 用戶可以選擇新聞標(biāo)題查看其 詳細(xì) 新聞信息，系統(tǒng)將獲取相應(yīng)新聞標(biāo)題的 ID 參數(shù)傳遞至新聞 Servlet News 中， newsDetailQian()通過獲取 ID 參數(shù)， 查詢 對應(yīng) ID 的 新聞詳細(xì)信息，放在request 中 并 跳至 頁面顯示詳細(xì)的新聞信息 ， 新聞詳細(xì)信息 界面 如圖 38 所示。 圖 38 新聞詳細(xì)信息 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 20 4. 賽事錦集 當(dāng)用戶選擇首頁的賽事錦集時(shí)， 先跳至 Servlet 中，獲取全部 賽事信息，然后跳至頁面 并顯示 ， 賽事錦集 界面 如圖 39 所示。 圖 39 賽事信息 用戶選擇賽事 標(biāo)題， 系統(tǒng)將賽事 標(biāo)題對應(yīng)的 ID 傳遞至 Servlet 中，通過其gonggaoDetailQian（） 方法查詢獲取賽事 ID 對應(yīng)的詳細(xì)賽事信息，存放至 request 中并跳到頁面 顯示 ， 賽事 詳細(xì)信息 如 圖 310 所示。 圖 310 賽事詳細(xì)信息 5. 場 館信息 場館信息羅列了平臺下所有 場館信息。當(dāng)用戶選擇首頁的場館信息時(shí)，系統(tǒng)將從場館的 Servlet 中查詢出全部的場館信息并存放至 request 中， 并 在 頁面顯示， 全部場館信息如 圖 311 所示。 圖 311 全部場館信息 內(nèi)蒙古工業(yè)大學(xué)本科畢業(yè)設(shè)計(jì)說明書 21 選擇“詳細(xì)介紹”后， 系統(tǒng)將獲取對 場館 ID， 將 參數(shù)傳遞至場館 Guan Servlet中， Guan 對應(yīng)的 guanDetailQian（） 方法將獲取參數(shù) ID，查詢表 T_guan 中對應(yīng) ID的場館信息，將結(jié)果存放至 request 中，并跳轉(zhuǎn)至 顯示場 館的詳細(xì)信息，場館詳細(xì)信息 界面 如圖 312 所示。 圖 312 場館詳細(xì)信息 6. 評論留言 用戶選擇首頁評論留言時(shí)，系統(tǒng)將調(diào)用 Liuyan Servlet 中的 liuyanAll 方法，從數(shù)據(jù)庫中按時(shí)間順序查找全部 評論留言信息，并將這些信息存放至 List 中，通過 request將信息傳遞給 頁面。當(dāng)用戶要評論時(shí)，首先將檢查 session 中用戶信息是否存在，若存在，將顯示添加評論界面 ；若不存在，提示用戶 登錄 ， 評論信息 界面 如 圖 313 所示 。 圖 313 評論留