基於SSM實現的簡易員工管理系統
首先,頁面的UI是使用了Bootstrap框架快速搭建的,這個框架還是比較好用的,不但快速,而且美觀,風格偏扁平化。而且對於我這種英文渣渣來說,有中文的幫助文檔,簡直不要太好上手,然後搭建好的大致效果圖就如1-1所示,當然搭建好的只是靜態頁面,下面的數據,按鈕的button_click事件都是後面自行編寫的。
圖1-1
然後就要介紹介紹SSM框架的具體流程了,因為是在本地訪問,沒有放到聯網伺服器上,所以使用了Tomcat作為伺服器,項目前端發起請求,發送到SpringMVC前端控制器中,再由SpringMVC前端控制器判斷,是否能進行處理,能處理的,再發送給Controller,不能處理如靜態頁面之類的,直接發送給Tomcat伺服器,讓伺服器進行解析。發送到Controller的數據,再調用Service層的業務邏輯。假如要進行資料庫層的交互,就將其交給Dao層的組件,而Dao層的組件都是用MyBatis來寫的,MyBatis的某某Mapper再進行與資料庫的交互,同時,這些Mapper的文件和介面都是通過MyBatis Generator(MBG)自動生成的,但由於查詢的時候還有多表聯合查詢,所以還在xml文件中,新寫了兩個方法,用來實現多表聯合查詢。同時,基本上的增刪改查都是通過Ajax實現的,由Ajax發送請求,再返回Json,使用JS解析Json並在頁面中顯示。
項目是使用Maven進行依賴管理的,簡單來說,就是通過Maven去下載項目所需的jar包,同時在項目完成後,可以用Maven構建war包,使項目部署在真正的伺服器而不是Eclipse中的鏡像伺服器。
大體構建說完了,來說說項目中實際運用的注意點吧,在添加新員工的時候進行了前端、後端都校驗的方法,可以極大程度的避免臟數據的添加,同時用了一些正則表達式來判斷姓名和郵箱是否合法。前端發送的Ajax請求,要傳遞到後台處理,都只需要在方法上添加@ResponseBody和@RequestMapping("路徑尾綴")即可。
最後,實現的圖例演示。
員工添加功能的實現:
修改功能的實現:
單個刪除的實現:
批量刪除:
這個基於SSM的基礎員工管理系統,大致功能都如上圖所示了,實現了基本的增刪改查,下一步,如果繼續完善,則添加上登陸頁,再將項目發布到互聯網的伺服器上,沒有登陸頁的弊端太多了,就不論述了,再加上現在的都是測試數據,沒有實際意義,所以暫不考慮發布到互聯網。
TAG:程序員小新人學習 |