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

演示視頻： 

5. 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

    詳細(xì)設(shè)計(jì)是整個(gè)系統(tǒng)開發(fā)的關(guān)鍵，在完成了業(yè)務(wù)流程分析和系統(tǒng)模塊設(shè)計(jì)之后，接下來Zui重要的任務(wù)就是對(duì)整個(gè)系統(tǒng)的實(shí)現(xiàn)做出詳細(xì)的描述，其中包括整個(gè)系統(tǒng)是由哪些模塊功能組成，這些模塊功能之間存在著何種關(guān)系，以及各個(gè)模塊具體是利用什么工具、使用何種語(yǔ)言和通過什么技術(shù)進(jìn)行實(shí)現(xiàn)。本系統(tǒng)開發(fā)主要是通過MCV思想進(jìn)行開發(fā)，Jsp可以生成動(dòng)態(tài)網(wǎng)頁(yè)用來顯示前臺(tái)頁(yè)面，Servlet負(fù)責(zé)流程控制，用來處理各種請(qǐng)求的分派，JavaBeans負(fù)責(zé)業(yè)務(wù)邏輯,對(duì)數(shù)據(jù)庫(kù)的操作。利用MVC這種方式可以使功能模塊和顯示模塊實(shí)現(xiàn)分離，同時(shí)也提供了應(yīng)用系統(tǒng)的可維護(hù)性、可擴(kuò)展性、可移植性和組件的可重用性。

    5.1 系統(tǒng)運(yùn)行平臺(tái)設(shè)置與主界面設(shè)計(jì)

    本系統(tǒng)的主界面整體結(jié)構(gòu)為上下左右結(jié)構(gòu)，上面部分為導(dǎo)航區(qū)，下面部分為版權(quán)，左面部分為主要信息業(yè)務(wù)區(qū)，右面部分為注意事項(xiàng)和校內(nèi)鏈接。

    (1)實(shí)現(xiàn)目標(biāo)

    簡(jiǎn)單、友好、方便操作的頁(yè)面設(shè)計(jì)。填寫正確的賬號(hào)和密碼，點(diǎn)擊登錄按鈕進(jìn)入index.jsp。

(2)實(shí)現(xiàn)過程

    頁(yè)面名稱：index.jsp使用dreamwave完成主頁(yè)面模板頁(yè)的設(shè)計(jì)，通過div對(duì)系統(tǒng)的主頁(yè)面進(jìn)行排版，利用css對(duì)div的樣式進(jìn)行控制。導(dǎo)航欄目包括首頁(yè)、管理學(xué)院、管理專業(yè)、管理班級(jí)、注冊(cè)用戶、發(fā)布校級(jí)通知。首頁(yè)界面如圖15所示。

圖15 首頁(yè)界面圖

    5.2 各模塊詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

    校級(jí)管理員首頁(yè)包括管理學(xué)院、管理專業(yè)、管理班級(jí)、注冊(cè)用戶和發(fā)布校級(jí)通知。

    (1)管理學(xué)院模塊可以對(duì)學(xué)院進(jìn)行添加和刪除操作，通過填寫學(xué)院編號(hào)和學(xué)院名稱學(xué)院進(jìn)行添加，在已有學(xué)院欄目中通過刪除按鈕來刪除學(xué)院信息。

    (2)管理專業(yè)模塊可以對(duì)學(xué)校的具體專業(yè)進(jìn)行添加和刪除操作。通過填寫專業(yè)的所屬學(xué)院、專業(yè)編號(hào)、專業(yè)名稱進(jìn)行對(duì)專業(yè)的添加，在已有專業(yè)的欄目中點(diǎn)擊刪除按鈕對(duì)已有專業(yè)信息進(jìn)行刪除。

    (3)管理班級(jí)模塊可以對(duì)學(xué)校的具體班級(jí)進(jìn)行添加和刪除操作。通過填寫所屬學(xué)院、所屬專業(yè)、班級(jí)編號(hào)、班級(jí)名稱進(jìn)行對(duì)班級(jí)的添加，在已有班級(jí)的欄目中通過刪除按鈕來刪除班級(jí)的具體信息。

    (4)注冊(cè)用戶模塊是用來對(duì)學(xué)生、教師和系統(tǒng)管理員的信息進(jìn)行電子注冊(cè)。通過選擇用戶角色（系管理員、教師、學(xué)生）、填寫真實(shí)姓名、選擇學(xué)院、選擇所在專業(yè)（教師和管理員可不選）、選擇所在班級(jí)（教師和管理員可不選）和填寫用戶賬號(hào)來注冊(cè)新用戶。

    (5)發(fā)布校級(jí)通知主要是以校級(jí)管理員的權(quán)限，對(duì)學(xué)校本年度畢業(yè)論文的相關(guān)工作的信息進(jìn)行發(fā)布，發(fā)布之后所有的管理員和用戶都可以查看到相關(guān)的通知。本系統(tǒng)的校級(jí)管理員如圖16所示。

