MFW基于 springBoot 和 Vue.js 的權(quán)限系統(tǒng)
MFW2.0
基于SpringBoot2.2的權(quán)限系統(tǒng)架構(gòu)MFW全名My Framework
這是基于SpringBoot+Element-UI的架構(gòu)。 其中集成了如下技術(shù)后端涉及到技術(shù)如下: SpringBoot2.2.0 Spring JPA java-jwt(用于acessToken的生成和校驗(yàn)) kaptcha2.3.2(校驗(yàn)碼生成) Redis(用于存儲系統(tǒng)參數(shù),一些重要緩存數(shù)據(jù)) poi(用于導(dǎo)出excel) oshi-core(用于查詢系統(tǒng)信息) 基于springBoot2的websocket(掃碼登錄和聊天室)
前端設(shè)計(jì)到的技術(shù)
Element-ui 2.11.0
vue2.0
tinymce5.0.14(富文本編輯)
echarts(表格展示工具)
vue-count-to(計(jì)數(shù)小工具)
vue-clock2(時鐘)
vue-baidu-map(百度地圖組件)
過濾器 其中準(zhǔn)備了兩個過濾器 一個是登錄過濾器(用于頁面功能的處理) 一個是接口過濾器(用于對外接口功能的處理)
功能說明 登錄注冊以及系統(tǒng)菜單頁 注冊
登錄
密碼登錄----輸入登錄名和密碼登錄
掃碼登錄----掃描二維碼然后調(diào)用接口登錄,由于當(dāng)前沒有手機(jī)客戶端所以需要調(diào)用接口登錄。
地址:http://www.zhm.com:9090/openApi/interface/qrcodelogin?uid=25f67054-6886-4a15-a35a-e800490be958
其中header中需要access_token ,access_token是通過jwt生成。在OpenController的獲取acess_token接口里。
忘記密碼----通過郵箱來修改
修改密碼
系統(tǒng)菜單-----登錄成功后,會顯示該用戶有那些系統(tǒng)可以操作
菜單界面
權(quán)限系統(tǒng)設(shè)置界面-----構(gòu)成了用戶可以處理那些系統(tǒng)和菜單
系統(tǒng)用戶管理
系統(tǒng)菜單管理
系統(tǒng)角色管理
系統(tǒng)部門管理
系統(tǒng)參數(shù)管理
系統(tǒng)參數(shù)------一些系統(tǒng)參數(shù)管理
國家地址信息管理-----省市縣(區(qū))鎮(zhèn)村(其中可以根據(jù)百度地圖跳轉(zhuǎn)到百度地圖定位)
對于百度地圖的特別說明,一定要選擇
應(yīng)用類型: 瀏覽器端
啟用服務(wù):Javascript API(這個一定要選)
Referer白名單:*(當(dāng)我們本地測試時候一定要這樣,否則會出錯就是【百度未授權(quán)使用地圖API,
可能是因?yàn)槟峁┑拿荑€不是有效的百度LBS開放平臺密鑰,或此密鑰未對本應(yīng)用的百度地圖JavaScriptAPI授權(quán)】)
日志管理
接口日志--------誰調(diào)用了接口,調(diào)用了那些接口(開發(fā)中)
操作日志--------記錄操作人信息,以及操作參數(shù)
組件---介紹一些組件信息。
服務(wù)監(jiān)控------用于監(jiān)控當(dāng)前系統(tǒng)的環(huán)境
富文本編輯器----用于文本類型的發(fā)布
小組件-----一些小功能演示
后續(xù)優(yōu)化,涉及到工具類編寫,統(tǒng)一工具類的編寫。異常處理。 controller層只負(fù)責(zé)數(shù)據(jù)的轉(zhuǎn)換,(接受不準(zhǔn)有Map這樣比較寬泛的) service層涉及到數(shù)據(jù)的邏輯處理。(其中包括異常處理,在一些關(guān)鍵的地方打日志。其中顯示關(guān)鍵的數(shù)據(jù))
登錄地址是:最好域名登錄比如:www.zhm.com:8080
用戶名和密碼是admin admin
評論
圖片
表情
