【導讀】題目校園計算機技術論壇的設計與實現(xiàn)。學院信息科學技術學院。甘肅農業(yè)大學教務處制

　　

【正文】 Timeout(clockon(bgclock),1000)。 } 在網頁加載時就執(zhí)行該 JavaScript 函數(shù) ： body onload=”clockon(bgclock)?！? 用戶 登錄 與 注冊的 設計與實現(xiàn) 要對論壇的各項進行操作必須登陸論壇系統(tǒng)，如果沒有論壇帳戶，用戶注冊是必須的。用戶命令如果是注銷，則清除用戶在頁面上的狀態(tài)信息即 session 值，并返回 論壇 首頁，如果是登錄則使用 MySQL 去 連接 到 數(shù)據(jù)庫， 獲取 用戶輸入的帳號和密碼并查詢數(shù)據(jù)庫，將得出的結果和用戶輸入的信息做比較， 如果驗證正確，跳轉到主界面并且顯示 用戶已經登陸到系統(tǒng)，錯誤將返回 錯誤信息 到登陸頁面 讓用戶重新 輸入 信息 .如果用戶想注冊帳戶，則跳轉到注冊頁面，用戶填寫信息后，在提交之前頁面會 檢測信 息的正確性，如果各項信息符合要求 則允許注冊，則完成帳號的注冊，將信息寫入到數(shù)據(jù)庫中， 否 則返回錯誤信息，告訴用戶帳號存在，請用戶重新 填寫 ，并完成注冊，進程結束。 用戶登錄的設計 與實現(xiàn) (1) 用戶登錄界面如圖 所示 。 校園技術論壇的設計與實現(xiàn) 18 圖 用戶登錄界面 (2) 用戶登錄程序 的 流程 如圖 所示 。 圖 用戶登錄 論壇 流程圖 實現(xiàn)代碼： public class DoLogin extends ActionSupport { private Login login = new Login()。 @Override public String execute(){ if (((), ())) { ().getSession().put(name, 開始 進行驗證 輸入用戶名和密碼 用戶名，密碼是否正確 登陸成功 是 否 校園技術論壇的設計與實現(xiàn) 19 ())。 ().getSession().put(islogin, 1)。 return success。 } else { ().getSession().put(islogin, 0)。 (userlogin, 你輸入的用戶名或密碼錯誤，請重新輸入 )。 return error。 } } 用戶注冊的設計與實現(xiàn) (1) 實現(xiàn)目標 如果不是會員要先進行注冊，點擊 “ 注冊 ” 隨后就進入了新會員注冊主界面（圖 ）用戶 應按照界面上的提示 填寫信息 ，如 “ 用戶賬號 ” ， “ 密碼 ” ， “ 性別 ” ， “ 真實姓名 ”等。 (2) 用戶注冊程序 流程圖介紹 用戶 填寫信息后點擊提交會 進行信息驗證，如果該用戶名還沒有注冊，則 會 注冊成功，頁面發(fā)生跳轉， 反之用戶名已經注冊會提示 “ 該用戶名已存在，請重新輸入！ ” ，重新輸入用戶信息。用戶注冊的程序流程圖如圖 所示。 圖 用戶注冊流程圖 (3) 注冊界面，如圖 所示 。 開始 輸入用戶信息 注冊 用戶名是否重復 注冊成功 結束 是 否 校園技術論壇的設計與實現(xiàn) 20 圖 用戶注冊界面 論壇系統(tǒng)的設計與實現(xiàn) 論壇前臺 系統(tǒng)主界面設計 (1) 實現(xiàn)目標 論壇 前臺系統(tǒng)， 用戶進入主頁面后，上方是論壇 logo，有登陸、注冊 、 用戶名 設置 為一個超鏈接形式可以鏈接到用戶個人信息界面， 用戶可以查看個人信息和修改個人信息，還有 論壇 在線系統(tǒng)時間用戶可以查看當前時間， 還 可以瀏覽各個欄目列表以及欄目 創(chuàng)建 時間和主題數(shù)等相關信息。 論壇前臺 系統(tǒng)主界面，如圖 所示 ： 圖 論壇前臺 系統(tǒng)主界面 校園技術論壇的設計與實現(xiàn) 21 (2) 設計思路 用戶可以通過點擊各個板塊名稱進入主版 界 面，便可瀏覽 用戶所發(fā)主題，并能夠自己選擇自己喜歡的板塊發(fā)表主題等 操作，單擊主題名稱后便進入主題頁面瀏覽主題內容， 如果是用戶 能夠進行瀏覽以及 主題的 回復等操作 ，如果是游客那么只能瀏覽主題內容和一些回復內容，若游客強行去回復帖子或者發(fā)表主題，頁面就會跳轉到登錄界面讓游客登錄若不是用戶就必須選擇注冊鏈接進入注冊界面進行注冊，成為論壇會員才可以 發(fā)帖和回復操作 。 如圖 論壇主題界面，圖 論壇 主題內容界面 ,圖 論壇 主題回復 界面 所示。 圖 論壇主題界面 圖 論壇主題內容界面 校園技術論壇的設計與實現(xiàn) 22 圖 論壇主題回復界面 回帖是指用戶登錄論壇之后選擇相應的技術領域板塊去瀏覽時看到某個用戶發(fā)表的主題時產生興趣后，會回復該主題一些自己的看法和遇到的問題 ，若為游客那么該功能將不能使用回復框將變?yōu)榛疑募床荒芫庉嬋魏蝺热??；貜唾N子的文件為 。 瀏覽帖子的回復和回帖 是 顯示在 同 一個頁面上 的這樣方便及時的對某個主題進行回復 。使用 HTML語言的 include標簽 引入 組合成一個 新的 頁面?；緦崿F(xiàn)在當前頁回復的顯示，在當前的 頁面上 能 夠 顯示。 運用 了 Struts2+Json+Ajax+Jsp， 通過 Ajax進行 異步交互，使用 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) { } 校園技術論壇的設計與實現(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+ 校園技術論壇的設計與實現(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。)。 } 論壇 后臺管理 主界面設計 此頁面主要的功能就是 通過管理員的操作來實現(xiàn)對板塊 ，主題 ， 回復，用戶等進行管理 和維護 。 管理員對板塊的管理，可以增設新的板塊，刪除已存在的板塊，給板塊指定 版主等；對主題 專區(qū)的管理體現(xiàn)在對不符合論壇規(guī)定的主題進行刪除操作；同樣可以刪除不符合論壇規(guī)定 的回復；對用戶的管理 可以實現(xiàn)在 用戶中進行模糊查詢，刪除用戶以及編輯用戶，如圖 論壇后臺 登錄界面，圖 論壇后臺板塊 管理 界面 ，圖 論壇 后臺用戶管理 界面所示。 校園技術論壇的設計與實現(xiàn) 25 圖 論壇后臺 登錄界面 圖 論壇后臺板塊管理 界面 圖 論壇后臺用戶管理 界面 校園技術論壇的設計與實現(xiàn) 26 在論壇后臺管理上本系統(tǒng) 采用了 HTML 的 Frameset 框架 組成 一個 管理頁面。這是一種比較常用的方式。左邊框架 是 顯示功能 界面 ，右邊框架顯示主要內容 界面 [10]。但是存在一個很大的問題。 Struts2 的 不支持 HTML 的 frameset 框架。頁面 發(fā)送 請求的信息 如果直接跳轉 Frameset 的框架頁面里面的子頁面 是 接收不到參數(shù) ， 如果直接跳轉到子頁面 ， 頁面就 顯示不出框架的效果了 ， 通過查閱資料 和請教一些有經驗的同學，最后終于找到了解決辦法那 就是把需要傳送的 值 存在 session 里面 ， 頁面通過 session 來獲取到傳遞的值， 這樣就可以順利的實現(xiàn)各個功能了 。 (1) 板塊管理：因為 的版塊較少， 所以 在 這里 沒有做 對應的 分頁處理。 但在該板塊 也有一個亮點 一旦 點擊 新增時 會 彈出 一個 div 塊顯示一個小界面 ?；緦崿F(xiàn)原理是，在頁面載入的是時候將某 div塊隱藏，在點擊新增 按鈕或超鏈接觸發(fā)事件的時候顯示。主要通過 CSS+div+JavaScript， 初始時隱藏狀態(tài)。 (2) 專區(qū)管理： ； 由于 Struts2 的 不支持 HTML 的框架。本版塊 放棄了 Struts2 的優(yōu)越性，在遍歷顯示版塊主題的時候。 沒有使用 s:intertor標簽，而是 使用自定義標簽技術 開發(fā)了 app:displayTopic/標簽。連分頁操作都是在 JSP 頁面