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