Vue+SpringBoot+ElementUi+mybatis-plus 实现用户信息的修改及模拟充值-阿里云开发者社区

Vue+SpringBoot+ElementUi+mybatis-plus 实现用户信息的修改及模拟充值

2024-08-16 73

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 这篇文章展示了如何使用Vue结合SpringBoot、ElementUI和mybatis-plus实现用户信息的修改以及模拟充值的功能。文章首先介绍了模拟充值的过程，包括充值前后的账户余额和数据库信息的截图。然后，文章展示了用户信息修改前后的界面和数据库信息。核心代码部分演示了如何使用mybatis-plus轻松实现用户信息的修改操作，同时指出了异常处理和代码组织的最佳实践。

快速实现用户信息的修改、使用mybatis-plus。真的很强、代码量降低一般还要多。记录一波

1、模拟充值

1.1 充值前信息

充值前：账户余额1500。
在这里插入图片描述

数据库
在这里插入图片描述

1.2 充值

模拟充值100
在这里插入图片描述

1.3 充值后信息

在这里插入图片描述
数据库信息

在这里插入图片描述

2、模拟修改信息

2.1 信息修改前

在这里插入图片描述
数据库信息

2.2 信息修改后

在这里插入图片描述

数据库

在这里插入图片描述

3、修改信息的核心代码部分

这里使用到的是mybatis-plus、很容易实现修改操作。这里可以同时修改一个个用户的多个属性信息

这里暂未处理异常、直接在controlelr中进行的操作、应该写到service中

    /**
     * 修改用户信息
     *
     * @param user
     * @return
     */
    @RequestMapping(value = "/user/updateUserInfo", method = RequestMethod.PUT)
    public Result updateUserInfo(@RequestBody User user) {

        if (user == null) {
            return Result.error().data("errMessage", "用户信息为空");
        }

        UpdateWrapper<User> updateUserWrapper = new UpdateWrapper<>();
        updateUserWrapper.like("uid", user.getUid());
        int rs = userMapper.update(user, updateUserWrapper);
        if (rs > 0) {
            //返回修改后的用户信息
            return Result.ok().data("userInfo",user);
        } else {
            return Result.error().data("errMessage", "用户信息修改失败");
        }

    }

Vue+SpringBoot+ElementUi+mybatis-plus 实现用户信息的修改及模拟充值