SpringBoot+Vue+Flowable，模拟一个请假审批流程

@Servicepublic class AskForLeaveService {    @Autowired    TaskService taskService;    public RespBean leaveList(String identity) {        List tasks = taskService.createTaskQuery().taskCandidateGroup(identity).list();        List> list = new ArrayList<>();        for (int i = 0; i < tasks.size(); i++) {            Task task = tasks.get(i);            Map variables = taskService.getVariables(task.getId());            variables.put("id", task.getId());            list.add(variables);        }        return RespBean.ok("加载成功", list);    }}

Task 就是流程中要做的每一件事情，我们首先通过 TaskService，查询出来这个用户需要处理的任务，例如前端前传来的是 managers，那么这里就是查询所有需要由 managers 用户组处理的任务。N50拜客生活常识网

这段代码要结合流程图一起来理解，小伙伴们回顾下我们流程图中有如下一句：N50拜客生活常识网

这意思就是说这个 userTask 是由 managers 这个组中的用户来处理，所以上面 Java 代码中的查询就是查询 managers 这个组中的用户需要审批的任务。N50拜客生活常识网

我们将所有需要审批的任务查询出来后，通过 taskId 可以进一步查询到这个任务中当时传入的各种变量，我们将这些数据封装成一个对象，并最终返回到前端。N50拜客生活常识网

最后，我们再来看下前端页面：N50拜客生活常识网

                                            请选择你的身份：                                                            刷新一下                                                                        

大家看到，首先有一个下拉框，我们在这个下拉框中来选择用户的身份。选择完成后，触发 initTasks 方法，然后在这个方法中，发起网络请求，最终将请求结果渲染出来。N50拜客生活常识网

最终效果如下：N50拜客生活常识网

N50拜客生活常识网

当然用户也可以点击刷新按钮，刷新列表。N50拜客生活常识网

这样，当第五小节中，员工提交了一个请假审批之后，我们在这个列表中就可以查看到员工提交的请假审批了（在流程图中，我们直接设置了用户的请假审批固定提交给 managers，在后续的文章中，松哥会教大家如何把这个提交的目标用户变成一个动态的）。

相关阅读: