文章目录
-
- SpringBoot+Vue前后端分离项目中实现删除用户功能
-
- 需求
- 给删除图标添加一个单击事件
- UserList.vue组件的deleteUser方法
- SpringBoot后端控制器中接收deleteuser请求的方法deleteUser
- UserDao动态代理接口中的deleteUser方法
- UserDao.xml映射文件中对应的sql语句
- UserList.vue组件中的getUserList方法
- UserList.vue组件中的分页数据
- SpringBoot后端控制器中接收pageuser请求的方法getUserList
- 动态代理接口UserDao中的getAllUser方法
- UserDao.xml映射文件中的sql语句
- deleteUser方法中执行完getUserList方法之后,会把查询到的分页数据重新渲染到UserList.vue组件显示用户信息的表格中
- 测试
SpringBoot+Vue前后端分离项目中实现删除用户功能
需求
点击删除用户图标,会跳出一个对话框,询问你是否删除,如果你确认删除,系统会重新刷新此页面的数据。
给删除图标添加一个单击事件
如下图:
UserList.vue组件的deleteUser方法
deleteUser方法中干的事情:
1.加一个判断对话框
2.向后端发送一个删除用户的请求
3.刷新页面
deleteUser方法的内容如下图:
SpringBoot后端控制器中接收deleteuser请求的方法deleteUser
d