若依框架实现增删改查(全栈篇)

小研说技术
141 阅读1分钟

步骤一：启动服务

后端

jdk版本为8

image.png

需要启动redis一劳永逸： "在redis中创建文件,首先创建start.txt,输入以下内容： 文件格式改为.bat即可"redis-server.exe redis.windows.conf

image.png 一键启动 image.png idea启动ruoyi-vue

目前idea版本为2024.2，需要资料的可以加入技术群获取！

image.png

image.png

前端 vscode打开RUOYI-UI文件夹

image.png 由于后端服务端口有更改，前端文件vue.config.js配置也要变化

image.png 安装依赖包

npm install或npm i

image.png 启动

npm run dev

image.png

步骤二：创建业务表

此次演示student表为例，可以根据业务需求自定义哈

打开Navicat

image.png 进入对应的数据库，如ry_vue

image.png 添加字段

image.png

image.png

image.png

image.png

image.png

步骤三：代码一键生成

image.png

此时点击导入，可以看见刚才创建好的业务表

image.png

此时表格中已有一条student的记录

image.png 解压文件

image.png

image.png

步骤四：执行SQL

image.png

验证

image.png

步骤五：拷贝代码

后端

Controller层文件

image.png

Entity层文件

image.png

mapper层文件

image.png

service层文件

image.png

xml文件

image.png 一键重启服务

image.png 启动成功

image.png

前端

api接口文件

image.png 页面文件

image.png 自动编译，无需手动重启

image.png

步骤六：使用

image.png 移下位置，与用户管理同级

image.png 验证

image.png

步骤七：CRUD

目前表中无数据

image.png

image.png 验证

image.png

其他操作同理，此次就不演示了，相信各位的实力！

至此，若依框架实现增删改查到此结束啦。

本人正在打造技术交流群，欢迎志同道合的朋友一起探讨，一起努力，通过自己的努力，在技术岗位这条道路上走得更远。QQ群号：925317809 备注：技术交流 即可通过！

avatar
文章
阅读
粉丝