【文章內容簡介】 數據 層 底層鏈接數據庫 第二章 系統(tǒng)分析 7 系統(tǒng)需求分析 系統(tǒng)開發(fā)運行環(huán)境 鑒于系統(tǒng)的開發(fā)語言和數據庫 ,采用如下的開發(fā)環(huán)境 開發(fā)環(huán)境： Windows XP 硬件實現： Intel 酷睿 2 1G 內存 320G硬盤 開發(fā)語言 ： Java 數 據 庫 ： 開發(fā)工具 ： , Macromedia Dreamweaver 預期成果： 一個可擴展的基于 MVC模式的學生在線答疑系統(tǒng)。 業(yè)務描述 對于訪問答疑系統(tǒng)的用戶 ,可分為注冊會員和非注冊的臨時用戶 ,這兩種用戶有著不同的權限 ,比如非注冊用戶只能對別人的答疑工程進行查看 ,但是不能發(fā)表自己的看法。而注冊會員除了查看答疑過程之外 ,還可以發(fā)布問題 ,回復問題 ,查找用戶 ,并且可以對自己的注冊資料進行修改等等 , 圖 系統(tǒng) 流 程圖 系統(tǒng)功能概述 學生在線答疑系統(tǒng)，是一種學生和老師之間為了進一步很好的交流和溝通，利用網絡技術為基礎而實現的一個平臺。同時 ,該平臺把 BBS 論壇形式的交流方本科生畢業(yè)論文（設計） 8 式應用到數字化校園教學中，不僅能夠讓老師和同學之間的溝通更加高效，而且能夠及時的解決學生課后的疑問和顧慮。 鑒于本系統(tǒng)的性質 ,系統(tǒng)應該實現以下功能 . (1)用戶的登錄 (2)用戶的注冊 (3)用戶資料的修改 (1)發(fā)表疑問 (2)回復疑問 (1)教師可以發(fā)表課程信息 (2)學生可 以查看課程信息 (3)學生可以評價課程信息 。 (1)用戶的管理 (2)答疑的管理 (3)版塊信息的管理 根據系統(tǒng)的概要設計，學生在線答疑系統(tǒng)的系統(tǒng)用例如下： 圖 系統(tǒng)用例圖 會員用戶 臨時用戶 瀏覽答疑 發(fā)表疑問 回復疑問 修改資料 管理員 教師 發(fā)布課程 會員管理 答疑管理 版塊信息管理 第三章 系統(tǒng)概要設計 9 第 三 章 系統(tǒng)概要設計 數據庫設計 本系統(tǒng)使用 MySql 數據庫作為后臺數據庫，根據需求分析中提到的各種功能，首先應該有用來存儲教師或者學生的注冊用戶信息用戶表，然后應該有存儲答疑模塊分類信息的類別表，還應該有存儲用戶發(fā)表疑問的發(fā)表表，用戶發(fā)表答疑以后，應該有回復答疑的回復管理表。此外還應該有超級管理表， 用其來管理后臺數據的處理。綜上分析，所以為數據庫建立以下這些表，如下表 。 表 總體表設計 表名 user post response admin course teacher 字段數 5 5 7 5 5 5 概要功能 用戶信息 疑問信息 回復信息 管理員信息 課程表 教師表 user： (用戶表 ) user 表主要用來保存用戶的注冊信息，分別用不同字段表示用戶的各種信息，包括用戶的用戶序號 、 用戶名、用戶密碼、用戶性別、用戶頭像等。具體內容見下表 。 圖 用戶實體圖 post： (疑問表 ) 該表主要用來保存學生或者是老師，在登陸的情況下，發(fā)表的疑問問題和別人對其給予的解決辦法的記錄和顯示。其字段主要如下：疑問序號，疑問所屬模塊，疑問主題，帖名，疑問內容，發(fā)表時間，發(fā)表者是誰。具體內容見下 圖 。 本科生畢業(yè)論文（設計） 10 圖 疑問實體圖 response：（回復表） 該表主要用來保存商品的各種信息，各個字段分別用來表示回復疑問 ID，回復 的內容，回復 的 時間，給哪個疑問回復，回復者姓名等 等 。其中， po_no是引用 post表的 ID。具體內容見 下 圖 。 圖 回復實體 圖 admin： (管理員表 ) 該表用來保存已下訂單的各種信息，各個字段分別用來表示管理員 ID，用戶名，密碼。具體內容見下 圖 。 第三章 系統(tǒng)概要設計 11 圖 管理員實體 圖 5. 設計表 course： (課程表 ) 課程表：主要儲存教師和學生有關的課程信息。 c_id 為課程編號、 c_name為課程名稱、 c_content為課程具體信息、 u_id 有關用戶的 ID、 t_name教師表的名稱 . 具體內容見下 圖 圖 課程實體圖 根據以上的數據庫設計，總結了數據庫中表與表之間的關系如下： 本科生畢業(yè)論文（設計） 12 圖 數據庫綜合實體圖 功能模塊的 設計 根據繪制出的系統(tǒng)綜合用例圖 ,系統(tǒng)分為四個較大的子模塊 ,他們分別是用戶子模塊 ,疑問子模塊，課程信息子模塊和后臺管理子模塊。 模塊 顧名思義，本人設計的該模塊主要用來實現用戶的管理。而管理的內容有用戶的登錄，用戶的注冊，用戶的個人資料修改等等的一系列的操作。對于用戶而言，本人將用戶分為會員用戶和非會員用戶。 會員對大家并不陌生，只有你是會員了，才可以享受其中的一些會員特權。而登錄模塊就是專門為會員設立的一個登錄窗口， 只有用戶登錄了，才能進行下一步的操作，如發(fā)表疑問，回復疑問，瀏覽答疑信息，查看個人課程信息，針對自己選修的課程進行答疑操作等等。 如果你是一個非會員，那么你的權力將得到限制。為了給用戶提供一個人性化的，合理的設置，只要有意向的用戶，就可以成為該平臺的一員。只要通過注第三章 系統(tǒng)概要設計 13 冊頁面的所有操作，就可以順利的成為會員用戶。 根據以上所述，初步設計了有關用戶登陸和用戶注冊的類圖如下： 圖 用戶登陸的 類圖 圖 用戶注冊的 類圖 本科生畢業(yè)論文（設計） 14 答疑信息管理模塊設計 對于會員和非會員的最大的 區(qū)別之處在于：會員可以在登陸的情況下，發(fā)表問題，回復問題等等操作。學生在登陸成功的前提下，可以查看自己的選課情況，并且在相應的課程下，發(fā)表自己的疑問，尋求老師的答疑。教師在登陸的情況下，可以查詢跟自己有關課程下的疑問，然后根據情況進行答疑。所以本人初步設計的發(fā)表疑問，回復疑問的類圖如下： 圖 發(fā)表問題類 圖 發(fā)表問題類的調用關系：用戶在登陸的情況下，用戶可以發(fā)表疑問。首先用戶跳轉到發(fā)表問題的頁面，點擊發(fā)表按鈕后，經過 JavaScript 校驗以后，把數據提交到名字為 select_bip 的 Servlet。 然后把得到的數據進行封裝處理，封裝成一個 PostBean，再調用 Opost的 insertPost()方法，在該方法里，再次調用 DB類，連接數據庫。最后把封裝的 PostBean插入到數據庫中。 同理，回復問題的類圖如圖 ： 第三章 系統(tǒng)概要設計 15 圖 回復問題類圖 回復問題的調用關系：首先用戶跳轉到回復問題的頁面，點擊回復按鈕后，經過 JavaScript校驗以后，把數據提交到名字為 select_bip的 Servlet。然后把得到的數據進行封裝處理，封裝成一個 ResponseBean，再調用 Oresponse 的 insertResponse()方法，在該方法里，再次調用 DB類，連接數據庫。最后把封裝的 PostResponse 插入到數據庫中。 課程信息模塊 設計 作為一個學校學生在線答疑系統(tǒng)，課程信息必不可少。根據系統(tǒng)需求分析，決定課程信息做以下概要設計： (1)老師可以開設自己的課程，并做專題的答疑模塊。 (2)學生可以根據個人需求，查看有關方面的課程，并且可以發(fā)表疑問，而且可以給別人回復自己的看法。 根據以上分 析，課程信息的有關類圖設計如圖 本科生畢業(yè)論文（設計） 16 圖 發(fā)布 課程信息類圖 發(fā)布課程信息的類的調用 關系：首先用戶 (老師角色 )跳轉到 發(fā)表課程 的頁面，點擊 發(fā)布課程 按鈕后，經過 JavaScript 校驗以后，把數據提交到名字為select_bip 的 Servlet。然后把得到的數據進行封裝處理，封裝成一個CourseBean，再調用 Ocourse的 insertCourse ()方法，在該方法里，再次調用DB類，連接數據庫。最后把封裝的 CourseBean插入到數據庫中。 第四章 系統(tǒng)詳細設計 17 第四章 系統(tǒng)詳細設計 界面設計 對于系統(tǒng)來說，用戶界面設計將是非常重要的，因為一個交互良好的界面能夠加深瀏覽者的印象和很好的和 客戶溝通。 根據實際需求，本人分兩步來設計。第一部分是草圖的繪制。第二部分是具體網頁的設計和實現 [7]。 第一步是設計版面布局。 對于一個頁面的設計，版面的布局設計時首要設計。通過網絡資源的查閱和利用， 常用的軟件是 Macromedia的 以及Adobe的 Photoshop等等 。 本系統(tǒng)主要采用的是 ，通過站點的建立，配合 ，最終設計和實現了 JSP頁面的雛形和最終頁面的完成。 第二步是界面的實現。在頁面的實現過程中，我主要遵循了一下 幾個規(guī)則。 統(tǒng)一 連貫 。首先頁面的整體風格要適合自己所要表達的內容。設計的是一個學生在線答疑系統(tǒng)，那么采用的是以藍色為基調的風格，凸顯了學生的活力和熱情。 布局合理、 和諧 。 是指整個頁面 要符合大眾人群的一個審美觀念，不能走非主流的設計風格 。 布局是一個頁面顯示的主體框架，一個好的布局，能給用戶很好的使用效果和深刻的瀏覽記憶。經過本人的初步設計，最后系統(tǒng)的簡單主界面如下 圖 圖 首頁設計圖 本科生畢業(yè)論文（設計） 18 在實際調試和設計、運行之后，該系統(tǒng)的主頁面如下 圖 圖 主界面圖 系統(tǒng)分層的實現 根據 MVC設計思想，決定使用 JSP作為動態(tài)頁面表示層， JavaBean作為 Model層， Servlet作為控制層。具體實現如下敘述。 表示層的設計 JSP是一種實現普通靜態(tài) HTML技術和動態(tài) HTML技術混合編碼的網頁技術 [8]。它具有跨平臺性、運行效率高等優(yōu)點。該系統(tǒng)根據分層情況，表示層我選用的是JSP動態(tài)頁面技術。下面以用戶登錄界面作為例子。具體順序圖如下 圖 第四章 系統(tǒng)詳細設計 19 圖 表示層 的順序圖 控制層的設計 控制層的選用，首選 Servlet。因為 Servlet可以和其他資源交互。該系統(tǒng)中 servlet 的工作原理體現如下：當用戶從前臺 JSP 頁面選擇操作后，觸發(fā)servlet請求服務器。然后 JSP 頁面會攜帶參數并訪問服務器。服務器會根據請求初始化 servlet，并找到 ，然后根據發(fā)射機制，定位到 servlet所對應的那個 JAVA類，然后進行一系列的邏輯處理。 本系統(tǒng)使用的 Servlet的配置如下： servletmapping servletnamecheck_ul/servletname ! 檢查登陸的控制 urlpattern/check_ul/urlpattern /servletmapping servletmapping servletnameuser_logout/servletname! 檢查注銷的控制 urlpattern/user_logout/urlpattern /servletmapping servletmapping servletnamecheck_reg/servletname ! 前臺注冊的控制 urlpattern/check_reg/urlpattern /servletmapping servletmapping 本科生畢業(yè)論文（設計） 20 servletnameinsert_bp/servletname ! 發(fā)表疑問的控制 urlpattern/insert_bp/urlpattern /servletmapping servletmapping servletnameselect_bip/servletname! 回復疑問的控制 urlpattern/select_bip/urlpattern /servletmapping servletmapping servletnameinsert_br/servletname ! 后臺管理的控制 urlpattern/insert_br/urlpattern /servletmapping welefilelist welefile/welefile ! 首頁的控制 /welefilelist /webapp 各個功能 模塊 的 設計 根據系統(tǒng)分析和系統(tǒng)的概要設計，基本確定該系統(tǒng)有會員模塊，內容模塊，后臺管理模塊三大模塊組成。所以基于上面的設計基礎，下面具體介紹各個模塊的基本功能的實現。 會員模塊詳細設計 根據系統(tǒng)分析和功能的要求，基本確定的是用戶在沒有登錄的情況下，只能瀏覽系統(tǒng)的內容 ，而不能發(fā)表內容。只有在登陸的情況下，才可以回復和發(fā)表疑問。所以會員登陸的順序圖如下： 第四章 系統(tǒng)詳細設計 21 圖 用戶 登陸 功能 順序圖 用戶登陸類的調用關