【正文】 連分頁(yè)操作都是在 JSP 頁(yè)面 。本版塊 放棄了 Struts2 的優(yōu)越性，在遍歷顯示版塊主題的時(shí)候。主要通過(guò) CSS+div+JavaScript， 初始時(shí)隱藏狀態(tài)。 但在該板塊 也有一個(gè)亮點(diǎn) 一旦 點(diǎn)擊 新增時(shí) 會(huì) 彈出 一個(gè) div 塊顯示一個(gè)小界面 。頁(yè)面 發(fā)送 請(qǐng)求的信息 如果直接跳轉(zhuǎn) Frameset 的框架頁(yè)面里面的子頁(yè)面 是 接收不到參數(shù) ， 如果直接跳轉(zhuǎn)到子頁(yè)面 ， 頁(yè)面就 顯示不出框架的效果了 ， 通過(guò)查閱資料 和請(qǐng)教一些有經(jīng)驗(yàn)的同學(xué)，最后終于找到了解決辦法那 就是把需要傳送的 值 存在 session 里面 ， 頁(yè)面通過(guò) session 來(lái)獲取到傳遞的值， 這樣就可以順利的實(shí)現(xiàn)各個(gè)功能了 。但是存在一個(gè)很大的問(wèn)題。這是一種比較常用的方式。 管理員對(duì)板塊的管理，可以增設(shè)新的板塊，刪除已存在的板塊，給板塊指定 版主等；對(duì)主題 專區(qū)的管理體現(xiàn)在對(duì)不符合論壇規(guī)定的主題進(jìn)行刪除操作；同樣可以刪除不符合論壇規(guī)定 的回復(fù)；對(duì)用戶的管理 可以實(shí)現(xiàn)在 用戶中進(jìn)行模糊查詢，刪除用戶以及編輯用戶，如圖 論壇后臺(tái) 登錄界面，圖 論壇后臺(tái)板塊 管理 界面 ，圖 論壇 后臺(tái)用戶管理 界面所示。)。 }, 39。10%39。439。2039。2039。images/xq/++39。top39。8%39。top39。center39。4239。9%39。zczi39。middle39。center39。239。2739。zczi39。top39。239。539。6039。6039。images/touxiang/++39。center39。239。6639。baseline39。fyzi39。30%39。baseline39。zczi39。15%39。baseline39。zczi39。20%39。8%39。239。2839。039。17739。100%39。images/39。top39。18339。100239。0239。//包數(shù)據(jù)解析為 json 格式 var rp2=。39。 var topicid=$(topicid).val()。 //獲取單選按鈕的值 var content=$(text2).val()。 } 頁(yè)面上采用的 Ajax異步請(qǐng)求代碼如下： var title=$(title).val()。 result = ()。 (qq, ())。 } else { (, ())。 (tx, )。 (submittime, ())。 (xq, ())。 } catch (SQLException e) { } 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 23 MapString, String map = new HashMapString, String()。 Login user = null。 (name)。 private String result。 運(yùn)用 了 Struts2+Json+Ajax+Jsp， 通過(guò) Ajax進(jìn)行 異步交互，使用 Json顯示返回的數(shù)據(jù)。使用 HTML語(yǔ)言的 include標(biāo)簽 引入 組合成一個(gè) 新的 頁(yè)面?；貜?fù)貼子的文件為 。 如圖 論壇主題界面，圖 論壇 主題內(nèi)容界面 ,圖 論壇 主題回復(fù) 界面 所示。 開(kāi)始 輸入用戶信息 注冊(cè) 用戶名是否重復(fù) 注冊(cè)成功 結(jié)束 是 否 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 20 圖 用戶注冊(cè)界面 論壇系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) 論壇前臺(tái) 系統(tǒng)主界面設(shè)計(jì) (1) 實(shí)現(xiàn)目標(biāo) 論壇 前臺(tái)系統(tǒng)， 用戶進(jìn)入主頁(yè)面后，上方是論壇 logo，有登陸、注冊(cè) 、 用戶名 設(shè)置 為一個(gè)超鏈接形式可以鏈接到用戶個(gè)人信息界面， 用戶可以查看個(gè)人信息和修改個(gè)人信息，還有 論壇 在線系統(tǒng)時(shí)間用戶可以查看當(dāng)前時(shí)間， 還 可以瀏覽各個(gè)欄目列表以及欄目 創(chuàng)建 時(shí)間和主題數(shù)等相關(guān)信息。用戶注冊(cè)的程序流程圖如圖 所示。 } } 用戶注冊(cè)的設(shè)計(jì)與實(shí)現(xiàn) (1) 實(shí)現(xiàn)目標(biāo) 如果不是會(huì)員要先進(jìn)行注冊(cè)，點(diǎn)擊 “ 注冊(cè) ” 隨后就進(jìn)入了新會(huì)員注冊(cè)主界面（圖 ）用戶 應(yīng)按照界面上的提示 填寫信息 ，如 “ 用戶賬號(hào) ” ， “ 密碼 ” ， “ 性別 ” ， “ 真實(shí)姓名 ”等。 (userlogin, 你輸入的用戶名或密碼錯(cuò)誤，請(qǐng)重新輸入 )。 return success。 Override public String execute(){ if (((), ())) { ().getSession().put(name, 開(kāi)始 進(jìn)行驗(yàn)證 輸入用戶名和密碼 用戶名，密碼是否正確 登陸成功 是 否 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 19 ())。 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 18 圖 用戶登錄界面 (2) 用戶登錄程序 的 流程 如圖 所示 。用戶命令如果是注銷，則清除用戶在頁(yè)面上的狀態(tài)信息即 session 值，并返回 論壇 首頁(yè)，如果是登錄則使用 MySQL 去 連接 到 數(shù)據(jù)庫(kù)， 獲取 用戶輸入的帳號(hào)和密碼并查詢數(shù)據(jù)庫(kù)，將得出的結(jié)果和用戶輸入的信息做比較， 如果驗(yàn)證正確，跳轉(zhuǎn)到主界面并且顯示 用戶已經(jīng)登陸到系統(tǒng)，錯(cuò)誤將返回 錯(cuò)誤信息 到登陸頁(yè)面 讓用戶重新 輸入 信息 .如果用戶想注冊(cè)帳戶，則跳轉(zhuǎn)到注冊(cè)頁(yè)面，用戶填寫信息后，在提交之前頁(yè)面會(huì) 檢測(cè)信 息的正確性，如果各項(xiàng)信息符合要求 則允許注冊(cè)，則完成帳號(hào)的注冊(cè)，將信息寫入到數(shù)據(jù)庫(kù)中， 否 則返回錯(cuò)誤信息，告訴用戶帳號(hào)存在，請(qǐng)用戶重新 填寫 ，并完成注冊(cè)，進(jìn)程結(jié)束。 } 在網(wǎng)頁(yè)加載時(shí)就執(zhí)行該 JavaScript 函數(shù) ： body onload=”clockon(bgclock)。 time=year++month++date++week++hour+:+minu+:+sec。 week=arr_week[day]。 if(sec10) sec=0+sec。 if(hour10) hour=0+hour。 if(month10) month=0+month。 var week。 var minu=()。 var day=()。 var month=()。 圖 顯示論壇系統(tǒng)時(shí)間 代碼如下： function clockon(bgclock){ var now=new Date()。后面基本頁(yè)面發(fā)生變化都是在中間部分發(fā)生變化。 首頁(yè) 首頁(yè)歡迎 用戶已登錄 用戶尚未登錄 標(biāo)簽論壇專區(qū)信息 頁(yè)腳，論壇開(kāi)發(fā)商信息 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 16 圖 校園技術(shù)論壇主 界面 頁(yè)面頭上的歡迎信息和頁(yè)面底部的開(kāi)發(fā)者信息在前臺(tái)每個(gè)網(wǎng)頁(yè)上顯示的都是一樣的。本論壇的名稱為校園技術(shù)匯，其含義是技術(shù)都將匯聚到這個(gè)論壇，校園技術(shù)論壇首頁(yè)的文件為： 。 最好有一個(gè) Java 開(kāi)發(fā)工具，比如 之類的，方便日后代碼的維護(hù)， 由于是通過(guò)瀏覽器對(duì)該論壇進(jìn)行訪問(wèn)的所以還需要安裝相應(yīng)的瀏覽器 (建議使用谷歌瀏覽器 )。 表 topic 序 號(hào) 英文名 中文名 主鍵 類型 長(zhǎng)度 1 id 主題 ID 是 Inteter 8 2 content 主題內(nèi)容 否 Varchar 500 3 author 主題作者 否 Varchar 20 4 submittime 提交時(shí)間 否 timestamp 19 5 forumid 論壇編號(hào) 否 Varchar 20 6 forumname 論壇名稱 否 Varchar 30 7 rq 人氣 否 Varchar 10 8 title 主題標(biāo)題 否 Inteter 8 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 15 4 系統(tǒng)詳細(xì)設(shè)計(jì) 系統(tǒng)運(yùn)行平臺(tái)設(shè)置 硬件環(huán)境 標(biāo)準(zhǔn)配置計(jì)算機(jī)一臺(tái)， 內(nèi)存 512M 以上 (最好是 4G,因?yàn)殡S著論壇的發(fā)展訪問(wèn)量會(huì)增多 )， 外存容量、聯(lián)機(jī)或脫機(jī)、媒體及其存儲(chǔ)格式，設(shè)備的型號(hào)及數(shù)量：硬盤 40G 及以上、聲卡、顯卡無(wú)要求 。 表 user 序號(hào) 英文名 中文名 主鍵 類型 長(zhǎng)度 1 id 用戶 ID 是 Inteter 8 2 username 用戶名 否 Varchar 20 3 password 密碼 否 Varchar 10 4 realname 姓名 否 Varchar 20 5 sex 性別 否 Varchar 4 6 age 年齡 否 Varchar 4 M N 屬于 發(fā)表 用戶 主題 論壇專區(qū) 回復(fù) 回復(fù) 瀏覽 評(píng)論 N M M 1 M N 1 N 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 14 7 電子郵件 否 Varchar 200 8 oicq OICQ 否 Varchar 8 9 grade 用戶級(jí)別 否 Varchar 50 10 grzy 個(gè)人主頁(yè) 否 Varchar 50 11 signature 用戶簽名 否 Varchar 300 12 tx 頭像 否 Varchar 30 表名： response 數(shù)據(jù)來(lái)源： 回復(fù)主題 表 表結(jié)構(gòu)如表 所示。 表名： forum 數(shù)據(jù)來(lái)源： 論壇 表 表結(jié)構(gòu)如表 所示。 回復(fù)主題 回復(fù)主題標(biāo)題 回復(fù)作者 心情 回復(fù)主題內(nèi)容 回復(fù)主題時(shí)間 主題作者 主題編號(hào) 回復(fù)主題作者 回復(fù)主題編號(hào) 主題名稱 主題 主題編號(hào) 主題內(nèi)容 主題作者 論壇名稱 主題標(biāo)題 論壇編號(hào) 人氣 提交時(shí)間 回復(fù)人數(shù) 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 13 圖 數(shù)據(jù)庫(kù) ER 圖 數(shù)據(jù)表的設(shè)計(jì) 由于數(shù)據(jù)庫(kù)關(guān)系到一個(gè)系統(tǒng)能不能正常的工作 ，所以一定要考慮到 數(shù)據(jù)結(jié)構(gòu)的安全性、完整性，并發(fā)控制與恢復(fù)。還要考察一個(gè)實(shí)體類型內(nèi)部是否存在聯(lián)系，兩個(gè)實(shí)體類型之間是否存在聯(lián)系，多個(gè)實(shí)體類型之間是否存在聯(lián)系等等 [9]。一種完整的方式是對(duì)局部結(jié)構(gòu)中任意兩個(gè)實(shí)體類型，依據(jù)需求分析的結(jié)果，考察局部結(jié)構(gòu)中任意兩個(gè)實(shí)體類型之間是否存在聯(lián)系。 (1) 用戶實(shí)體對(duì)象 用戶實(shí)體包括用戶編號(hào)、用戶名、用戶簽名、用戶頭像、密碼 等用戶相關(guān)屬性，用戶的 實(shí)體 ER 圖為： 圖 用戶實(shí)體 ER 圖 (2) 論壇實(shí)體對(duì)象 論壇實(shí)體對(duì)象包括論壇編號(hào)、論壇名稱、版主 、創(chuàng)建時(shí)間 等屬性，論壇的 實(shí)體 ER 圖為： 圖 論壇實(shí)體 ER 圖 (3) 主題實(shí)體對(duì)象 主題實(shí)體包含主題編號(hào)、主題標(biāo)題、主題內(nèi)容、主題作者、發(fā)表時(shí)間、論壇編號(hào)、論壇名稱、人氣、回復(fù)人數(shù)等相關(guān)屬性，主題的 實(shí)體 ER 圖為： 論壇 版主 論壇編號(hào) 創(chuàng)建時(shí)間 論壇名稱 用戶 性 別 用戶名 用戶編號(hào) 用戶頭像 個(gè)人主頁(yè) 級(jí)別 真實(shí)姓名 聯(lián)系地址 個(gè)人簽名 密碼 電子郵箱 OCIQ 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 12 圖 主題實(shí)體 ER 圖 (4)回復(fù)主題實(shí)體對(duì)象 回復(fù)主題實(shí)體對(duì)象包括回復(fù)主題編號(hào)、回復(fù)主題標(biāo)題、回復(fù)主題內(nèi)容、回復(fù)主題作者、回復(fù)主題時(shí)間 、回復(fù)作者心情 、主題編號(hào)、 主題作者、 主題名稱等屬性， 回復(fù) 主題的 實(shí)體ER 圖如圖 所示。根據(jù)以上對(duì)系統(tǒng)所 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 11 做的分析能夠確定，每個(gè)功能模塊可以抽象出一個(gè)或多個(gè)實(shí)體對(duì)象，例如用戶、論壇、主題、回復(fù)主題等實(shí)體對(duì)象。 ER 圖由不同實(shí)體類型、關(guān)系、特性和類型構(gòu)成。 數(shù)據(jù)庫(kù)的詳細(xì)設(shè)計(jì) 數(shù)據(jù)庫(kù) ER圖的設(shè)計(jì) ER 圖 是 概念化地構(gòu)建實(shí)體間關(guān)系的模型，這使得它們區(qū)別于數(shù)據(jù)庫(kù)模型圖。 數(shù)據(jù)庫(kù)設(shè)計(jì)概述 根據(jù)系統(tǒng)的需求分析和數(shù)據(jù)庫(kù)的需求分析，同時(shí)根據(jù) 系統(tǒng)功能模塊圖和用例圖的分析 ，對(duì)系統(tǒng)數(shù)據(jù)庫(kù)進(jìn)行概念結(jié)構(gòu)設(shè)計(jì) [9]。 論壇系統(tǒng)信息的儲(chǔ)存