https://www.bilibili.com/video/BV1Nt421b7j5/

演示視頻：

5 詳細設計

詳細設計是軟件工程中軟件開發(fā)的一個步驟，就是對概要設計的一個細化，就是詳細設計每個模塊實現(xiàn)算法，所需的局部結構。

5.1主要界面設計

5.1.1系統(tǒng)主界面設計

系統(tǒng)主界面采用藍天為背景，顯示出一種比較商務的氣息，界面的中間放置四幅圖片，分別代表著我們系統(tǒng)設置的四種角色，訪客，學生，導師和管理員，圖片分別鏈接這不同的角色入口，點擊圖片，進入不同的系統(tǒng)之中，實現(xiàn)不同的功能。

5.1.2登陸界面設計

除了訪客外，每一種角色的登陸均需要輸入用戶編號，用戶密碼，整個頁面會有兩個輸入文本框分別對應編號與密碼，此外還添加了表單驗證功能，對空提交和錯誤提交都有相應的提示，以保證輸入數(shù)據(jù)的正確性。

5.1.3進入系統(tǒng)主界面

每種角色進入系統(tǒng)之后，會根據(jù)本身角色的功能需求在整個界面的左側進行展示，相應的選擇之后，會在系統(tǒng)的右側一塊區(qū)域內(nèi)顯示所選擇的信息。進入系統(tǒng)主界面仍然以藍色為主，在其中的展示區(qū)域會有不同，我們分別為四個角色放置了四種不同的圖片，使得整個系統(tǒng)在同一的色彩配置之上不失各個角色的獨特性。

5.2業(yè)務邏輯層詳細設計

5.2.1用戶登陸模塊詳細設計

用戶登陸實質(zhì)上是對用戶的一種檢索，檢索的條件是用戶名（編號），密碼這兩者分別在不同的數(shù)據(jù)庫中存在而且匹配。該系統(tǒng)除了游客以外，其余角色的所有功能都是在用戶登陸的前提下才能正常運行，所以這個功能在系統(tǒng)中起著重要的作用。它是進入系統(tǒng)的一道門檻，目的就是為了身份驗證，保證系統(tǒng)的安全性。

用戶進入主界面之后選擇對應的身份圖片，進入不同的登陸界面，輸入用戶名密碼之后單擊登陸，輸入的信息將與對用的列表進行比較，如果表中有用戶名，密碼相對應則登陸成功，進入下一界面，若輸入錯誤則會有相應的提示，不輸入任何信息也會做驗證。登陸的流程圖和時序圖如下：

圖5-1 登陸的系統(tǒng)流程圖

在此界面上我們用到了兩種不同的驗證方式，首先是通過struts2的標簽機制驗證，保證我所輸入的數(shù)據(jù)是對應的，并且不能為空，這里這種驗證方法不經(jīng)過后臺，相對來說效率較高。另一種是對輸入數(shù)據(jù)在數(shù)據(jù)庫中的檢索驗證，我們需要保證輸入的用戶名和密碼在數(shù)據(jù)庫中存在而且匹配，若驗證錯誤，則會一直保持在登陸界面，一旦驗證成功便進入操作界面。

登陸系統(tǒng)的時序圖：

圖5-2 登陸的時序圖

以上兩個登陸的詳細設計圖描述了用戶的登陸的整個順序，首先判斷在輸入信息是否完整，在輸入完整的情況下把界面信息傳遞，然后在數(shù)據(jù)庫中查找用戶是否存在，并比價用戶名和密碼是否匹配，Zui后返回結果，如果用戶不存在或者密碼不匹配則在界面顯示錯誤信息。

5.2.2訪客功能詳細設計

訪客的功能就是對導師信息進行查詢，查看，相對來說功能單一，但是訪客的查詢選擇是比較多的，主要包括四種，姓名查詢，學院查詢，職稱查詢還有導師編號的jingque查詢。

下圖5-3 是主要活動流程：

訪客所能進行的活動就是條件查詢和jingque查詢。分別進入不同的功能界面之后，按照要求輸入信息，顯示出相應的信息展示。

