【若依后管框架(前后端分離版)】 如何添加自己的功能模塊以及菜單
【文章開(kāi)始之前，先說(shuō)一句，若依牛逼！】
1 若依框架簡(jiǎn)介
RuoYi-Vue 是一個(gè) Java EE 企業(yè)級(jí)快速開(kāi)發(fā)平臺(tái)，基于經(jīng)典技術(shù)組合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），內(nèi)置模塊如：部門(mén)管理、角色用戶、菜單及按鈕授權(quán)、數(shù)據(jù)權(quán)限、系統(tǒng)參數(shù)、日志管理、代碼生成等。在線定時(shí)任務(wù)配置；支持集群，支持多數(shù)據(jù)源，支持分布式事務(wù)。
若依前后端分離版官方文檔地址：http://doc.ruoyi.vip/ruoyi-vue/
代碼倉(cāng)庫(kù)地址：https://gitee.com/y_project/RuoYi-Vue
2 若依框架【前后端分離版】下載安裝運(yùn)行
2.1 運(yùn)行系統(tǒng)環(huán)境需求
- JDK >= 1.8
- MySQL >= 5.7
- Maven >= 3.0
- Node >= 12
- Redis >= 3
2.2 源碼下載
【官方推薦直接clone 倉(cāng)庫(kù)，筆者這里就直接下載源碼 了】
前后端分離版源碼地址：
https://gitee.com/y_project/RuoYi-Vue
直接下載源碼壓縮包
等待下載完成
OK，解壓
點(diǎn)進(jìn)去看看
OK，一個(gè)標(biāo)準(zhǔn)的Maven 多模塊 工程項(xiàng)目。
2.3 數(shù)據(jù)源準(zhǔn)備
在解壓好的源碼目錄下 sql 文件夾
這兩個(gè)sql 文件需要導(dǎo)入數(shù)據(jù)庫(kù)
【新建名為 ry-vue (當(dāng)然這個(gè)可以改)的數(shù)據(jù)庫(kù)】
筆者因?yàn)橐呀?jīng)有了 個(gè)同名數(shù)據(jù)庫(kù)，就小改一下
確定
直接拖入兩個(gè)SQL 文件
開(kāi)始
另一個(gè)同理
最終數(shù)據(jù)庫(kù)效果
OK。這樣數(shù)據(jù)庫(kù) 就準(zhǔn)備好了 。
2.4 運(yùn)行項(xiàng)目
使用IDEA 【或者其他開(kāi)發(fā)工具導(dǎo)入項(xiàng)目】
OK。
這樣就同步完成了。
修改一下數(shù)據(jù)源配置
主要是數(shù)據(jù)庫(kù)名 和數(shù)據(jù)庫(kù) 用戶名密碼。
OK，現(xiàn)在就可以啟動(dòng)服務(wù)了
注意啟動(dòng)時(shí)，Redis 服務(wù)需要處于 運(yùn)行狀態(tài)，不然會(huì)拋異?！疽?yàn)槿粢揽蚣苁褂玫搅司彺妗?br>
OK，這樣后端 就啟動(dòng)成功 了。但是因?yàn)槭乔昂蠖送耆蛛x的，
直接訪問(wèn)
所以還需要啟動(dòng)項(xiàng)目
可以直接 在IDEA 工具中打開(kāi)命令行
cd 到 ruoyi-ui 目錄下
OK，使用命令 npm install 安裝前端項(xiàng)目需要的依賴
等待安裝完成
OK，依賴下載完成?，F(xiàn)在就可以 運(yùn)行前端項(xiàng)目 了
使用命令 npm run dev
等待運(yùn)行完畢
OK，編譯成功后，會(huì)自動(dòng)彈出頁(yè)面
這就是 若依【前后端分離版】 系統(tǒng)了。
3 添加自己的功能模塊
輸入計(jì)算密碼， 進(jìn)入系統(tǒng)
可以看到，默認(rèn)的系統(tǒng)就是這個(gè)樣子了，基本的功能可以說(shuō)是相當(dāng)齊全，讓人忍不住再說(shuō)一次，【若依牛逼！】
現(xiàn)在我們就來(lái)添加一個(gè)簡(jiǎn)單的自己的功能模塊【主要是讓大家能夠知道使用方法】
3.1 準(zhǔn)備數(shù)據(jù)源
這里筆者就簡(jiǎn)單的，比如說(shuō)做一個(gè)“活動(dòng)管理”，肯定得有一張活動(dòng)表嘛
直接在數(shù)據(jù)庫(kù)中創(chuàng)建
隨便來(lái)幾個(gè)字段**【注意：把注釋填好，有用?。。。。?！】**
給表 本身也弄個(gè) 注釋?zhuān)。。?有用！?。。。?！
【確定】
OK。數(shù)據(jù)表新建成功。
隨便插入一條數(shù)據(jù)吧
OK。
3.2 使用若依代碼生成器生成菜單以及接口、頁(yè)面
接下來(lái)就是本文最核心的地方了
在這旁邊加上一個(gè)活動(dòng)管理，對(duì)我們剛剛新弄的活動(dòng)表 進(jìn)行管理
點(diǎn)擊菜單管理，先來(lái)一個(gè)“大 菜單”
確定
這樣就添加上了，下面祭出 代碼生成！
導(dǎo)入我們數(shù)據(jù)里面的 活動(dòng)表
確定
OK，現(xiàn)在進(jìn)行 一些設(shè)置，點(diǎn)擊 編輯
可以看到一共有 三欄
① 基本信息
這個(gè)沒(méi)啥好說(shuō)的，改一下作者吧，這樣生成的 接口代碼中，文檔注釋 author 就會(huì)顯示這個(gè) 了
② 字段信息
這個(gè)根據(jù)自己的需求改就好了
③ 生成信息【這個(gè)是核心】
OK，直接提交?！咀⒁馍霞?jí)菜單】
點(diǎn)擊生成 代碼
下載下來(lái)
OK。代碼生成就算完成了。
3.3 后端添加代碼模塊
就靠若依 生成的代碼肯定是不夠的，我們需要在后端源碼 基礎(chǔ)上做一些 修改
新建一個(gè)子模塊
創(chuàng)建
OK，一個(gè)干凈的子 模塊
修改一下pom 文件
<dependencies>
<dependency>
<groupId>com.ruoyi</groupId>
<artifactId>ruoyi-common</artifactId>
</dependency>
</dependencies>
因?yàn)樾枰柚?“通用模塊” 中的一些功能，所以要將其作為依賴加入我們的 活動(dòng)模塊中【properties 需要?dú)h掉， 父工程已經(jīng)有了，這里最好不寫(xiě)】
修改ruoyi-admin 模塊的pom 文件，將我們自己添加的活動(dòng)模塊加進(jìn)來(lái)
<!-- 活動(dòng)信息管理 -->
<dependency>
<groupId>com.ruoyi</groupId>
<artifactId>ruoyi-activity</artifactId>
<version>${ruoyi.version}</version>
</dependency>
【記得刷一下，到這里 “自己動(dòng)手” 的地方就算完了】
3.4 添加生成的代碼到項(xiàng)目中
OK，現(xiàn)在就可以祭出 我們代碼生成那一步生成的壓縮包 了
解壓出來(lái)
剩下的事兒 就非常簡(jiǎn)單 了
① 數(shù)據(jù)庫(kù)
直接一把運(yùn)行
OK， 運(yùn)行成功。
② 添加后端代碼
看看生成了些 啥
OK，控制器、實(shí)體類(lèi)、數(shù)據(jù)層接口、業(yè)務(wù)層接口、業(yè)務(wù)層 實(shí)現(xiàn)類(lèi)全有 了
還剩一個(gè)，mapper 映射文件
在這里
直接復(fù)制進(jìn)去
OK，后端完事兒。
③ 貼入前端 代碼
直接復(fù)制這一整個(gè) 文件夾
貼到這里，OK
還有個(gè)頁(yè)面
也直接復(fù)制 這個(gè)文件夾
OK。大功告成
重啟一下后端服務(wù)
查看前端頁(yè)面
牛逼！
4 測(cè)試功能
4.1 增
4.2 刪
4.3 改
4.4 查
略
OK，就這樣吧，若依的強(qiáng)大 遠(yuǎn)遠(yuǎn)不止這些，大家慢慢探索吧，若依牛逼！?。?mark hidden color="red">文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-449936.html
最后 我們一定能夠成為我們想要去成為的人。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-449936.html
到了這里，關(guān)于【若依后管框架(前后端分離版)】 如何部署若依以及添加自己的功能模塊和菜單的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
