簡(jiǎn)介

方便高效的實(shí)驗(yàn)室設(shè)備統(tǒng)一管理，分為管理員、用戶，不僅實(shí)現(xiàn)基本的增刪改查，還提供借用、歸還、購買和問題反饋功能，可實(shí)現(xiàn)對(duì)實(shí)驗(yàn)室設(shè)備的基本業(yè)務(wù)的處理

解決方案

1.后端Java框架使用spring springmvc mybatis

spring功能是實(shí)現(xiàn)參數(shù)參數(shù)注入，請(qǐng)求分發(fā)處理，對(duì)數(shù)據(jù)庫操作進(jìn)行事務(wù)控制，其中mybatis使用注解查詢，整體上大部分使用xml配置，少部分使用注解

2.前端使用HTML javascript css jquery

絕大部分請(qǐng)求使用ajax發(fā)送，頁面動(dòng)態(tài)響應(yīng)內(nèi)容由javascript動(dòng)態(tài)生成，css樣式大部分手工編寫

3.數(shù)據(jù)庫使用mysql-8.0

項(xiàng)目設(shè)計(jì)數(shù)據(jù)庫是關(guān)鍵，這個(gè)項(xiàng)目里面添加了一些初始數(shù)據(jù)作為測(cè)試 devicemanage.sql devicemanage.sql

項(xiàng)目特色

1.批量數(shù)據(jù)分頁查詢的呈現(xiàn)和控制

批量數(shù)據(jù)的分頁查詢頗費(fèi)功夫，自己寫了一個(gè)能實(shí)現(xiàn)分頁查詢的javascript直接對(duì)象，并設(shè)計(jì)了頁面呈現(xiàn)的樣式

2.頁面布局和樣式設(shè)計(jì)

為了頁面功能菜單項(xiàng)的不用點(diǎn)擊就能出現(xiàn)，使用了鼠標(biāo)移動(dòng)監(jiān)聽；為了實(shí)現(xiàn)頁面各個(gè)功能點(diǎn)擊可切換，設(shè)計(jì)之初特地把每一個(gè)子功能拆開設(shè)計(jì)好再組合起來；為了不使用默認(rèn)的彈窗提示，單獨(dú)設(shè)計(jì)了一個(gè)動(dòng)態(tài)定時(shí)自動(dòng)消失的彈框提示

3.項(xiàng)目開發(fā)管理的轉(zhuǎn)變

最初項(xiàng)目采用eclipse-jee開發(fā)，克服了eclipse開發(fā)工具很多的問題基本能夠熟練但同時(shí)發(fā)現(xiàn)eclipse諸多的缺點(diǎn)，使用后來采用IDEA；最初使用傳統(tǒng)的導(dǎo)jar包方式，后來整個(gè)項(xiàng)目在IDEA上使用maven管理來管理

4.前后端分離的項(xiàng)目設(shè)計(jì)

原本的項(xiàng)目采用jsp技術(shù)進(jìn)行混合式開發(fā)，但往往難以維護(hù)，最終還是拋棄了jsp，對(duì)靜態(tài)頁面使用html

5.安全控制的設(shè)計(jì)

具有一定安全性，項(xiàng)目的靜態(tài)頁面的直接訪問進(jìn)行過濾器設(shè)計(jì)，未登錄情況下無法直接訪問；對(duì)發(fā)送的請(qǐng)求進(jìn)行攔截器設(shè)計(jì)，請(qǐng)求以不同的后綴名區(qū)分哪些資源能夠匿名訪問，哪些必須通過會(huì)話中的登錄驗(yàn)證才能訪問

使用說明

把項(xiàng)目導(dǎo)入idea2019，然后使用devicemanage.sql創(chuàng)建與該項(xiàng)目同名的數(shù)據(jù)庫
修改xml中關(guān)于數(shù)據(jù)庫mysql連接的信息，先測(cè)試連接數(shù)據(jù)庫能夠正常
最簡(jiǎn)單的啟動(dòng)方式，可以選擇使用命令mvm tomcat7:run啟動(dòng)tomcat便可訪問，無需單獨(dú)配置tomcat，因?yàn)槭褂玫氖?span style="color: #000000;--tt-darkmode-color: #000000">pom.xml插件指定的的tomcat
如果不使用上面mvn命令配置tomcat，那么這里可參考版本tomcat9.0.22，并tomcat配置頁面配置訪問路徑：
該路徑如果要定義為其他，需要修改login.html中指定的全局的BASE_URL與后端一致，并且需要檢查后端圖片請(qǐng)求的路徑http://localhost:8080/devicemanag
使用默認(rèn)測(cè)試賬號(hào)登錄