下一客:MySQL学习教程(超详细步骤)
若依框架是一款非常便捷的框架,他相对于spring boot框架而言,显得更为简单,更为便捷,比如:我们在若依框架中再也不用写分页了,它会在AjaxResult中自动生成,而我们只需要继承就可以了,接下来我就来为大家演示一遍如何使用若依框架写出一套完整的增删改查,实现增删改查功能。
一、使用若依框架代码生成工具完成单表增删改查
接上篇:使用若依框架RuoYi前后端分离版,今天我们继续学习,以宿舍管理系统为例的增删改查。
1.1新建数据表
首先我们在新建的数据库中建一张表 a_hydrothermal。
a_hydrothermal(水热表)
1.2启动若依前后端分离版(详细步骤见上篇:使用若依框架RuoYi前后端分离版)
点击IDEA顶部RuoYiApplication旁边的绿色三角标,启动若依后端。在点击RuoYiApplication旁边的下拉三角标,选择dev,然后点击dev旁边的绿色三角标,启动若依前端。
注:
别忘了启动Redis,ruoyi的默认端口是8080,看看端口是否被占用,否则前端页面报系统接口404异常,后端控制台报错:Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port.。
1.3使用代码生成工具完成单表增删改查
1.若依系统启动成功之后,点击系统工具→代码生成→导入→选择新建好的数据表。
2.选择新建的表,点击确定。
3.在RuoYi-Vue项目中新建模块,一定记住新建maven工程。
4.点击RuoYi-Vue项目的pom.xml文件,进行模块配置,配置完成点击刷新图标,刷新maven。
5.点击ruoyi-admin模块中的pom.xml文件进行配置,否则ruoyi-blog模块中的controller文件报错。
6.编辑代码生成工具。点击系统工具→代码生成→编辑→生成信息。将生成包路径和生成模块名进行修改,修改成自己新建模块名及包名。这包名必须是com.ruoyi。
7.导入成功,点击生成代码。
8.将下载好的代码压缩包文件拽入本地磁盘若依项目代码文件下匹配的目录当中。
然后打开IDEA,等待依赖下载完即可。生成的代码中Mapper.xml文件可能会报错,解决方法如下图:
parameterType=" " 属性也换成domain路径,忘在图片里写了,或者直接删除。
将vue中hydrothermal.js文件复制到ruoyi-ui文件中的api文件夹下。
在views文件夹中新建的dormitory文件夹,将vue中index.vue文件复制到新建的dormitory文件夹中。
注意:index.vue文件中引入的文件路径,要和api文件下的hydrothermal.js路径一致。
1.4配置菜单
1.配置目录(一级菜单):点击系统管理→菜单管理→新增→目录,如下图操作。
2.配置菜单(二级菜单):点击系统管理→菜单管理→点击宿舍管理100→点击新增→点击菜单,如下图操作。菜单配置完成别忘及刷新浏览器
1.5重新启动若依项目前后端
1.前端启动成功。
2.后端启动成功。
3.若依系统宿管模块100下的水热系统页面的新增,删除,修改,查询功能全部实现了。
总结几个注意点:
1.在若依项目中,新建的模块一定要是maven工程。
2.在若依项目中,新建的模块的包名一定叫com.ruoyi,否则识别不到。
如果大家有什么问题,欢迎评论区留言,我们一起解决,一起学习!欢迎大家评论区留言!
博主其它的学习资料:使用若依框架RuoYi前后端分离版(超详细步骤)、java注解大全,希望能帮助到大家!
拿走不谢,留个关注呗,最好在点个赞! 😊