1.諾依的版本
?本次選擇RuoYI-Vue框架進行講解
官網地址:RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分離權限管理系統,同時提供了 Vue3 的版本 (gitee.com)
?
2.搭建后端項目
?3.初始化后端項目
等待下載完成后:點擊Maven的clean,然后點擊package,最后點擊刷新按鈕
- 創建數據庫名為:ry-vue
- 導入ry-vue的數據庫(先執行下面的sql)
- 在ruoyi-admin中 修改application-druid.yml的數據庫密碼
- 在ruoyi-admin中 修改application.yml的redis相關信息(啟動redis)
- 最后在RuoYiApplication中使用Debug的方式啟動
執行結果為下圖則表示(啟動成功)
?4.搭建并初始化前端項目
前端地址:RuoYi-Vue3: 🎉 (RuoYi)官方倉庫 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分離權限管理系統 (gitee.com)
(1) 使用git clone 命令拉取代碼到本地并打開?
(2) 然后在終端輸入npm install下載第三方依賴的下載
(3)最后終端輸入npm run dev 啟動
5.入門示例
先設計好表的結構,然后交給若依代碼生成器進行生成
?
?生成的代碼有:
- 后端代碼:main
- 前端代碼:vue
- 動態代碼:courseMenu.sql導入數據庫sys_menu
?
6.系統管理
演示:
RBAC(Role-Based Access Control,基于角色的訪問控制)是一種用于限制系統用戶訪問計算機或網絡資源的機制。在RBAC中,權限與角色相關聯,而不是直接與用戶關聯。用戶根據其在組織中的職責被分配一個或多個角色,而這些角色則被分配了相應的權限。當用戶嘗試訪問系統資源時,系統會檢查用戶所屬角色的權限,以決定是否允許訪問。?
示例:?
(1)創建統計分析菜單?(創建后需要刷新才顯示)
(2)修改課程管理的上級菜單為主類目(之前做5.入門示例的時候就已經創建了)
(3)創建角色和用戶
設置用戶的默認密碼為admin
7.系統管理-數據字典
示例:將課程管理的學科字段修改為數據字典維護
(1)添加字典類型和數據
(2)修改代碼生成信息的顯示類型為下拉框
(3)下載代碼,導入前端
?實操:
(1)創建字典類型
(2)點擊字典類型的名字,可以對其類型添加字典數據
(3) 這樣可以通過在生成代碼中可以通過選擇下拉框中的字典類型進行
注意:如果之前已經導入了,就只需要重新導入新生成的前端代碼views即可
(4)(如果將文本框改為下拉框的話)需要將對應數據庫中的subject修改為字典鍵值
8.系統管理-其他功能
8.1在參數設置 關閉驗證碼 將登錄驗證的參數鍵值設置為false
?8.2 通知公告部分,若依平臺只支持了基礎功能,如需要將公告推送給用戶,則需要二次開發
8.3 在日志管理中的操作日志可以查看用戶的操作信息,在登錄日志中可以查看用戶的登錄信息
9.系統監控
9.1 定時任務
在ruoyi-quartz中的task中創建定時任務的類,注意要加上@Component注解
9.2 數據監控
系統監控中的數據監控的?(賬號:ruoyi? ? ?密碼:123456)
10. 系統工具
10.1 表單構建
制作表單完整之后復制到前端工程中
?因為添加的是course/course/add.vue路徑,也要同時添加相同的菜單路徑
?10.2 代碼生成
單表模版:就是對單張表的增刪改查
樹表模版:有父樹和子樹,類似于(省、市區、縣城、鄉村)層級
主子表模版:比如辣度有:不辣、微辣、中辣、特辣
?10.3 系統接口
需要token進行權限校驗,這時需要在瀏覽器中進行查看token的值?
?
token的值在Cookies的Admin-Token的值
僅有權限還不夠,還需要正確的訪問路徑,默認是添加/dev-api前綴(根據需要進行修改)
所以對于測試用例中,需要在ruoyi-admin中的application.yml中修改Swagger的請求前綴為:/
11.若依項目結構
(1)后端結構
?
?
(2)前端結構?
(3)表結構?
12.若依二次開發
12.1 使用若依框架修改器,修改后端的代碼
使用若依修改器,修改項目的基本信息?
使用方式:
(1)對后端的若依項目工程進行壓縮打包為zip后綴的壓縮文件,然后使用?若依框架修改器
(2) 使用idea打開修改器執行后的代碼
- 修改啟動類名
12.2 新建業務模塊
(例如創建商家相關的模塊,所以命名為sky-merchant)
在創建的子模塊中加入核心的依賴?
?在父模塊中添加子模塊的版本鎖定
?12.3 添加菜品管理
?然后使用代碼生成,生成該兩張表的代碼
記得修改配置后再生成代碼?
(1)基本信息的修改
?
?(2)字段信息的修改
因為這里的售賣狀態值比較固定,可以使用下拉框的方式確定,所以先創建該相關字典類型
?對該dish_status設置字典鍵值
根據要求進行字段信息的修改
(3) 生成信息的修改
因為該生成的模版設置為主子表結構,所以必須填寫關聯子表的表名和外鍵名
同理,修改其他生成的關聯表
不過只需要修改dish_flavor中的實體類名即可
(4)生成代碼并添加到對應的項目中?
最后對后端的代碼進行clean一次,然后重啟
最后,總結一下步驟: