前言

感谢大家阅读本项目系列文章和对项目的支持。
分享一下我对这个项目的新的改进。

之前项目做到了流程设计可视化流程运行结果可视化

本期发布的版本中实现了中间的运行过程的实时可视化,和流程状态持久化问题。

大家可以根据项目提供的接口自由扩展自己的工作流实现。
和大家分享一下:

流程状态实时可视化

首先看效果:

1. 不需要交互的自动化流程

点击预定按钮,自动完成预定的流程。

2. 需要交互的向导式流程

每点击一个按钮,流程向前走一步。

实现方式

工程基于SpringBoot实现,代码发布到下面的地址,大家可以自己酌情引用修改:

https://github.com/nobuglady/ladybugflow-ui

在ladybugFlow中,有一个接口,FlowUtil.dumpJson()
调用这个接口,可以实时的得到流程的状态的Json字符串,然后在页面上用得到Json来生成流程图即可。

对于【1. 不需要交互的自动化流程】,我们只需要启动流程后不停的拿到流程状态的Json即可完成实时可视化的效果。

流程启动代码:

@Service
public class Demo1Service { @Autowired
private Demo1Flow demo1Flow; /**
* 启动流程
*/
public void bookingHotel(String username) {
demo1Flow.startFlow(true, username);
}
}

对于【2. 需要交互的向导式流程】,流程运行到等待节点即进入等待状态。
这是需要外部运行节点,并将节点运行结果传给等待的节点,来唤醒该等待节点。

流程启动&节点状态更新代码:


@Service
public class Demo2Service { @Autowired
private Demo2Flow demo2Flow; /**
* 启动流程
*/
public String start(String username) {
return demo2Flow.startFlow(false, username);
} /**
* 根据流程ID,节点ID和启动实例ID更新节点状态(点击【查询用户信息】结束后调用)
*/
public void searchUser(String historyId) {
FlowComponentFactory.getCompleteQueueSender().putCompleteNode(
"FLOW_2",
historyId,
"a1a38c2e-0e05-4c68-bd49-f12aea070876", // 节点ID【查询用户信息】
NodeStatusDetail.COMPLETE_SUCCESS,
"0");
} /**
* 根据流程ID,节点ID和启动实例ID更新节点状态(点击【查询酒店信息】结束后调用)
*/
public void searchHotel(String historyId) {
FlowComponentFactory.getCompleteQueueSender().putCompleteNode(
"FLOW_2",
historyId,
"1a90a997-4390-470a-ae7c-626a725438d2",// 节点ID【查询酒店信息】
NodeStatusDetail.COMPLETE_SUCCESS,
"0");
} /**
* 根据流程ID,节点ID和启动实例ID更新节点状态(点击【下单】结束后调用)
*/
public void order(String historyId) {
FlowComponentFactory.getCompleteQueueSender().putCompleteNode(
"FLOW_2",
historyId,
"52289e99-363d-4453-8077-ca8bdc6d35bf",// 节点ID【下单】
NodeStatusDetail.COMPLETE_SUCCESS,
"0");
} /**
* 根据流程ID,节点ID和启动实例ID更新节点状态(点击【下单成功】结束后调用)
*/
public void success(String historyId) {
FlowComponentFactory.getCompleteQueueSender().putCompleteNode(
"FLOW_2",
historyId,
"16422cbb-ccb0-4fe2-952b-e3ad5c3acbb2",// 节点ID【下单成功】
NodeStatusDetail.COMPLETE_SUCCESS,
"0");
}
}

工作流的持久化方式设计

1. 工作流结构的持久化

ladybugflow用Json文件来做工作流结构的持久化。

工作流Json文件包括:流程信息,节点信息和边信息

ladybugflow提供了图形界面,可以用拖拽方式来完成工作流的设计和Json文件的生成。

2. 工作流状态的持久化

对于工作流状态的保存,我们默认提供了内存中保存的方式。
大家可以根据自己需要,选择数据库存储,文件存储,Redis,MogoDB存储等。

系统用三个实体来保存工作流的状态:

・流程历史实体
・节点历史实体
・边历史实体

和一个接口来描述对上述实体的操作:

io.github.nobuglady.network.fw.component.IFlowAccessor

大家只要实现上面的接口中的方法,即可以完成对工作流状态的保存。

比如存到数据库中,或者存到Redis中等。

对于自定义的持久化类,需要再ladybug.properties中做如下配置

flow.accessor = 你的持久化类全路径

下面我们以mysql为例,介绍数据操作接口的实现方式。

流程状态持久化实现(MySql)

接下来我们介绍mysql作为持久化的实现方式。

首先,需要做成实体对应的相关表,如下。

・流程历史表
・节点历史表
・边历史表

对应的SQL文件参考这里

https://github.com/nobuglady/ladybugflow-ui/blob/main/db/script.sql

然后,我们用sql的方式实现每个接口的方法。

我们针对每个表做一个Dao,实现针对表的操作

具体实现请参考这里:

https://github.com/nobuglady/ladybugflow-ui/tree/main/src/main/java/io/github/nobuglady/network/ui/dao

