若依框架添加页面步骤

超、凢脫俗 2024-03-26 08:04 49阅读 0赞

本文代码使用的是ruoyi分离版：http://doc.ruoyi.vip/ruoyi-vue/

一.导入表

1.1查看数据库表

![64116918447240919fd2e0cd7beb82af.png][]

1.2使用后台代码生成模块

![ed53abb9e88f413cbe8619c1a2679337.png][]

![19a961425f604090b0044eb70bcb2d78.png][]

二.编辑表信息

![2304148257124faa8b0d8075e1897a7f.png][]

## 若依框架前后端分离版本自动生成代码的详细步骤 ##

1.若依框架的下载和本地运行这里就不介绍了主要讲代码自动生成（只是单表的增删改成，复杂的多表业务逻辑还是需要自己手写的）话不多说直接上图：

一：新建模块：

本地运行起来后右键新建Module。

![cc65f5f1ea9f4980a9bce466311d8c67.png][]

![1ed765609a2749cebe7b20d142315e77.png][]

注意这里的Name 可以和若依类似 也可以自己定义新的

![f7a5e5b8b53e4352bf78bcaf6d15fb9f.png][]

二：添加此模块到父模块里：

在根目录的pom文件里添加这个新建的模块 （有两个地方需要添加）

![4b658481a0254ba1a50a2224c87e4e30.png][]

![57c6b822c43e4cdd9ba2e0a65c3c60f2.png][]

三：添加通用工具类到新建的模块下

如上图 这个里面添加通用的工具（不添加会报错）

四：在admin下 添加这个模块

在admin模块下的pom文件里添加

![5f729b364b844c8db26cb42195311d31.png][]

![125e1386badb42ca947a25c9e07ca3e5.png][]

五：新建目录：（如上图）

在菜单管理页面下添加菜单 这里的路由地址就是刚刚模块名ruoyi-xxx 后面的xxx 我的是resident。

六：导入表 然后编辑

建表和导入这块我就不展示了，新建的表在后台代码生成那块可以修改也可以在这里修改。我这个下面的图有点问题 应该是 t\_resident 我默认是去掉表前缀的 ，这个自己可以设置

![9046ac6069ed419785034a5d0a854ec0.png][]

![8d89dad5f84743dbacf49160e6173c75.png][]

七：修改表信息：

这块很重要 一定要保持一致 上级菜单选择我们刚添加的那个。

![19665dd2b1394e4880db60dfe3470911.png][]

八：生成代码

点击后面的生成按钮 会生成一个包 解压一下就看到代码了 然后把代码放到正确的路径下（这个就不一张一张截图了 自己别把路径搞错都可以 ）

最后就是在数据库里把生成的sql运行一下（这个sql和代码一起生成的）clean一下后端 然后重启项目就可以了 这样前期大部分代码都好了，我们只需要按照自己的需求修修改改就好了

![50cc26f2d17949f6a44a57ecba00093a.png][]

[64116918447240919fd2e0cd7beb82af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2493282d99b3480aae823feefa1bf59a.png
[ed53abb9e88f413cbe8619c1a2679337.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/8897dced6ce94362a5266c3d876be0e4.png
[19a961425f604090b0044eb70bcb2d78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f25eb99777044a58a418555c2bb1e6c8.png
[2304148257124faa8b0d8075e1897a7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/7a516c1541da4b049d6ffeffe1504262.png
[cc65f5f1ea9f4980a9bce466311d8c67.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/4d7fac16898d484fbec06f19c65f087e.png
[1ed765609a2749cebe7b20d142315e77.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/79055d8f1fa64c0c89814684cd5638a5.png
[f7a5e5b8b53e4352bf78bcaf6d15fb9f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/274ec33f1c1a43e0bda6f4d587d1b1d7.png
[4b658481a0254ba1a50a2224c87e4e30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/efb41de434084639b4e0ad08db093d50.png
[57c6b822c43e4cdd9ba2e0a65c3c60f2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/1fc0538eb7f84af095d96ab0868ae1b5.png
[5f729b364b844c8db26cb42195311d31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9c8633c0c04e40adbce6c67e37ad156e.png
[125e1386badb42ca947a25c9e07ca3e5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/a62f91d305eb480c86e70350888d7e81.png
[9046ac6069ed419785034a5d0a854ec0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f90a3f5dc30143ab894d8f95d1e24bbd.png
[8d89dad5f84743dbacf49160e6173c75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/608b98e3d69440619b623fe080b5ac9b.png
[19665dd2b1394e4880db60dfe3470911.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/1407661e15e9439fa1d0cc9446c7c33b.png
[50cc26f2d17949f6a44a57ecba00093a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/60e1fee45dc94765b4f9f60b9b3f224a.png