vue+springboot用户注销功能实现代码
作者:檀玥
这篇文章主要介绍了vue+springboot用户注销功能,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
vue文件前端
<el-button type="warning" plain @click="handleDeletion">注 销</el-button>
// 注销 const handleDeletion = (userName) => { ElMessageBox.confirm('注销该用户所有信息后无法恢复,您确认注销吗?', '注销确认', { type: 'warning' }).then(() => { const userName = data.form.username; request.delete('http://localhost:9090/peoples/deletePeople/' + userName).then(res => { if (res.code === '200') { ElMessage.success("操作成功") router.push('/login') } else { ElMessage.error(res.msg) } }) }).catch(res => { console.error('Delete request failed'); }) }
springboot后台
controller
/** * 注销 * @param userName */ @DeleteMapping("/deletePeople/{userName}") public Result deletePeople(@PathVariable String userName){ peopleService.deletePeopleByUsername(userName); return Result.success(); }
其中Result是写的一个公共方法
code是等于200(请求成功)还是500(请求失败)
mapper
//批量删除 @Delete("delete from people where id in (#{id})") void deleteBatch(List<Integer> id);
service
/** * 根据用户名删除用户 */ public void deletePeopleByUsername(String username) { peoplesMapper.deleteByUsername(username); }
到此这篇关于vue+springboot用户注销功能的文章就介绍到这了,更多相关vue springboot用户注销内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
- 详解springboot springsecuroty中的注销和权限控制问题
- SpringBoot使用Spring Security实现登录注销功能
- SpringBoot--- SpringSecurity进行注销权限控制的配置方法
- Vue+springboot批量删除功能实现代码
- springboot和vue前后端交互的实现示例
- SpringBoot3结合Vue3实现用户登录功能
- 基于SpringBoot和Vue3的博客平台的用户注册与登录功能实现
- SpringBoot和Vue.js实现的前后端分离的用户权限管理系统
- 详解SpringBoot项目整合Vue做一个完整的用户注册功能
- Vue结合Springboot实现用户列表单页面(前后端分离)