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