【導(dǎo)讀】效快速的業(yè)務(wù)需求。本文設(shè)計(jì)了一個(gè)內(nèi)網(wǎng)實(shí)驗(yàn)室外借設(shè)備管理系統(tǒng)，通過(guò)對(duì)此系。本系統(tǒng)運(yùn)用HTML語(yǔ)言、JavaScript技術(shù)、JSP與后臺(tái)數(shù)據(jù)庫(kù)鏈接等

　　

【正文】 主鍵 外鍵 備注 14 鎖定標(biāo)識(shí) fIsLocked int(11) 是 否 否 15 刪除標(biāo)識(shí) fIsDeleted int(11) 是 否 否 16 用戶(hù)類(lèi)型 id fUserTypeID bigint(20) 是 否 否 17 帳號(hào)生成日期 fCreationDate varchar(15) 是 否 否 18 帳號(hào)過(guò)期日期 fExpireDate varchar(15) 是 否 否 19 密碼過(guò)期日期 fPwdExpireDate varchar(15) 是 否 否 20 離職日期 fDimissionDate varchar(15) 是 否 否 21 姓名拼音 fNamePinYin varchar(255) 否 否 否 第 34 頁(yè) 共 50 頁(yè) 五 、 系統(tǒng)程序設(shè)計(jì)及其界面 （一） 系統(tǒng)結(jié)構(gòu)設(shè)計(jì) 根據(jù)系統(tǒng)分析的 結(jié)果，按照結(jié)構(gòu)化的系統(tǒng)設(shè)計(jì)方法，本系統(tǒng)的功能劃分如圖 所示。 圖 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)圖 （二） 系統(tǒng)總體設(shè)計(jì) 1． 系統(tǒng)登錄畫(huà)面設(shè)計(jì) 網(wǎng)上實(shí)驗(yàn)室設(shè)備外借管理系統(tǒng)由面向用戶(hù)的用戶(hù)界面子系統(tǒng)和面向管理員第 35 頁(yè) 共 50 頁(yè) 的管理員界面子系統(tǒng)組成。用戶(hù)界面子系統(tǒng)完成用戶(hù)網(wǎng)上申請(qǐng)借用設(shè)備的全過(guò)程，而管理員界面子系統(tǒng)則完成對(duì)申請(qǐng)單的審批，對(duì)設(shè)備以及設(shè)備分類(lèi)進(jìn)行維護(hù)的工作。 圖 是網(wǎng)上實(shí)驗(yàn)室外借管理系統(tǒng)的登錄頁(yè)面?？梢酝ㄟ^(guò)用戶(hù)登錄或管理員登錄來(lái)進(jìn)入系統(tǒng)的用戶(hù)界面子系統(tǒng)或管理界面子系統(tǒng)。 圖 系統(tǒng)登錄頁(yè)面 由于本系統(tǒng)只針 對(duì)公司內(nèi)部員工開(kāi)放，所以上網(wǎng)瀏覽者必須為公司內(nèi)部員工，不允許其他人員進(jìn)入。如圖 為用戶(hù)或管理員登錄系統(tǒng)后頁(yè)面。 圖 系統(tǒng)主頁(yè) 第 36 頁(yè) 共 50 頁(yè) 2． 用戶(hù)界面子系統(tǒng)的設(shè)計(jì) 用戶(hù)登錄系統(tǒng)后進(jìn)入網(wǎng)上實(shí)驗(yàn)室設(shè)備外借系統(tǒng)的第一個(gè)頁(yè)面，如上圖 43，它主要包括網(wǎng)頁(yè)導(dǎo)航條、設(shè)備分類(lèi)、設(shè)備查詢(xún)、設(shè)備顯示等幾個(gè)模塊。 （ 1） 網(wǎng)頁(yè)導(dǎo)航條 網(wǎng)頁(yè)導(dǎo)航條是為了便于用戶(hù)瀏覽不同的功能模塊而設(shè)計(jì)的，用戶(hù)單擊導(dǎo)航條上的超鏈接，系統(tǒng)可以將用戶(hù)帶入相應(yīng)的模塊中。本系統(tǒng)將導(dǎo)航條設(shè)計(jì)成一個(gè)單獨(dú)的文件 ,只要在不同的網(wǎng)頁(yè)中包含此文件就 可以在相應(yīng)的網(wǎng)頁(yè)中顯示此導(dǎo)航條。 圖 系統(tǒng)網(wǎng)頁(yè)導(dǎo)航條 的主要代碼如下： %@ include file=/vfj/jsp/mon/ % %@ page contentType=text/html。charset=GBK% % String contextpath = ()。% ul id=menu style=display: none。 lia href=javascript:gotoURL(39。%=contextpath%/labdevice/TLabdevice/39。)bean:message key=TLabdevice//a/li lia href=javascript:gotoURL(39。%=contextpath%/labdevice/TLabdeviceType/39。)bean:message key=TLabdeviceType//a/li lia href=javascript:gotoURL(39。%=contextpath%/labdevice/TLabdeviceEvent/39。)bean:message key=TLabdeviceEvent//a/li lia href=javascript:gotoURL(39。%=contextpath%/labdevice/39。)管理面板/a/li /ul 第 37 頁(yè) 共 50 頁(yè) （ 2） 設(shè)備顯示查詢(xún)頁(yè)面 用戶(hù)進(jìn)入主頁(yè)后將缺省看到 5條設(shè)備情況，并通過(guò)翻屏按鈕查看 下一頁(yè)的記錄，并可設(shè)置每屏的顯示記錄數(shù)。用戶(hù)同時(shí)可以根據(jù)設(shè)備的狀態(tài)（在庫(kù)，已申請(qǐng)，已借，封存），以及設(shè)備的關(guān)鍵字來(lái)查看所需的設(shè)備。具體見(jiàn)圖 系統(tǒng)設(shè)備顯示查詢(xún)頁(yè)面： 圖 系統(tǒng)設(shè)備顯示查詢(xún)頁(yè)面 第 38 頁(yè) 共 50 頁(yè) （ 3） 查看設(shè)備詳細(xì)信息頁(yè)面 圖 系統(tǒng)設(shè)備詳細(xì)信息頁(yè)面 （ 4） 查看某一設(shè)備詳細(xì)借用歷史記錄頁(yè)面 圖 系統(tǒng)某一設(shè)備詳細(xì)借用歷史記錄頁(yè)面 第 39 頁(yè) 共 50 頁(yè) （ 5） 對(duì)某一設(shè)備提交申請(qǐng)單頁(yè)面 用戶(hù)若想借用某一設(shè)備，可以雙擊圖 43系統(tǒng)主頁(yè)中“申請(qǐng)借用”按鈕進(jìn)行設(shè)備的申請(qǐng)借用，申請(qǐng)借用成功后，等待管理員的審批。 圖 借用申請(qǐng)表單頁(yè)面 （ 6） 查看設(shè)備類(lèi)型頁(yè)面 用戶(hù)若想查看設(shè)備類(lèi)型，可按導(dǎo)航條的“設(shè)備類(lèi)型”按鈕進(jìn)入。 第 40 頁(yè) 共 50 頁(yè) 圖 查看設(shè)備類(lèi)型頁(yè)面 （ 7） 查看設(shè)備類(lèi)型詳細(xì)信息頁(yè)面 圖 查看設(shè)備類(lèi)型詳細(xì)信息頁(yè)面 第 41 頁(yè) 共 50 頁(yè) （ 8） 查看設(shè)備借用記錄頁(yè)面 圖 查看設(shè)備借用記錄頁(yè)面 （ 9） 查看設(shè)備借用記錄詳細(xì)信息頁(yè)面 圖 查看設(shè)備借用記錄詳細(xì)信息頁(yè)面 （ 10） 數(shù)據(jù)輸出 用戶(hù)可以將自己需要的數(shù)據(jù)存為表單格式輸出保存打印，可作為設(shè)備外借的一個(gè)憑證。 第 42 頁(yè) 共 50 頁(yè) 圖 數(shù)據(jù)輸出頁(yè)面 3． 管理員界 面子系統(tǒng)的設(shè)計(jì) 管理員以管理員帳戶(hù)登錄系統(tǒng)，除擁有用戶(hù)登錄后的所有功能外，還可以對(duì)設(shè)備、設(shè)備類(lèi)型以及用戶(hù)進(jìn)行管理。 （ 1） 增加設(shè)備頁(yè)面 第 43 頁(yè) 共 50 頁(yè) 圖 增加設(shè)備頁(yè)面 （ 2） 編輯設(shè)備頁(yè)面 管理員可以對(duì)設(shè)備信息進(jìn)行編輯。 圖 編輯設(shè)備頁(yè)面 （ 3） 增加設(shè)備大類(lèi)、設(shè)備小類(lèi)頁(yè)面 打開(kāi)“設(shè)備類(lèi)型”頁(yè)面，選擇頁(yè)面右上角的“增加”按鈕，缺省為增加設(shè)備大類(lèi)數(shù)據(jù)。 第 44 頁(yè) 共 50 頁(yè) 圖 增加設(shè)備大類(lèi)頁(yè)面 若想增加設(shè)備小類(lèi)，在圖 ，具體如圖 選擇設(shè)備類(lèi)型。 圖 設(shè)備類(lèi)型選擇頁(yè) 面 第 45 頁(yè) 共 50 頁(yè) 圖 增加設(shè)備小類(lèi)頁(yè)面 （ 4） 設(shè)備借用表顯示頁(yè)面 雙擊菜單的“設(shè)備借用表”可以顯示設(shè)備借用記錄，此記錄可以根據(jù)設(shè)備狀態(tài)（申請(qǐng)、審批通過(guò)、審批未通過(guò)、歸還）以及借用人和其他關(guān)鍵字來(lái)查看。 圖 設(shè)備借用表記錄顯示頁(yè)面 第 46 頁(yè) 共 50 頁(yè) （ 5） 審批申請(qǐng)借用單頁(yè)面 管理員進(jìn)入設(shè)備借用單可以對(duì)狀態(tài)為“申請(qǐng)”的設(shè)備進(jìn)行審批，可以通過(guò)右側(cè)“同意借用”和“不同意借用”按鈕來(lái)具體實(shí)現(xiàn)。 圖 審批申請(qǐng)單頁(yè)面 圖 不同意審批申請(qǐng)單頁(yè)面 （ 6） 用戶(hù)權(quán)限的指定 通過(guò)導(dǎo)航條“管理面板”，啟用系統(tǒng)中嵌入的 epass 公司人員管理頁(yè)面，對(duì)用戶(hù)可以進(jìn)行管理員授權(quán)。 第 47 頁(yè) 共 50 頁(yè) 圖 用戶(hù)授權(quán)管理頁(yè)面 用戶(hù)授權(quán)管理頁(yè)面具體代碼如下： %@ include file=/vfj/jsp/mon/ % %@ page contentType=text/html。charset=GBK% % String contextpath = ()。 % script type=text/javascript function init(){ } /script div class=dialogblockborder dialogblockborderheadline iconblock div class=dialogblock span class=dialogblockhead 權(quán)限指定 /span br table class=39。xmlTable39。 tr td class=xmlLabel實(shí)驗(yàn)室設(shè)備管理系統(tǒng)管理員 /td td class=xmlTd 1 創(chuàng)建實(shí)驗(yàn)室設(shè)備分類(lèi) br 第 48 頁(yè) 共 50 頁(yè) 2 創(chuàng)建實(shí)驗(yàn)室設(shè)備檔案 br 3 管理實(shí)驗(yàn)室設(shè)備借用狀況 br /td td td td class=xmlTdinput type=button class=formButton onclick=openNestWindow(39。%=contextpath%/vfj/jsp/auth/?type=resamp。value=res_labdevice_manager39。) class=button value=權(quán)限 /td /tr /table br img src=%=contextpath%/vfj/images/list/說(shuō)明：在彈出的授權(quán)窗口中，將span class=stress“資源訪問(wèn)” /span的權(quán)限授予相關(guān)對(duì)象。 /div /div 第 49 頁(yè) 共 50 頁(yè) 六 、 系統(tǒng)的發(fā)布與測(cè)試 （一） 系統(tǒng)的發(fā)布 本網(wǎng)上實(shí)驗(yàn)室設(shè)備外借系 統(tǒng)運(yùn)行在 Microsoft Windows 2021 平臺(tái)上，其 web服務(wù)器是 ，數(shù)據(jù)庫(kù)是 。 ? 本系統(tǒng)采用的訪問(wèn)端口號(hào)為 8080。 ? 本系統(tǒng)所有的文件置于 c:\labdevice 目錄下。 ? Tomcat 啟動(dòng)路徑為 c:\labdevice\tomcat\bin\ ? 在瀏覽器中的加載路徑是 : （二） 系統(tǒng)的測(cè)試 本系統(tǒng)在 Windows 2021+Tomcat+Mysql 環(huán)境 下運(yùn)行，使用 對(duì)系統(tǒng)進(jìn)行訪問(wèn)。經(jīng)過(guò)測(cè)試，各模塊和子系統(tǒng)達(dá)到設(shè)計(jì)要求，系統(tǒng)運(yùn)行正常。 （三） 編碼 由于篇幅原因，代碼不在本論文中體現(xiàn)，見(jiàn)光盤(pán)。 （四） 系統(tǒng)改進(jìn)和完善之方向 使用戶(hù)提交設(shè)備借用申請(qǐng)時(shí)，支持對(duì)具有審批權(quán)限的實(shí)驗(yàn)室設(shè)備系統(tǒng)管理員進(jìn)行消息提醒，如電子郵件或者手機(jī)短信提醒等；支持設(shè)備的圖片上傳功能，使其展示更加人性化。 第 50 頁(yè) 共 50 頁(yè) 結(jié) 束 語(yǔ) 本文設(shè)計(jì)了一個(gè)基于 web的網(wǎng)上實(shí)驗(yàn)設(shè)備外借管理系統(tǒng)，采用 JSP技術(shù)開(kāi)發(fā)。使實(shí)驗(yàn)室外借設(shè)備工作得到了簡(jiǎn)化。本系統(tǒng)通過(guò)一個(gè)小型的實(shí)驗(yàn)室設(shè)備外借的管理，顯示了 JSP、 MYSQL 在三層架構(gòu)模式下的結(jié)合開(kāi)發(fā)。 通過(guò)本次畢業(yè)設(shè)計(jì)，提高了自己分析解決實(shí)際問(wèn)題的能力，把理論知識(shí)和實(shí)際應(yīng)用較好的結(jié)合了起來(lái)，這將對(duì)我今后的工作有很大的幫助，也是將這幾年 網(wǎng)絡(luò)學(xué)院 專(zhuān)業(yè)的理論轉(zhuǎn)化為實(shí)際應(yīng)用的過(guò)程，使我受益匪淺。 致 謝 在我完成畢業(yè)論文的過(guò)程中，我遇到了前所未有的困難。在我的公司同事和xxx 指導(dǎo)老師 的指導(dǎo)下，我克服了這些困難，順利的完成了論文。 同時(shí)我還要感謝 xxx 軟件公司研發(fā)部我的同事們，以及家人和朋友的不斷鼓勵(lì)。正是在他們的關(guān)心和幫助下我才得以順利的完成了這篇畢業(yè)論文。 在此，向 所有關(guān)心和幫助過(guò)我的人們表示誠(chéng)摯的謝意。 參 考 文 獻(xiàn) 王孝宜 .《網(wǎng)絡(luò)系統(tǒng)開(kāi)發(fā)實(shí)例精粹（ JSP 版）》 第一版 ,電子工業(yè)出版社 , 耿祥義 .《 JSP 基礎(chǔ)教程》 第一版 ,清華大學(xué)出版社 , 鄒竹彪 .《 JSP 寶典》 第一版 ,電子工業(yè)出版社 , 4.、 胡艷潔 .《 HTML 標(biāo)準(zhǔn)教程》 第二版， 中國(guó)青年出版社 ，