最后我们将Dao集成到SpringBoot中,即完成了流程状态的持久化。

	private HistoryFlowDao historyFlowDao;
private HistoryNodeDao historyNodeDao;
private HistoryEdgeDao historyEdgeDao; public FlowAccessor() {
historyFlowDao = SpringContextBridge.getInstance().getHistoryFlowDao();
historyNodeDao = SpringContextBridge.getInstance().getHistoryNodeDao();
historyEdgeDao = SpringContextBridge.getInstance().getHistoryEdgeDao();
}

运行效果如下,可以看到系统已经通过发SQL的方式进行持久化查询与更新。

[I]2022/08/25 17:17:46.015 [your flow id][5bc43da8-7b11-4746-b886-31fd1c1bf754] pool-1-thread-2:execute node id:16422cbb-ccb0-4fe2-952b-e3ad5c3acbb2
[I]2022/08/25 17:17:46.015 [your flow id][5bc43da8-7b11-4746-b886-31fd1c1bf754] pool-1-thread-2:execute node name:下单成功
下单成功开始 (模拟业务等待3秒)
下单成功结束
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Preparing: SELECT * FROM history_node WHERE flow_id = ? and node_id = ? and history_id = ?
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Parameters: your flow id(String), 16422cbb-ccb0-4fe2-952b-e3ad5c3acbb2(String), 5bc43da8-7b11-4746-b886-31fd1c1bf754(String)
2022/08/25 17:17:49 DEBUG [Thread-4] - <== Total: 1
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Preparing: update history_node set node_status = ?, node_status_detail = ?, update_user = ?, update_time = now() where flow_id = ? and history_id = ? and node_id = ?
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Parameters: 22(Integer), 1(Integer), testUser(String), your flow id(String), 5bc43da8-7b11-4746-b886-31fd1c1bf754(String), 16422cbb-ccb0-4fe2-952b-e3ad5c3acbb2(String)
2022/08/25 17:17:49 DEBUG [Thread-4] - <== Updates: 1
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Preparing: update history_node set node_status = ?, update_user = ?, update_time = now() where flow_id = ? and history_id = ? and node_id = ?
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Parameters: 100(Integer), testUser(String), your flow id(String), 5bc43da8-7b11-4746-b886-31fd1c1bf754(String), 16422cbb-ccb0-4fe2-952b-e3ad5c3acbb2(String)
2022/08/25 17:17:49 DEBUG [Thread-4] - <== Updates: 1
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Preparing: SELECT * FROM history_edge WHERE flow_id = ? and history_id = ?
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Parameters: your flow id(String), 5bc43da8-7b11-4746-b886-31fd1c1bf754(String)
2022/08/25 17:17:49 DEBUG [Thread-4] - <== Total: 6
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Preparing: SELECT * FROM history_node WHERE flow_id = ? and history_id = ?
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Parameters: your flow id(String), 5bc43da8-7b11-4746-b886-31fd1c1bf754(String)
2022/08/25 17:17:49 DEBUG [Thread-4] - <== Total: 5
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Preparing: SELECT * FROM history_flow WHERE flow_id = ? and history_id = ?
2022/08/25 17:17:49 DEBUG [Thread-4] - ==> Parameters: your flow id(String), 5bc43da8-7b11-4746-b886-31fd1c1bf754(String)
2022/08/25 17:17:49 DEBUG [Thread-4] - <== Total: 1

大家可以根据自己的需要自由的扩展持久化的方式。

小型工作流的使用

对于工作流在业务系统中的使用,我们建议增加一个Flow层来处理工作流,如下:

Service层调用Flow层来实现工作流的启动,如下所示:

@Service
public class Demo1Service { @Autowired
private Demo1Flow demo1Flow; public void bookingHotel(String username) {
// 启动流程
demo1Flow.startFlow(true, username);
}
}

工作流的设计

首先需要在我们提供的工具中设计工作流。

然后点击【update json】按钮生成json文件。

然后将生成的Json文件放入Flow层中,并且建立一个同名的Java文件集成自FlowRunner,来提供工作流的启动。

工作流的监控

ladybugflow提供了一个监控工作流的例子,大家可以根据需要自己扩展。

浏览器打开 http://localhost:8080/list

可以显示所有的工作流,点击【detail】链接,即可查看工作流的详细状态。

点击【clear complete】按钮,即可删除所有已经完成的工作流,
点击【clear error】按钮,即可删除所有的运行错误的工作流。

后续会加入权限控制等功能,欢迎大家持续关注本项目。

感谢您阅读到这里

最后

源码:

https://github.com/nobuglady/ladybugflow

https://github.com/nobuglady/ladybugflow-ui

