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

　　

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