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