业务流程可视化-让你的流程图"Run"起来(7.运行状态持久化&轻量工作流支持)的更多相关文章

  1. 业务可视化-让你的流程图"Run"起来(2.问题与改进)

    前言 首先,感谢大家对上一篇文章[业务可视化-让你的流程图"Run"起来]的支持. 分享一下近期我对这个项目的一些改进. 问题&改进 问题1: 流程运行开始后,异步执行,无 ...

  2. 业务可视化-让你的流程图"Run"起来(3.分支选择&跨语言分布式运行节点)

    前言 首先,感谢大家对上一篇文章[业务可视化-让你的流程图"Run"起来(2.问题与改进)]的支持. 分享一下近期我对这个项目的一些改进. 1. 增加了分支选择工程,可以根据节点的 ...

  3. 业务可视化-让你的流程图"Run"起来(4.实际业务场景测试)

    前言 首先,感谢大家对上一篇文章[业务可视化-让你的流程图"Run"起来(3.分支选择&跨语言分布式运行节点)]的支持. 下面我以实际业务场景为例,来介绍一下ladybug ...

  4. 业务可视化-让你的流程图"Run"起来(6.定时任务&Spring-Batch的集成)

    前言 首先,感谢大家对上一篇文章[业务可视化-让你的流程图"Run"起来(5.SpringBoot集成&微服务编排)]的支持. 分享一下近期我对这个项目的一些改进. 在项目 ...

  5. 业务可视化-让你的流程图"Run"起来

    前言 最近在研究业务可视化的问题,在日常的工作中,流程图和代码往往是分开管理的. 一个被维护多次的系统,到最后流程图和代码是否匹配这个都很难说. 于是一直有一个想法,让程序直接读流程图,根据流程图的配 ...

  6. FROONT – 超棒的可视化响应式网页设计工具

    FROONT 是一个基于 Web 的设计工具,在浏览器中运行,使得各类可视化设计的人员都能进行响应式的网页设计,即使是那些没有任何编码技能的设计师.FROONT 使得响应式网页设计能够可视化操作,能够 ...

  7. easy-mock介绍

    今天推荐一个好用的前端 mock 工具,Easy Mock,目前由大搜车无线架构团队进行维护,让我觉得特别好用的一点是 它支持 swagger(一个能称为框架的 API 书写工具),并能够基于 Swa ...

  8. 六种 主流ETL 工具的比较(DataPipeline,Kettle,Talend,Informatica,Datax ,Oracle Goldengate)

    六种 主流ETL 工具的比较(DataPipeline,Kettle,Talend,Informatica,Datax ,Oracle Goldengate) 比较维度\产品 DataPipeline ...

  9. 自动化测试工具——JMeter

    Apache JMeter是Apache组织开发的基于Java的压力测试工具.用于对软件做压力测试,它最初被设计用于Web应用测试,但后来扩展到其他测试领域. 它可以用于测试静态和动态资源,例如静态文 ...

随机推荐

  1. 在.NET中计算文件的MD5值

    更新记录 本文迁移自Panda666原博客,原发布时间:2021年7月2日. 直接上代码吧: using System; using System.IO; using System.Security. ...

  2. Linux shell 2>&1的意思

    在脚本里经常看到 ./xxx.sh > /dev/null 2>&1 ./xxx.sh > log.file 2>&1 在shell中输入输出都有对应的文件描述 ...

  3. Tapdata Cloud 版本上新 | 支持通知自配置,支持GP、MQ数据源,界面更友好!

    Tapdata Cloud https://cloud.tapdata.net Tapdata Cloud 是国内首家异构数据库实时同步云平台,目前支持Oracle.MySQL.PG.SQL Serv ...

  4. 腾讯云原生数据库TDSQL-C架构探索和实践

    作为云原生技术先驱,腾讯云数据库内核团队致力于不断提升产品的可用性.可靠性.性能和可扩展性,为用户提供更加极致的体验.为帮助用户了解极致体验背后的关键技术点,本期带来腾讯云数据库专家工程师王鲁俊给大家 ...

  5. 【cartographer_ros】五: 发布和订阅陀螺仪Imu信息

    上一节介绍了里程计Odometry传感数据的订阅和发布. 本节会介绍陀螺仪Imu数据的发布和订阅.陀螺仪在cartographer中主要用于前端位置预估和后端优化. 目录 1:sensor_msgs/ ...

  6. 最强人工智能 OpenAI 极简教程

    大家好哇,新同学都叫我张北海,老同学都叫我老胡,其实是一个人,只是我特别喜欢章北海这个<三体>中的人物,张是错别字. 上个月安利了一波:机器学习自动补全代(hán)码(shù)神器,然后就 ...

  7. HTML及HTTP协议

    web服务的过程: 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 ...

  8. ElementUI嵌套页面及关联增删查改实现

    @ 目录 前言 一.ElementUI如何在原有页面添加另外一个页面并实现关联增删查改? 二.实现步骤 1.ElementUI代码 2.思路:很简单 1.1 首先通过el-row.el-col.el- ...

  9. raspberrypi系统在加入k8s作为node节点时遇到的问题

    新买的树莓派4b到货后就迫不及待的烧录上raspberrypi系统,将新派加入我的k8s集群,期间遇到了点小挫折,好歹也一个一个解决了: 一.kubelet版本不对导致无法加入k8s集群 在执行kub ...

  10. Stream流中的常用方法

    count package com.yang.Test.StreamStudy; import java.util.stream.Stream; /** * 统计荷属:count * 正如旧集合Col ...