【文章內(nèi)容簡(jiǎn)介】 ysql 數(shù)據(jù)庫，而且相較于其他數(shù)據(jù)庫 Mysql 的優(yōu)點(diǎn)有：開源、免費(fèi)、性能穩(wěn)定、且支持事務(wù)處理等 方面的好處。 項(xiàng)目 ER 圖 本在線答疑系統(tǒng)主要針對(duì)的是關(guān)于教員和學(xué)生間的交流障礙問題，其涉及到得實(shí)體有：用戶、提問信息、回答信息、課程等實(shí)體。下面將對(duì)涉及到的所有實(shí)體進(jìn)行分析，并繪制出相應(yīng)的 ER圖。 ①對(duì)于用戶實(shí)體其實(shí)體關(guān)系圖如下圖 ，該圖中列出了用戶實(shí)體的所有屬性。 14 圖 用戶實(shí)體關(guān)系圖 ②課程實(shí)體包含的屬性如下圖 所示。 圖 課程實(shí)體關(guān)系圖 ③提問信息的主要內(nèi)容包括如下幾個(gè)方面：提問人的用戶編號(hào)、提問所屬課程的 ID、提問 的內(nèi)容、提問標(biāo)題、查看次數(shù)、提問發(fā)表日期等，具體如下圖所示。 圖 提問信息實(shí)體關(guān)系圖 15 ④回復(fù)問題信息實(shí)體主要包括的屬性及之間的關(guān)系，具體如下圖所示。 圖 回復(fù)信息實(shí)體關(guān)系圖 ⑤申請(qǐng)信息實(shí)體與所涉及到的屬性之間的 ER圖如圖 所示。 圖 申請(qǐng)信息實(shí)體關(guān)系圖 ⑥學(xué)生和課程之間存在著學(xué)習(xí)關(guān)系，該關(guān)系圖如 所示。 圖 關(guān)系實(shí)體關(guān)系圖 ⑦實(shí)體和實(shí)體之間存在著如下圖所示的對(duì)應(yīng)關(guān)系。 16 圖 實(shí)體總體關(guān)系圖 數(shù)據(jù)庫中表的設(shè)計(jì) ①用戶表涉及到得所有內(nèi)容具體如下圖所示。 圖 用戶表設(shè)計(jì) ②用戶課程表設(shè)計(jì)如下所示。 圖 課程表設(shè)計(jì) ③提問信息表設(shè)計(jì)如圖所示。 17 圖 提問信息表設(shè)計(jì) ④回復(fù)信息表字設(shè)計(jì)如下所示。 圖 回復(fù)信息表設(shè)計(jì) ⑤申請(qǐng)信息表設(shè)計(jì)如下圖所示。 圖 申請(qǐng)信息表設(shè)計(jì) ⑥用戶 課程表設(shè)計(jì)如下圖所示。 圖 用戶 課程表設(shè)計(jì) 18 第五章 系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 界面設(shè)計(jì) 本系統(tǒng)的 界面設(shè)計(jì)主要目的是為了針對(duì)用戶得到更好的用戶體驗(yàn)。所以本系統(tǒng) 的界面設(shè)計(jì)需要滿足以下幾點(diǎn)：簡(jiǎn)潔明了的人機(jī)交互、美觀的界面等。為了充分體現(xiàn)軟件的定位和特點(diǎn)，我們需要設(shè)計(jì)出符合用戶需求的系統(tǒng)界面。 本在線答疑系統(tǒng)的主要是以 jsp 頁面來展示的，主要采用了 div 和 table布局， CSS 進(jìn)行美化，同時(shí)又融入了 JavaScript、 ajax 等主流的前端技術(shù)，給人一種耳目一新的感覺。本系統(tǒng)的界面主要以黃綠色為基色，符合大眾的審美觀念，能給用戶很好的使用效果，給人帶來深刻的印象。 本系統(tǒng)的部分界面如下： 登陸界面： 圖 用戶登錄界面 19 圖 管理員功能界面 教師功能界面 圖 系統(tǒng)分層 該在線答疑系統(tǒng)采用了 mvc 模式進(jìn)行開發(fā)， model 層主要用于數(shù)據(jù)模型的 20 建立以及與后臺(tái)數(shù)據(jù)庫的交互連接， view（視圖層）主要有 jsp 構(gòu)成，負(fù)責(zé)頁面的動(dòng)態(tài)顯示， control層主要交由 strtus 框架來實(shí)現(xiàn)，用來處理業(yè)務(wù)邏輯和頁面之間的跳轉(zhuǎn)。并將 Strtus 中的 action 類交由 spring 來管理，可以很大程度上簡(jiǎn)化開發(fā)。 view 層設(shè)計(jì) 在本系統(tǒng)中視圖層主要采用 jsp 技術(shù)。 Jsp 頁面在運(yùn)行時(shí)， 會(huì)先轉(zhuǎn)成 servlet在經(jīng)過編譯生成 .java 文件。所以 jsp 也就具有 java 語言的特性。因此，相較于靜態(tài)的 HTML 語言， JSP 具有運(yùn)行效率高，跨平臺(tái)性等優(yōu)點(diǎn)。但是由于 jsp 頁面在第一次打開時(shí)會(huì)先存在編譯的過程，所以在第一次打開時(shí)可能比較慢，這也是由其自身特性決定的。 為了使本系統(tǒng)具有好的體驗(yàn)效果還采用了級(jí)聯(lián)樣式表 （ css） 等技術(shù)對(duì)前端頁面進(jìn)行美化。 model 層設(shè)計(jì) 模型表示數(shù)據(jù)和業(yè)務(wù)規(guī)則。在本系統(tǒng)中模型層主要采用 jdbc 技術(shù)來實(shí)現(xiàn)與數(shù)據(jù)庫中數(shù)據(jù)的交互。 Javabean 對(duì)應(yīng)本系統(tǒng)中所涉及到的 對(duì)象，它地屬性與數(shù)據(jù)庫中表的字段相對(duì)應(yīng)。在 DBUTil 類中將數(shù)據(jù)庫中的數(shù)據(jù)封裝進(jìn)相應(yīng)的對(duì)象中，在根據(jù)前端顯示頁面決定是否將封裝好的對(duì)象放置到集合中。 在本項(xiàng)目中還用到了數(shù)據(jù)庫連接池技術(shù)，當(dāng)在 tomcat 啟動(dòng)時(shí)便創(chuàng)建好數(shù)據(jù)庫連接的實(shí)例，這樣便可以帶來資源重用、更快的系統(tǒng)響應(yīng)速度、避免數(shù)據(jù)庫連接泄露等方面的好處。采用這種技術(shù)需要注意的是：如果要退出系統(tǒng)必須要先銷毀兩者之間的連接。 control 層設(shè)計(jì) 本系統(tǒng)中控制層主要 Struts 框架實(shí)現(xiàn)，對(duì)于由客戶端發(fā)出的請(qǐng)求全部交由Struts 來管理 ，每一個(gè)請(qǐng)求對(duì)應(yīng)一個(gè) action 類。本系統(tǒng)中的所有業(yè)務(wù)邏輯、業(yè)務(wù)處理都在 Struts 中的 action 類中進(jìn)行處理。配置 Struts 環(huán)境如下： 21 ①在本 web 項(xiàng)目工程中添加所需的 jar 包； ②在 web 項(xiàng)目中的 。 ③編寫相應(yīng)的 action 類，其中涉及到業(yè)務(wù)邏輯的處理等。 ④配置 action 類，在 strtus 的配置文件中配置已經(jīng)編寫好的 action 類。 在該配置文件中可以有多個(gè) action，每一個(gè) action 類中 可以有多個(gè)方法，其中的 result 中的 name 對(duì) 應(yīng)著該類中的返回值。為一個(gè)字符串類型對(duì)應(yīng)著相應(yīng)的跳轉(zhuǎn)頁面。 在本系統(tǒng)中有著嚴(yán)格的權(quán)限控制，其主要功能是由攔截器實(shí)現(xiàn)的，本系統(tǒng)通過自定義的攔截器來實(shí)現(xiàn)權(quán)限控制。本系統(tǒng)的字符編碼等是由 filter 攔截器來實(shí)現(xiàn)的。 Filter 攔截器原理：所有來自瀏覽器的請(qǐng)求和服務(wù)器的響應(yīng)都會(huì)先經(jīng)過 filter類的攔截，因此可以在該類中對(duì) request、 response 對(duì)象的屬性進(jìn)行相應(yīng)的屬性設(shè)置。 Struts 的運(yùn)行原理：對(duì)于每一個(gè)來自頁面的請(qǐng)求，都會(huì)被 Struts 的核心控制器截獲進(jìn)而轉(zhuǎn)向相應(yīng)的 action 類進(jìn)行處理。在執(zhí)行 action 類中的方法之前， strtus會(huì)創(chuàng)建一個(gè)代理類對(duì)象并將相應(yīng)的對(duì)象添加到值棧中，在實(shí)例化該代理類時(shí)將相應(yīng)的值賦給對(duì)象。這樣在相應(yīng)的展示頁面就可以使用 strtus 提供的標(biāo)簽獲得相應(yīng)對(duì)象的屬性值。 Struts 與 spring 的整合：將上述編寫好的 action 類交由 spring 來管理，具體的做法是在 spring 的配置文件中使用 bean 標(biāo)簽的 id 和 class 兩個(gè)屬性來指定其相對(duì)應(yīng)的 action 和其所在的 java 類。這樣就避免了手動(dòng) new 對(duì)象的過程。極大地提高開發(fā)的效率。 各個(gè)功能模塊的設(shè)計(jì)與實(shí)現(xiàn) 用戶注冊(cè) 學(xué)生用戶在進(jìn)入本系統(tǒng)時(shí)需要在瀏覽器地址欄輸入地址 22 時(shí)，該請(qǐng)求會(huì)被相應(yīng)的 action 截獲，該 action會(huì)自動(dòng)獲取數(shù)據(jù)庫中的所有的提問信息，并將其封裝處理之后自動(dòng)跳轉(zhuǎn)至主顯示頁面顯示，如果瀏覽器不支持自動(dòng)跳轉(zhuǎn)則需要用戶手動(dòng)的點(diǎn)擊超鏈接跳轉(zhuǎn)至主顯示頁面。該信息不管你是否為該系統(tǒng)的用戶都可以看見。 圖 主頁面 圖 提示頁面 如圖 與 所示，主顯示頁面，該頁面 有登錄和注冊(cè)按鈕，當(dāng)用戶點(diǎn)擊注冊(cè)按鈕跳轉(zhuǎn)至注冊(cè)頁面。注冊(cè)頁面，如圖 所示。其中需要注冊(cè)的信息有用戶名、密碼、及郵箱等信息。在該注冊(cè)頁面，帶 *號(hào)的為必填的項(xiàng)目，為了使用戶的信息合法有效，該頁面采用 ajax 技術(shù)實(shí)現(xiàn)的驗(yàn)證，可以實(shí)時(shí)的檢驗(yàn)?zāi)淖?cè)信息如圖 所示。該種做法可以減少與數(shù)據(jù)庫之間的交互次數(shù)，提高系統(tǒng)的運(yùn)行效率。該頁面中還設(shè)置有驗(yàn)證碼輸入框，對(duì)于需要注冊(cè)的用戶在提交用戶信息之前，必須填寫驗(yàn)證碼。此項(xiàng)措施的目的在于防止別有用心之人惡 23 意注冊(cè)。 圖 注冊(cè)頁面 圖 注冊(cè)驗(yàn)證圖 只有 當(dāng)填寫的所有注冊(cè)信息符合要求時(shí)，才會(huì)跳轉(zhuǎn)至注冊(cè)成功頁面。如圖： 24 圖 注冊(cè)成功提示圖 否則，跳轉(zhuǎn)至注冊(cè)失敗頁面。 圖 注冊(cè)失敗提示圖 用戶登錄 當(dāng)在主顯示頁面點(diǎn)擊用戶登錄時(shí)，跳轉(zhuǎn)至登錄頁面。該頁面主要有用戶名、密碼、驗(yàn)證碼三部分組成，采用驗(yàn)證碼主要是為了防止惡意破解個(gè)人密碼的情況發(fā)生。只有輸入正確的用戶名、和相匹配的密碼、以及正確的驗(yàn)證碼才能跳轉(zhuǎn)至成功登錄后的頁面。用戶名、密碼、驗(yàn)證碼三者缺一不可。頁面如圖 所示。 圖 登錄頁面 當(dāng)填寫完登錄信息點(diǎn)擊登錄按鈕之后，若登錄信息與后臺(tái)數(shù)據(jù)庫中存儲(chǔ)的數(shù)據(jù)吻合時(shí)，即進(jìn)入登錄成功頁面。登錄成功后，系統(tǒng)會(huì)將用戶的信息放置在 25 session 中，在頁面中可以從 session 中獲取用戶信息進(jìn)行顯示。如圖 所示登錄成功后，從用戶 session 中獲取用戶名在頁面進(jìn)行顯示。 圖 主頁面顯示圖 若登錄信息不正確，則跳轉(zhuǎn)至登錄錯(cuò)誤頁面。 圖 登錄失敗提示圖 在主顯示頁面中，還可以根據(jù)不同的選項(xiàng)來查詢相關(guān)的課程信息。該查詢功能可以按課程名和課程編號(hào)來查詢，并且支持模糊查詢。如下圖 所示按照課程名字查找。 26 圖 搜索操作演示圖 查找到的結(jié)果，如下圖所示。 圖 搜索結(jié)果圖 學(xué)生用戶操作 學(xué)生用戶成功登錄系統(tǒng)后，將鼠標(biāo)箭頭指向文字“我的”該文字標(biāo)簽，會(huì)觸發(fā)一個(gè)鼠標(biāo)懸浮事件，顯示當(dāng)前用戶可以進(jìn)行的所有操作。具體如下圖所示。 圖 學(xué)生功能演示圖 登錄成功之后的用戶，可以查看自己相應(yīng)的信息。如我的資料，該頁面會(huì)顯示當(dāng)前用戶的注冊(cè)信息。如下圖所示。 圖 個(gè)人資料 27 也可以進(jìn)行修改密碼的服務(wù)，如下圖所示。需要注意的是輸入的舊密碼即為原 始密碼必須填寫正確，新密碼與確認(rèn)密碼必須要一致。上述兩點(diǎn)是成功修改密碼的必要條件，缺一不可。 圖 修改密碼 上傳頭像的操作，如圖 所示。該操作需要注意的是：上傳的頭像必須為計(jì)算機(jī)可識(shí)別的圖片格式如 jpg、 png、 gif 等；修改郵箱時(shí)郵箱的格式必須符合要求。兩者都符合要求，才能修改成功。 圖 上傳頭像 申請(qǐng)想要學(xué)習(xí)的課程，如圖 所示。該操作要求申請(qǐng)人必先獲取到相應(yīng)課程的課程編號(hào)，這是此操作的必要前提。其次為申請(qǐng)的理由該項(xiàng)目用來供教師用戶決定是否添加該學(xué)生的唯一條件，必須認(rèn) 真的填寫。這將決定著你的請(qǐng)求是否會(huì)通過。 28 圖 申請(qǐng)課程 我要提問，可以發(fā)表自己的問題。如圖 所示。在該項(xiàng)操作中需要注意的是：在自己的提問中不要發(fā)表與課程無關(guān)的內(nèi)容、不要發(fā)表帶有政治色彩的內(nèi)容、不要謾罵他人發(fā)表惡意內(nèi)容，管理員會(huì)根據(jù)你發(fā)表的內(nèi)容進(jìn)行審查，判定該內(nèi)容是否為非法內(nèi)容。若判定為非法內(nèi)容則會(huì)刪除，甚至可能會(huì)將用戶判定為非法用戶進(jìn)行刪除。還需注意的有發(fā)表內(nèi)容時(shí)需選擇課程，填寫標(biāo)題，內(nèi)容不得少于 8個(gè)字符。否則會(huì)被視為無效的內(nèi)容，導(dǎo)致提問失敗。 圖 問題圖 對(duì)于 自己的提問，自己可以查看該問題下的所有回復(fù)，你也可以和他人進(jìn)行討論交流，從中找到志趣相同的人。設(shè)置該功能的初衷是“獨(dú)學(xué)而無友，則孤陋而寡聞”。在于他人的交流與討論中，即可以找出自身的不足，時(shí)刻鞭策自己。也可以向他人請(qǐng)教，“三人行，必有我?guī)煛薄? 29 圖 查看提問圖 自己也可以加入到他人討論的過程中去，如圖 所示是用戶參與問題討論的編輯區(qū)域。這樣可以更有利于自己交到跟多的朋友、學(xué)習(xí)更多的知識(shí) 圖 參加討論圖 管理員用戶操作 在本系統(tǒng)的使用中學(xué)生用戶和管理員用戶有著 不同的進(jìn)入頁面，管理員通過管理員入口進(jìn)入，具體地址 :localhost:8080/zxdy/，通過驗(yàn)證成功登錄后的頁面如圖所示： 30 圖 管理員主界面 課程管理中作為管理員可以添加一門課程，如圖 所示。需要注意的是課程名必須為學(xué)校以開設(shè)的課程，課程描述需要正確。 圖 添加課程 在課程列表頁面中，作為管理員可以對(duì)課程名、描述、授課老師進(jìn)行管理。其具體的操作為點(diǎn)擊編輯按鈕會(huì)跳轉(zhuǎn)至修改課程的頁面，在該頁面中可以對(duì)課程信息進(jìn)行管理。需 要注意的是在修改課程授課老師時(shí)，該用戶的身份一定要為老師用戶否則會(huì)報(bào)錯(cuò)。并且課程名與課程編號(hào)要匹配，否則也會(huì)操作失敗。 31 圖 管理課程 在內(nèi)容管理功能中，所有的提問標(biāo)題、作者、發(fā)表日期等信息都會(huì)顯示在管理員的操作界面如下 ，管理員可以通過點(diǎn)擊“查看”會(huì)顯示具體的內(nèi)容。管理員通過對(duì)內(nèi)容的審查，決定是否刪除該內(nèi)容。 圖 內(nèi)容管理 在內(nèi)容管理功能中，管理員還可以查看所有的問題回復(fù)，并對(duì)其進(jìn)行審核，如下圖所示。對(duì)于非法的回復(fù)內(nèi)容進(jìn)行刪除。 圖 審查內(nèi)容 在用戶管理功能中， 管理員可以查看所有的用戶列表，正常情況下默認(rèn)顯示所有的用戶信息如 所示。也可以通過“請(qǐng)選擇分類”后的下拉列表中的“學(xué)生用戶”和“教師用戶”來選擇查看的對(duì)象。對(duì)于一些發(fā)表惡意內(nèi)容的用戶可以選擇禁言操作，以示懲戒。若以后表現(xiàn)良好可以考慮給予其重新發(fā)表內(nèi)容的權(quán)利。若該用戶仍然執(zhí)迷不悟，則可以選擇刪除該用戶。 32 圖 用戶管理 在用戶管理功能中，考慮到用