簡介

方便高效的實驗室設備統一管理，分為管理員、用戶，不僅實現基本的增刪改查，還提供借用、歸還、購買和問題反饋功能，可實現對實驗室設備的基本業務的處理

解決方案

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

spring功能是實現參數參數注入，請求分發處理，對數據庫操作進行事務控制，其中mybatis使用注解查詢，整體上大部分使用xml配置，少部分使用注解

2.前端使用HTML javascript css jquery

絕大部分請求使用ajax發送，頁面動態響應內容由javascript動態生成，css樣式大部分手工編寫

3.數據庫使用mysql-8.0

項目設計數據庫是關鍵，這個項目里面添加了一些初始數據作為測試 devicemanage.sql devicemanage.sql

項目特色

1.批量數據分頁查詢的呈現和控制

批量數據的分頁查詢頗費功夫，自己寫了一個能實現分頁查詢的javascript直接對象，并設計了頁面呈現的樣式

2.頁面布局和樣式設計

為了頁面功能菜單項的不用點擊就能出現，使用了鼠標移動監聽；為了實現頁面各個功能點擊可切換，設計之初特地把每一個子功能拆開設計好再組合起來；為了不使用默認的彈窗提示，單獨設計了一個動態定時自動消失的彈框提示

3.項目開發管理的轉變

最初項目采用eclipse-jee開發，克服了eclipse開發工具很多的問題基本能夠熟練但同時發現eclipse諸多的缺點，使用后來采用IDEA；最初使用傳統的導jar包方式，后來整個項目在IDEA上使用maven管理來管理

4.前后端分離的項目設計

原本的項目采用jsp技術進行混合式開發，但往往難以維護，最終還是拋棄了jsp，對靜態頁面使用html

5.安全控制的設計

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

使用說明

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

管理員賬號

G0001

123456

用戶賬號

3182701101

123456

項目這次已經更新了大部分bug以方便初學者學習，由于該項目比較基礎簡單，后面除非有必要才會再更新了

實現效果

1.登錄首頁

2.功能首頁

3.分頁效果

4.操作選項

5.圖片上傳

6.圖片查看

7.管理員頁面

8.管理員權限

9.意見反饋

源碼下載

已發布于Gitee平臺