圖16  校級(jí)管理員界面圖

    院級(jí)管理員模塊包括個(gè)人信息、待我審批、發(fā)布院級(jí)通知三個(gè)功能模塊。

    (1)個(gè)人信息分為修改密碼和修改聯(lián)系方式，修改密碼通過填寫新密碼、確認(rèn)密碼來對(duì)密碼進(jìn)行修改，修改聯(lián)系方式通過填寫郵箱和手機(jī)號(hào)碼來實(shí)現(xiàn)。

    (2)待我審批主要包括題目、提交時(shí)間、課題狀態(tài)和詳細(xì)，其信息來源主要是學(xué)生提交的選題信息通過其導(dǎo)師審核以后需要提交給校級(jí)管理員進(jìn)行二次審核。

    (3)發(fā)布院級(jí)通知主要是通過對(duì)本學(xué)院導(dǎo)師本年度所帶的論文題目、選題人數(shù)等相關(guān)信息進(jìn)行統(tǒng)計(jì)之后，由院級(jí)管理員負(fù)責(zé)發(fā)布相應(yīng)的院級(jí)通知，發(fā)布后各管理員和用戶都可以查看到相關(guān)通知，本系統(tǒng)的院級(jí)管理員界面如圖17所示。

圖17 院級(jí)管理員界面圖

    教師信息模塊分為個(gè)人信息、待我審批、課題狀態(tài)和消息。

    (1)個(gè)人信息分為修改密碼和修改聯(lián)系方式，修改密碼通過填寫新密碼、確認(rèn)密碼來對(duì)密碼進(jìn)行修改，修改聯(lián)系方式通過填寫郵箱和手機(jī)號(hào)碼來實(shí)現(xiàn)。

(2)待我審批主要包括題目、提交時(shí)間、課題狀態(tài)和詳細(xì)，主要用來記錄學(xué)生上交的論文開題報(bào)告，中期檢查，Zui終論文的定稿信息。

    (3)課題狀態(tài)用來記錄自己所帶學(xué)生的開展畢業(yè)設(shè)計(jì)工作具體階段，本系統(tǒng)的教師界面如圖18所示。

圖18  教師界面圖

    學(xué)生信息模塊包括個(gè)人信息、選題信息、開題報(bào)告、中期檢查、論文和消息。

    (1)個(gè)人信息分為修改密碼和修改聯(lián)系方式，修改密碼通過填寫新密碼、確認(rèn)密碼來對(duì)密碼進(jìn)行修改，修改聯(lián)系方式通過填寫郵箱和手機(jī)號(hào)碼來實(shí)現(xiàn)。

    (2)選題信息是通過填寫題目、選擇適合自己的導(dǎo)師和填寫簡(jiǎn)介來將選題的相關(guān)信息提交給自己選擇的導(dǎo)師。

    (3)只有學(xué)生選擇的論文題目通過自己導(dǎo)師的審核和學(xué)院管理員的二次審核后才可以進(jìn)行開題報(bào)告工作。

    (4)在學(xué)生提交了開題報(bào)告之后，畢業(yè)產(chǎn)品的設(shè)計(jì)和論文編寫隨之展開。在此過程中導(dǎo)師需要對(duì)學(xué)生的畢設(shè)開展情況進(jìn)行實(shí)時(shí)的督促和指導(dǎo)即中期檢查，以幫助學(xué)生完成一份youxiu的畢業(yè)設(shè)計(jì)。

    (5)在開題報(bào)告和中期檢查完成之后，學(xué)生應(yīng)該注重自己的論文編寫，以優(yōu)美富有邏輯的句子描述自己畢業(yè)設(shè)計(jì)的實(shí)現(xiàn)過程和主要技術(shù)，編寫完成之后上交給自己的導(dǎo)師和學(xué)院。

    (6)消息就是通過發(fā)消息的方式與自己的導(dǎo)師進(jìn)行實(shí)時(shí)或異步的溝通和聯(lián)系，本系統(tǒng)的學(xué)生界面如圖19所示。

圖19  學(xué)生界面圖

通過Web.xml配置整個(gè)系統(tǒng)的開發(fā)環(huán)境，首先啟動(dòng)Struts2的配置程序?yàn)椤?/p>

在業(yè)務(wù)邏輯處理模塊與MySQL數(shù)據(jù)庫(kù)的連接程序?yàn)椤?/p>

業(yè)務(wù)邏輯處理模塊針對(duì)用戶信息處理的SQL語(yǔ)句為。