文章摘要

松哥正在录制TienChin项目视频教程，涉及Spring Boot和Vue3技术栈。这个项目会用到工作流引擎Flowable，为了帮助理解，将发布多篇文章讲解Flowable的使用。松哥先简单写了一个请假流程案例，便于小伙伴们直观了解Flowable的基本知识。

效果展示

请假流程示例中，员工可以提交请假申请，经理登录后可以批准或拒绝。目前该案例简化处理，没有引入用户和角色概念，涉及用户名处需手动输入。后续文章将结合Spring Security展示用户相关功能。

工程创建

创建Spring Boot项目，引入Web和MySQL依赖，再添加Flowable依赖。配置数据库连接后，项目启动时会自动创建所需表和数据。Spring Boot会自动配置和暴露Flowable相关的Bean，如RuntimeService、TaskService等。流程定义文件放在resources/processes目录下可自动部署。

流程图分析

请假流程图包含启动事件、用户任务、排他网关等元素。流程图对应的XML文件定义了流程的具体步骤和节点。尽管XML文件可能看起来复杂，但仔细阅读后会发现它其实很简单。

请假申请

服务端接口接收请假参数，通过AskForLeaveService开启流程实例。前端页面使用Vue3、ElementUI和Axios来提交请假申请。流程提交后，可以通过任务展示接口查看当前待审批流程。

任务展示

用户提交的请假流程会展示在列表中，供经理审批。用户可以选择自己的身份来查看待操作的流程。前端页面提供身份选择和任务列表展示。

请假审批

经理可以批准或拒绝请假请求。审批逻辑在服务端处理，包括自定义的批准和拒绝操作。前端页面允许经理进行审批操作，并通过Ajax请求提交到后端。

结果查询

用户可以查询自己的请假记录。服务端提供历史记录查询接口，返回已完成的流程实例信息。前端页面展示查询结果。

小结

文章通过一个请假流程案例，展示了Flowable工作流引擎的基本使用方法。完整的Flowable教程会在TienChin项目视频中展示。