RuoYi-Vue-Plus（登录流程）

syfjava

已于 2024-03-27 17:15:30 修改

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： RuoYi-Vue-Plus 学习文章标签： RuoYi-Vue-Plus

于 2024-03-27 17:09:14 首次发布

本文链接：https://blog.youkuaiyun.com/javaxueba/article/details/137068735

RuoYi-Vue-Plus 学习专栏收录该内容

37 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了RuoYi-Vue-Plus的登录流程，包括前端的登录请求，后端接口的四个步骤：验证码校验、用户存在性验证、登录校验及用户信息生成，以及错误次数的处理。前端使用handleLogin方法进行登录，后端在SysLoginController中实现登录逻辑，使用BCrypt进行密码验证，并通过Spring事件处理登录信息记录。

一、前端登录请求

登录按钮：

src\views\login.vue 页面中登录片段，调用了handleLogin 方法，如下：
 @click.native.prevent="handleLogin"

 <el-button
          :loading="loading"
          size="medium"
          type="primary"
          style="width:100%;"
          @click.native.prevent="handleLogin"
        >
          <span v-if="!loading">登 录</span>
          <span v-else>登 录 中...</span>
        </el-button>