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

演示視頻：

5 詳細(xì)設(shè)計(jì)

詳細(xì)設(shè)計(jì)是軟件工程中軟件開發(fā)的一個(gè)步驟，就是對(duì)概要設(shè)計(jì)的一個(gè)細(xì)化，就是詳細(xì)設(shè)計(jì)每個(gè)模塊實(shí)現(xiàn)算法，所需的局部結(jié)構(gòu)。

5.1主要界面設(shè)計(jì)

5.1.1系統(tǒng)主界面設(shè)計(jì)

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

5.1.2登陸界面設(shè)計(jì)

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

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

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

5.2業(yè)務(wù)邏輯層詳細(xì)設(shè)計(jì)

5.2.1用戶登陸模塊詳細(xì)設(shè)計(jì)

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

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

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

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

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

圖5-2 登陸的時(shí)序圖

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

5.2.2訪客功能詳細(xì)設(shè)計(jì)

訪客的功能就是對(duì)導(dǎo)師信息進(jìn)行查詢，查看，相對(duì)來(lái)說(shuō)功能單一，但是訪客的查詢選擇是比較多的，主要包括四種，姓名查詢，學(xué)院查詢，職稱查詢還有導(dǎo)師編號(hào)的jingque查詢。

下圖5-3 是主要活動(dòng)流程：

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

圖5-3 訪客活動(dòng)圖

訪客流程圖：

圖5-4訪客流程圖

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

5.2.3在校學(xué)生功能詳細(xì)設(shè)計(jì)

學(xué)生功能包括對(duì)導(dǎo)師信息查詢，對(duì)個(gè)人信息查詢，對(duì)作業(yè)信息查詢，對(duì)成績(jī)信息查詢。功能比較單一。

下圖5-5 是主要活動(dòng)流程：

圖5-5 學(xué)生活動(dòng)圖

學(xué)生流程圖：

圖5-6 學(xué)生流程圖

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

5.2.4導(dǎo)師功能詳細(xì)設(shè)計(jì)

導(dǎo)師進(jìn)入系統(tǒng)后需要進(jìn)行功能選擇，當(dāng)選擇個(gè)人信息時(shí)，會(huì)進(jìn)入下一個(gè)選擇之中，導(dǎo)師能夠?qū)ψ约旱男畔⑦M(jìn)行添加，修改，和對(duì)所有導(dǎo)師信息的查看。當(dāng)選擇作業(yè)和成績(jī)信息時(shí)，主要就是對(duì)這兩類信息的管理，都包括增刪查三種功能。當(dāng)選擇學(xué)生信息時(shí)，導(dǎo)師能夠看到所有學(xué)生的信息。

圖5-7 導(dǎo)師活動(dòng)圖

導(dǎo)師操作的流程圖：

圖5-8 導(dǎo)師流程圖

5.2.5管理員詳細(xì)設(shè)計(jì)

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

圖5-9 管理員活動(dòng)圖

管理員能對(duì)所有的信息進(jìn)行管理，其中root權(quán)限管理員更是能夠?qū)⒐芾韱T進(jìn)行增加和刪除。在上圖中，我們僅僅就普通管理員進(jìn)行了分析。能夠執(zhí)行增加，刪除，修改，查詢，審核等操作?？梢钥吹焦芾韱T是整個(gè)系統(tǒng)中擁有Zui高權(quán)限的角色。

圖5-9 管理員流程圖

管理員流程圖基本和活動(dòng)圖一致。

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

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

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

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

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

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

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

6.1系統(tǒng)主界面

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

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

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

系統(tǒng)的主界面相對(duì)來(lái)說(shuō)比較簡(jiǎn)單，該系統(tǒng)屬于管理系統(tǒng)，相對(duì)來(lái)說(shuō)系統(tǒng)的界面要實(shí)現(xiàn)一種簡(jiǎn)潔干凈的感覺(jué)，所以主頁(yè)面顯的相對(duì)比較簡(jiǎn)單。頁(yè)面中放置了四張圖片，分別對(duì)應(yīng)著不同的四種角色，在界面此處的設(shè)計(jì)中我們實(shí)現(xiàn)了這樣的一個(gè)頁(yè)面效果，當(dāng)鼠標(biāo)經(jīng)過(guò)圖片時(shí)，圖片會(huì)相應(yīng)的變成淡色，以表示選中了這個(gè)圖片的路徑入口。

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

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

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

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

上圖僅是導(dǎo)師的登陸界面，其余各個(gè)身份的登陸界面除所插入的圖片不同外，其余的均與上圖顯示相同。此處的表格驗(yàn)證主要是利用了struts2標(biāo)簽的驗(yàn)證功能，利用xml文件進(jìn)行的驗(yàn)證。

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

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

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

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

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

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