04.flowable 流程的模板的图片和xml显示

最新推荐文章于 2025-04-25 08:22:51 发布

原创最新推荐文章于 2025-04-25 08:22:51 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flowable #flowable企业级

Flowable基础专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何使用Flowable工作流引擎通过API加载XML文件并将其转换为图片格式。首先，演示了如何根据模型ID加载XML代码，然后展示了如何将此XML代码转换为可视化的流程图图片。

项目地址：https://gitee.com/lwj/flowable.git 分支flowable-base
视频讲解地址
https://space.bilibili.com/485524575/channel/detail?cid=94579
1、演示
在这里插入图片描述

2、查看xml代码

public void loadXmlByModelId(@PathVariable String modelId, HttpServletResponse response) {
        try {
            Model model = modelService.getModel(modelId);
            byte[] b = modelService.getBpmnXML(model);
            response.setHeader("Content-type", "text/xml;charset=UTF-8");
            response.getOutputStream().write(b);
        } catch (Exception e) {
            LOGGER.error("ApiFlowableModelResource-loadXmlByModelId:" + e);
            e.printStackTrace();
        }
    }

3、查看图片

public void loadPngByModelId(@PathVariable String modelId, HttpServletResponse response) {
        Model model = modelService.getModel(modelId);
        BpmnModel bpmnModel = modelService.getBpmnModel(model, new HashMap<>(), new HashMap<>());
        InputStream is = flowProcessDiagramGenerator.generateDiagram(bpmnModel);
        try {
            response.setHeader("Content-Type", "image/png");
            byte[] b = new byte[1024];
            int len;
            while ((len = is.read(b, 0, 1024)) != -1) {
                response.getOutputStream().write(b, 0, len);
            }
        } catch (Exception e) {
            LOGGER.error("ApiFlowableModelResource-loadPngByModelId:" + e);
            e.printStackTrace();
        }
    }