git 地址

https://gitee.com/xiongyan123/ruoyi-mp
到时候下载后 把 script 的 ry-vue 表导入数据库
把导入到本地 然后在配置mysql 连接消息

本项目基于学习
链接: https://gitee.com/JavaLionLi/RuoYi-Vue-Plus

下面是实现过程

新建用户模块

查看代码结构，代码是分结构的，我们模仿一下新建一个service模块

过程: 点击RuoYi -Vue -Plus -> new ->Module

点击maven 在 右下角选择 next

点击 finish,新建了service 模块,然后在 service的 pom.xml 导入

<dependencies>
    <dependency>
        <groupId>com.ruoyi</groupId>
        <artifactId>ruoyi-common</artifactId>
    </dependency>
</dependencies>

在最外层pom.xml 把 service 导入

<dependency>
    <groupId>com.ruoyi</groupId>
    <artifactId>service</artifactId>
    <version>${ruoyi-vue-plus.version}</version>
</dependency>

最后在 ruo-admin的 xml 把 service依赖导入 ，成功

<dependency>
    <groupId>com.ruoyi</groupId>
    <artifactId>service</artifactId>
</dependency>

代码生成：
用 vs -code npm run dev 跑起来前端代码

1.导入 mysql 用户表
在 文件夹内 有mysql文件把f-user导入 ry-vue 数据库

2.点击前端网页代码生成按钮

点击导入按钮

选中 f_user 表

点击 编辑按钮

路径为 com.ruoyi.core
模块名为 core

字段消息为

Sex 选中 字典类型 为 用户性别
Avatar 选择 为 图片上传 图片上传
点击 提交后 点击 生成代码为 zip 包，将其 解压 提供了 3个 文件

userMenu 到 mysql 表 执行一边

在后端 service 的 目录下 新建 src 目录

将 mian 文件 拖入 进去后

点击 代码 的 maven 旋转 按钮 刷新依赖

前端代码 配置

将其导入到 前端 api 文件 下 和 views 文件下 然后 npm run dev
跑起项目

在 菜单 管理 新建目录

然后将 系统工具菜单里面的 普通用户放到 用户管理目录下 ，完成前端代码导入

用户代码分析

我在 service 目录下 新建 IndexController
三个方法 登录 ，注册 ，测试

public class IndexController {


    @Autowired
    private IFUserService ifUserService;



    @Anonymous
    @PostMapping("/login")
    public R<Map<String, Object>> login(@Validated @RequestBody LoginBody loginBody) {
        Map<String, Object> ajax = new HashMap<>();
        // 生成令牌
        String token = ifUserService.login(loginBody.getUsername(), loginBody.getPassword());
        ajax.put(Constants.TOKEN, token);
        return R.ok(ajax);
    }


    /**
     * 用户注册
     */
    @Anonymous
    @PostMapping("/register")
    public R<Void> register(@Validated @RequestBody RegisterBody user) {
        ifUserService.register(user);
        return R.ok();
    }


    @GetMapping("/hello")
    public R<LoginUser> hello() {
        LoginUser loginUser = LoginHelper.getLoginUser();
        return R.ok(loginUser);
    }

}

登录方法是 用 st-toekn 框架 登录生成 token

注册模仿的是 后台用户登录

@Override
public void register(RegisterBody registerBody) {
    HttpServletRequest request = ServletUtils.getRequest();
    String username = registerBody.getUsername();
    String password = registerBody.getPassword();
    // 校验用户类型是否存在
    String userType = UserType.getUserType(registerBody.getUserType()).getUserType();


    if(this.checkUserNameUnique(username))
    {
        throw new UserException("user.register.save.error", username);
    }


    FUser fUser = new FUser();
    fUser.setNickname(username);

    fUser.setPassword(BCrypt.hashpw(password));

    int regFlag = this.baseMapper.insert(fUser);
    if (regFlag !=1 ) {
        throw new UserException("user.register.error");
    }
    asyncService.recordLogininfor(username, Constants.REGISTER, MessageUtils.message("Fuser.register.success"), request);
}

Postman 测试
请求地址 ： http://localhost:8080/core/userindex/register

Body 选择 raw json 格式

{
    "username":"xiassoming",
    "password":"X123456",
    "code":"123",
    "uuid":"123456",
    "userType":"app_user"

}

点击发送

在请求登录 接口
http://localhost:8080/core/userindex/login

得到 认证 token
测试 接口
http://localhost:8080/core/userindex/hello
在 请求头 加上 token

加上 key 为 Authorization value 为 Bearer 加上 上次接口 的 token 值，成功

明天更新其他模块