Spring Security + Vue + Flowable 怎么玩？

精品视频课程：

• AI 面试官项目实战
• Redis 实战指南
• Spring 源码分析
• TienChin 项目实战
• 搞懂 Spring Security6+OAuth2
• Spring Boot3+Vue3 项目实践

本文介绍如何通过引入Spring Security构建用户系统，以改进Spring Boot+Vue+Flowable在处理请假审批流程中的用户体验。

1. 效果展示

实现了一个请假申请页面，包含三个部分：请假申请表单、当前用户提交的申请列表以及当前用户需要审批的申请列表。通过整合Spring Security，用户无需手动输入姓名，审批人可通过名称或角色指定。

2. 两套用户体系

文章探讨了如何整合工作流中的用户系统与自己的用户体系，提供了两种方法：创建视图匹配Flowable表或使用IdentityService服务同步用户数据。最终选择舍弃Flowable的用户体系，仅使用自己的系统用户体系。

3. 创建用户表

创建了用户表、角色表和用户角色关联表，并展示了用户和角色的数据示例。共有四个用户和两个角色，其中两个用户为经理，两个为组长。

4. 配置系统登录

通过配置Spring Security实现系统登录，并说明了在引入Flowable依赖后需要在application.properties中指定PasswordEncoder。提供了一个实现UserDetails接口的用户类。

摘要： 本文主要介绍了如何通过引入Spring Security来改进Spring Boot+Vue+Flowable应用中的用户体验。作者首先展示了实现的请假申请页面，该页面具备请假申请表单、用户提交申请列表和用户审批列表三个功能区域。引入Spring Security后，用户无需手动输入姓名，审批人可以通过名称或角色直接指定。 接着，讨论了工作流用户体系与应用自有用户体系的整合问题，提供了创建相应视图和利用IdentityService服务同步用户数据两种方法。最终决定仅使用应用自有的用户体系。 文章继续说明了如何创建用户表、角色表和用户角色关联表，并展示了具体的数据样例，包括四个用户和两种角色。最后，介绍了如何配置Spring Security实现系统登录，并提供了实现UserDetails接口的用户类示例，说明了在引入Flowable依赖后需要指定PasswordEncoder的配置。