簡介
方便高效的實驗室設(shè)備統(tǒng)一管理,分為管理員、用戶,不僅實現(xiàn)基本的增刪改查,還提供借用、歸還、購買和問題反饋功能,可實現(xiàn)對實驗室設(shè)備的基本業(yè)務(wù)的處理
解決方案
1.后端Java框架使用spring springmvc mybatis
spring功能是實現(xiàn)參數(shù)參數(shù)注入,請求分發(fā)處理,對數(shù)據(jù)庫操作進行事務(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ù)的分頁查詢頗費功夫,自己寫了一個能實現(xiàn)分頁查詢的javascript直接對象,并設(shè)計了頁面呈現(xiàn)的樣式
2.頁面布局和樣式設(shè)計
為了頁面功能菜單項的不用點擊就能出現(xiàn),使用了鼠標移動監(jiān)聽;為了實現(xiàn)頁面各個功能點擊可切換,設(shè)計之初特地把每一個子功能拆開設(shè)計好再組合起來;為了不使用默認的彈窗提示,單獨設(shè)計了一個動態(tài)定時自動消失的彈框提示
3.項目開發(fā)管理的轉(zhuǎn)變
最初項目采用eclipse-jee開發(fā),克服了eclipse開發(fā)工具很多的問題基本能夠熟練但同時發(fā)現(xiàn)eclipse諸多的缺點,使用后來采用IDEA;最初使用傳統(tǒng)的導(dǎo)jar包方式,后來整個項目在IDEA上使用maven管理來管理
4.前后端分離的項目設(shè)計
原本的項目采用jsp技術(shù)進行混合式開發(fā),但往往難以維護,最終還是拋棄了jsp,對靜態(tài)頁面使用html
5.安全控制的設(shè)計
具有一定安全性,項目的靜態(tài)頁面的直接訪問進行過濾器設(shè)計,未登錄情況下無法直接訪問;對發(fā)送的請求進行攔截器設(shè)計,請求以不同的后綴名區(qū)分哪些資源能夠匿名訪問,哪些必須通過會話中的登錄驗證才能訪問
使用說明
- 把項目導(dǎo)入idea2019,然后使用devicemanage.sql創(chuàng)建與該項目同名的數(shù)據(jù)庫
- 修改xml中關(guān)于數(shù)據(jù)庫mysql連接的信息,先測試連接數(shù)據(jù)庫能夠正常
- 最簡單的啟動方式,可以選擇使用命令mvm tomcat7:run啟動tomcat便可訪問,無需單獨配置tomcat,因為使用的是pom.xml插件指定的的tomcat
- 如果不使用上面mvn命令配置tomcat,那么這里可參考版本tomcat9.0.22,并tomcat配置頁面配置訪問路徑:
- 該路徑如果要定義為其他,需要修改login.html中指定的全局的BASE_URL與后端一致,并且需要檢查后端圖片請求的路徑http://localhost:8080/devicemanag
- 使用默認測試賬號登錄
管理員賬號
G0001
123456
用戶賬號
3182701101
123456
項目這次已經(jīng)更新了大部分bug以方便初學者學習,由于該項目比較基礎(chǔ)簡單,后面除非有必要才會再更新了
實現(xiàn)效果
1.登錄首頁
2.功能首頁
3.分頁效果
4.操作選項
5.圖片上傳
6.圖片查看
7.管理員頁面
8.管理員權(quán)限
9.意見反饋
源碼下載
已發(fā)布于Gitee平臺
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 舉報,一經(jīng)查實,本站將立刻刪除。