簡介

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

解決方案

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

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

2.前端使用HTML javascript css jquery

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

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

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

項目特色

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

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

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

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

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

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

4.前后端分離的項目設(shè)計

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

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

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

使用說明

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

管理員賬號

G0001

123456

用戶賬號

3182701101

123456

項目這次已經(jīng)更新了大部分bug以方便初學(xué)者學(xué)習(xí)，由于該項目比較基礎(chǔ)簡單，后面除非有必要才會再更新了

實(shí)現(xiàn)效果

1.登錄首頁

2.功能首頁

3.分頁效果

4.操作選項

5.圖片上傳

6.圖片查看

7.管理員頁面

8.管理員權(quán)限

9.意見反饋

源碼下載

已發(fā)布于Gitee平臺