圖5-3 訪客活動圖

訪客流程圖：

圖5-4訪客流程圖

訪客進入界面后選擇要進行的查詢方式，選擇條件查詢，之后還需要選擇是按照什么條件來進行查詢，分別有按姓名，按學院，按職稱。jingque查詢需要訪客在已經(jīng)知道導師的編號的情況下進行，會展示出導師的詳細信息。

5.2.3在校學生功能詳細設計

學生功能包括對導師信息查詢，對個人信息查詢，對作業(yè)信息查詢，對成績信息查詢。功能比較單一。

下圖5-5 是主要活動流程：

圖5-5 學生活動圖

學生流程圖：

圖5-6 學生流程圖

學生進入系統(tǒng)后選擇需要進行的操作，包括導師信息查詢，個人信息查詢，分數(shù)成績查詢以及作業(yè)要求查詢等。點擊相應的選項會出現(xiàn)相應的窗口，按照提示輸入信息，之后會在顯示窗口中將所查詢的信息展示出來。

5.2.4導師功能詳細設計

導師進入系統(tǒng)后需要進行功能選擇，當選擇個人信息時，會進入下一個選擇之中，導師能夠對自己的信息進行添加，修改，和對所有導師信息的查看。當選擇作業(yè)和成績信息時，主要就是對這兩類信息的管理，都包括增刪查三種功能。當選擇學生信息時，導師能夠看到所有學生的信息。

圖5-7 導師活動圖

導師操作的流程圖：

圖5-8 導師流程圖

5.2.5管理員詳細設計

管理員是整個系統(tǒng)的Zui高權限人，所以為保障數(shù)據(jù)的安全性，管理員有增加了一個root標簽，來表明管理員的權限。管理員的操作主要是涉及導師，學生，和管理員自己的信息管理，具體活動圖，流程圖如下所示：

圖5-9 管理員活動圖

管理員能對所有的信息進行管理，其中root權限管理員更是能夠將管理員進行增加和刪除。在上圖中，我們僅僅就普通管理員進行了分析。能夠執(zhí)行增加，刪除，修改，查詢，審核等操作。可以看到管理員是整個系統(tǒng)中擁有Zui高權限的角色。

圖5-9 管理員流程圖

管理員流程圖基本和活動圖一致。

鑒于篇幅問題，管理員的流程圖和活動圖就相對簡潔了些。管理員進入界面之后，其功能就是增刪改查和審核，其中增加是增加的導師和學生，對于管理員的增加需要超級權限。刪除的是導師學生，管理員的刪除需要超級權限，修改緊急包括學生和老師，查詢是對整個體統(tǒng)中注冊的所有人員的查詢。審核是對導師完善的個人信息的審核，只有審核通過訪客和學生才能查詢到導師信息。

在xml代碼驗證處我們分別對是否為空，以及利用正則表達式對輸入信息的基本內(nèi)容進行了驗證。保證了輸入數(shù)據(jù)的準確性與完整性。

整個系統(tǒng)的操作層層遞進，充分的保障了系統(tǒng)的數(shù)據(jù)安全性，以及系統(tǒng)開發(fā)的便捷性。

5.3數(shù)據(jù)庫連接

本系統(tǒng)是利用jsp，struts2技術對數(shù)據(jù)庫進行訪問的，在項目中建立了com.hy包，利用里面的DBcon.java來對數(shù)據(jù)庫進行連接，而主要的增加，刪除修改等語句主要放到了數(shù)據(jù)處理層中，從而將所有與數(shù)據(jù)庫相關的操作完全進行了分離，保證對數(shù)據(jù)庫操作的安全性。

下面是主要的數(shù)據(jù)庫連接代碼：

6 系統(tǒng)實現(xiàn)

6.1系統(tǒng)主界面

