【導(dǎo)讀】題目校園計(jì)算機(jī)技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn)。學(xué)院信息科學(xué)技術(shù)學(xué)院。甘肅農(nóng)業(yè)大學(xué)教務(wù)處制

　　

【正文】 Timeout(clockon(bgclock),1000)。 } 在網(wǎng)頁加載時(shí)就執(zhí)行該 JavaScript 函數(shù) ： body onload=”clockon(bgclock)?！? 用戶 登錄 與 注冊的 設(shè)計(jì)與實(shí)現(xiàn) 要對論壇的各項(xiàng)進(jìn)行操作必須登陸論壇系統(tǒng)，如果沒有論壇帳戶，用戶注冊是必須的。用戶命令如果是注銷，則清除用戶在頁面上的狀態(tài)信息即 session 值，并返回 論壇 首頁，如果是登錄則使用 MySQL 去 連接 到 數(shù)據(jù)庫， 獲取 用戶輸入的帳號(hào)和密碼并查詢數(shù)據(jù)庫，將得出的結(jié)果和用戶輸入的信息做比較， 如果驗(yàn)證正確，跳轉(zhuǎn)到主界面并且顯示 用戶已經(jīng)登陸到系統(tǒng)，錯(cuò)誤將返回 錯(cuò)誤信息 到登陸頁面 讓用戶重新 輸入 信息 .如果用戶想注冊帳戶，則跳轉(zhuǎn)到注冊頁面，用戶填寫信息后，在提交之前頁面會(huì) 檢測信 息的正確性，如果各項(xiàng)信息符合要求 則允許注冊，則完成帳號(hào)的注冊，將信息寫入到數(shù)據(jù)庫中， 否 則返回錯(cuò)誤信息，告訴用戶帳號(hào)存在，請用戶重新 填寫 ，并完成注冊，進(jìn)程結(jié)束。 用戶登錄的設(shè)計(jì) 與實(shí)現(xiàn) (1) 用戶登錄界面如圖 所示 。 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 18 圖 用戶登錄界面 (2) 用戶登錄程序 的 流程 如圖 所示 。 圖 用戶登錄 論壇 流程圖 實(shí)現(xiàn)代碼： public class DoLogin extends ActionSupport { private Login login = new Login()。 @Override public String execute(){ if (((), ())) { ().getSession().put(name, 開始 進(jìn)行驗(yàn)證 輸入用戶名和密碼 用戶名，密碼是否正確 登陸成功 是 否 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 19 ())。 ().getSession().put(islogin, 1)。 return success。 } else { ().getSession().put(islogin, 0)。 (userlogin, 你輸入的用戶名或密碼錯(cuò)誤，請重新輸入 )。 return error。 } } 用戶注冊的設(shè)計(jì)與實(shí)現(xiàn) (1) 實(shí)現(xiàn)目標(biāo) 如果不是會(huì)員要先進(jìn)行注冊，點(diǎn)擊 “ 注冊 ” 隨后就進(jìn)入了新會(huì)員注冊主界面（圖 ）用戶 應(yīng)按照界面上的提示 填寫信息 ，如 “ 用戶賬號(hào) ” ， “ 密碼 ” ， “ 性別 ” ， “ 真實(shí)姓名 ”等。 (2) 用戶注冊程序 流程圖介紹 用戶 填寫信息后點(diǎn)擊提交會(huì) 進(jìn)行信息驗(yàn)證，如果該用戶名還沒有注冊，則 會(huì) 注冊成功，頁面發(fā)生跳轉(zhuǎn)， 反之用戶名已經(jīng)注冊會(huì)提示 “ 該用戶名已存在，請重新輸入！ ” ，重新輸入用戶信息。用戶注冊的程序流程圖如圖 所示。 圖 用戶注冊流程圖 (3) 注冊界面，如圖 所示 。 開始 輸入用戶信息 注冊 用戶名是否重復(fù) 注冊成功 結(jié)束 是 否 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 20 圖 用戶注冊界面 論壇系統(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)入主頁面后，上方是論壇 logo，有登陸、注冊 、 用戶名 設(shè)置 為一個(gè)超鏈接形式可以鏈接到用戶個(gè)人信息界面， 用戶可以查看個(gè)人信息和修改個(gè)人信息，還有 論壇 在線系統(tǒng)時(shí)間用戶可以查看當(dāng)前時(shí)間， 還 可以瀏覽各個(gè)欄目列表以及欄目 創(chuàng)建 時(shí)間和主題數(shù)等相關(guān)信息。 論壇前臺(tái) 系統(tǒng)主界面，如圖 所示 ： 圖 論壇前臺(tái) 系統(tǒng)主界面 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 21 (2) 設(shè)計(jì)思路 用戶可以通過點(diǎn)擊各個(gè)板塊名稱進(jìn)入主版 界 面，便可瀏覽 用戶所發(fā)主題，并能夠自己選擇自己喜歡的板塊發(fā)表主題等 操作，單擊主題名稱后便進(jìn)入主題頁面瀏覽主題內(nèi)容， 如果是用戶 能夠進(jìn)行瀏覽以及 主題的 回復(fù)等操作 ，如果是游客那么只能瀏覽主題內(nèi)容和一些回復(fù)內(nèi)容，若游客強(qiáng)行去回復(fù)帖子或者發(fā)表主題，頁面就會(huì)跳轉(zhuǎn)到登錄界面讓游客登錄若不是用戶就必須選擇注冊鏈接進(jìn)入注冊界面進(jìn)行注冊，成為論壇會(huì)員才可以 發(fā)帖和回復(fù)操作 。 如圖 論壇主題界面，圖 論壇 主題內(nèi)容界面 ,圖 論壇 主題回復(fù) 界面 所示。 圖 論壇主題界面 圖 論壇主題內(nèi)容界面 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 22 圖 論壇主題回復(fù)界面 回帖是指用戶登錄論壇之后選擇相應(yīng)的技術(shù)領(lǐng)域板塊去瀏覽時(shí)看到某個(gè)用戶發(fā)表的主題時(shí)產(chǎn)生興趣后，會(huì)回復(fù)該主題一些自己的看法和遇到的問題 ，若為游客那么該功能將不能使用回復(fù)框?qū)⒆優(yōu)榛疑募床荒芫庉嬋魏蝺?nèi)容 ?；貜?fù)貼子的文件為 。 瀏覽帖子的回復(fù)和回帖 是 顯示在 同 一個(gè)頁面上 的這樣方便及時(shí)的對某個(gè)主題進(jìn)行回復(fù) 。使用 HTML語言的 include標(biāo)簽 引入 組合成一個(gè) 新的 頁面?；緦?shí)現(xiàn)在當(dāng)前頁回復(fù)的顯示，在當(dāng)前的 頁面上 能 夠 顯示。 運(yùn)用 了 Struts2+Json+Ajax+Jsp， 通過 Ajax進(jìn)行 異步交互，使用 Json顯示返回的數(shù)據(jù)。 ： public class DoResponse extends ActionSupport { private Response rp = new Response()。 private String result。 public String execute() { String name = (String) ().getSession().get( name)。 (name)。 (rp)。 Login user = null。 try { user = (name)。 } catch (SQLException e) { } 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 23 MapString, String map = new HashMapString, String()。 (content, ())。 (xq, ())。 (author, ())。 (submittime, ())。 if (name == null) { (, )。 (tx, )。 (qq, )。 } else { (, ())。 (tx, ())。 (qq, ())。 } JSONObject jo = (map)。 result = ()。 return ”success”。 } 頁面上采用的 Ajax異步請求代碼如下： var title=$(title).val()。 var xq=getRadioBoxValue(xq)。 //獲取單選按鈕的值 var content=$(text2).val()。 var topiame=$(topiame).val()。 var topicid=$(topicid).val()。 $.post(39。39。,{:title,:xq,:content,:topiame,:topicid},function(data){ var rs =eval(data)。//包數(shù)據(jù)解析為 json 格式 var rp2=。 var rp=eval(( + rp2+ )) //把數(shù)據(jù)解析為 JSON 格式 $(39。0239。).append(tr+ 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 24 tdwidth=39。100239。height=39。18339。valign=39。top39。background=39。images/39。+table width=39。100%39。 height=39。17739。 border=39。039。+ trtd height=39。2839。 colspan=39。239。 /tdtd width=39。8%39。 /td+ td width=39。20%39。 class=39。zczi39。 valign=39。baseline39。++/td+ td width=39。15%39。 class=39。zczi39。 valign=39。baseline39。++/td+ td width=39。30%39。 class=39。fyzi39。 valign=39。baseline39。++/td/tr+ trtd height=39。6639。 colspan=39。239。 align=39。center39。+ img src=39。images/touxiang/++39。 width=39。6039。 height=39。6039。/td+ td colspan=39。539。 rowspan=39。239。 valign=39。top39。 class=39。zczi39。++/td/tr+ trtd height=39。2739。 colspan=39。239。 align=39。center39。 valign=39。middle39。 class=39。zczi39。作者： ++/td/trtr+ td width=39。9%39。 height=39。4239。 align=39。center39。 valign=39。top39。 /td+ td width=39。8%39。 valign=39。top39。+img src=39。images/xq/++39。 width=39。2039。height=39。2039。+ /tdtdcolspan=39。439。 /tdtdwidth=39。10%39。 /td/tr/table/td/tr)。 }, 39。json39。)。 } 論壇 后臺(tái)管理 主界面設(shè)計(jì) 此頁面主要的功能就是 通過管理員的操作來實(shí)現(xiàn)對板塊 ，主題 ， 回復(fù)，用戶等進(jìn)行管理 和維護(hù) 。 管理員對板塊的管理，可以增設(shè)新的板塊，刪除已存在的板塊，給板塊指定 版主等；對主題 專區(qū)的管理體現(xiàn)在對不符合論壇規(guī)定的主題進(jìn)行刪除操作；同樣可以刪除不符合論壇規(guī)定 的回復(fù)；對用戶的管理 可以實(shí)現(xiàn)在 用戶中進(jìn)行模糊查詢，刪除用戶以及編輯用戶，如圖 論壇后臺(tái) 登錄界面，圖 論壇后臺(tái)板塊 管理 界面 ，圖 論壇 后臺(tái)用戶管理 界面所示。 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 25 圖 論壇后臺(tái) 登錄界面 圖 論壇后臺(tái)板塊管理 界面 圖 論壇后臺(tái)用戶管理 界面 校園技術(shù)論壇的設(shè)計(jì)與實(shí)現(xiàn) 26 在論壇后臺(tái)管理上本系統(tǒng) 采用了 HTML 的 Frameset 框架 組成 一個(gè) 管理頁面。這是一種比較常用的方式。左邊框架 是 顯示功能 界面 ，右邊框架顯示主要內(nèi)容 界面 [10]。但是存在一個(gè)很大的問題。 Struts2 的 不支持 HTML 的 frameset 框架。頁面 發(fā)送 請求的信息 如果直接跳轉(zhuǎn) Frameset 的框架頁面里面的子頁面 是 接收不到參數(shù) ， 如果直接跳轉(zhuǎn)到子頁面 ， 頁面就 顯示不出框架的效果了 ， 通過查閱資料 和請教一些有經(jīng)驗(yàn)的同學(xué)，最后終于找到了解決辦法那 就是把需要傳送的 值 存在 session 里面 ， 頁面通過 session 來獲取到傳遞的值， 這樣就可以順利的實(shí)現(xiàn)各個(gè)功能了 。 (1) 板塊管理：因?yàn)? 的版塊較少， 所以 在 這里 沒有做 對應(yīng)的 分頁處理。 但在該板塊 也有一個(gè)亮點(diǎn) 一旦 點(diǎn)擊 新增時(shí) 會(huì) 彈出 一個(gè) div 塊顯示一個(gè)小界面 。基本實(shí)現(xiàn)原理是，在頁面載入的是時(shí)候?qū)⒛?div塊隱藏，在點(diǎn)擊新增 按鈕或超鏈接觸發(fā)事件的時(shí)候顯示。主要通過 CSS+div+JavaScript， 初始時(shí)隱藏狀態(tài)。 (2) 專區(qū)管理： ； 由于 Struts2 的 不支持 HTML 的框架。本版塊 放棄了 Struts2 的優(yōu)越性，在遍歷顯示版塊主題的時(shí)候。 沒有使用 s:intertor標(biāo)簽，而是 使用自定義標(biāo)簽技術(shù) 開發(fā)了 app:displayTopic/標(biāo)簽。連分頁操作都是在 JSP 頁面