通過以上對于系統(tǒng)界面的設計，系統(tǒng)主界面采用藍天為背景，顯示出一種比較商務的氣息，界面的中間放置四幅圖片，分別代表著我們系統(tǒng)設置的四種角色，訪客，學生，導師和管理員，圖片分別鏈接這不同的角色入口，點擊圖片，進入不同的系統(tǒng)之中，實現(xiàn)不同的功能。

頁面的實現(xiàn)效果如下圖所示：

圖6-1 研究生導師信息管理系統(tǒng)主界面

系統(tǒng)的主界面相對來說比較簡單，該系統(tǒng)屬于管理系統(tǒng)，相對來說系統(tǒng)的界面要實現(xiàn)一種簡潔干凈的感覺，所以主頁面顯的相對比較簡單。頁面中放置了四張圖片，分別對應著不同的四種角色，在界面此處的設計中我們實現(xiàn)了這樣的一個頁面效果，當鼠標經(jīng)過圖片時，圖片會相應的變成淡色，以表示選中了這個圖片的路徑入口。

6.2系統(tǒng)角色登陸界面

在整個系統(tǒng)中有學生，導師，管理員，三種需要進行身份驗證的人員，為保證系統(tǒng)的安全性，我們設置了系統(tǒng)的登陸界面，當點擊各自的登陸入口時，進入到了不同的登陸界面中，每一個登陸界面的內(nèi)部處理邏輯都是與相應的數(shù)據(jù)庫相連接的，例如管理員輸入管理員用戶名，密碼時，提交會將信息提交到數(shù)據(jù)處理層，在數(shù)據(jù)處理層與管理員數(shù)據(jù)庫中的記錄進行比對。在此登陸界面我們還設置了xml的信息驗證，主要是對輸入信息的格式，形式進行驗證。例如管理員編號是以“0”開頭的八位數(shù)字，導師編號是以“1”開頭的八位數(shù)字，學生編號是以“2”開頭的八位數(shù)字；如果進入管理員的登陸界面，輸入非管理員編號，頁面的驗證就會有提示，頁面報錯，并仍然會停留在此界面中。直到輸入的信息與要求完全匹配。

頁面的實現(xiàn)效果如下圖所示：

圖6-2 研究生導師信息管理系統(tǒng)管理員登陸界面

上圖僅是導師的登陸界面，其余各個身份的登陸界面除所插入的圖片不同外，其余的均與上圖顯示相同。此處的表格驗證主要是利用了struts2標簽的驗證功能，利用xml文件進行的驗證。

6.3系統(tǒng)角色角色進入界面

當在系統(tǒng)注冊人員輸入用戶名密碼后，如果成功進行了驗證就會進入系統(tǒng)的主界面，系統(tǒng)的主界面主要有兩個區(qū)域劃分，第一個是選擇區(qū)域，第二個是展示區(qū)域。用戶進入主界面后，在選擇區(qū)域可以選擇要進行的操作，例如導師，導師進入系統(tǒng)之后可以在選擇區(qū)域進行個人信息查詢，學生信息查詢，成績操作，作業(yè)操作等，點擊相應的選擇之后在展示區(qū)就會出現(xiàn)不同的影響

頁面的實現(xiàn)效果如下圖所示：

圖6-3 研究生導師信息管理系統(tǒng)管理員系統(tǒng)界面

其余每個角色進入系統(tǒng)之后的界面與上圖基本一致，以藍天白云為大背景，在顯示區(qū)的圖片有所不同，從而在統(tǒng)一之中彰顯出各個角色的個性。整體的界面設計相對比較簡潔，依靠圖片將整個的界面變的相對來說更加活潑，更加溫馨一些，從而拉近了軟件與用戶之間的距離，從另一方面說提高了用戶的軟件適應度。

以上部分是整個研究生導師信息管理系統(tǒng)的界面實現(xiàn)部分，在界面之后的部分主要是一些數(shù)據(jù)的處理和數(shù)據(jù)庫的連接，表單的驗證部分。整個軟件的設計在商務范的大背景之下不乏一絲的溫情，充分的考慮到了用戶的界面感受，基本實現(xiàn)了整個軟件設計的原則。