问题标签 [bpmn.io]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
248 浏览

javascript - 在 bmpnjs 中动态添加 svg

我正在使用 Bpmn-JS 查看器库来显示 BPMN 2.0,我只需要查看器(我不需要编辑器)。我有一个要绘制的 XML。

我想在任务中动态添加带有数字的气球(我从与每个任务相关的 API 中获取数字)

如何动态绘制这些气球?我可以用图书馆做吗?

例子:

在此处输入图像描述

0 投票
1 回答
591 浏览

bpmn - Camunda 使用任务变量返回不正确的任务列表

我有一个用例,我使用 BPMN 并行多实例任务在提交表单后创建多个任务。多实例任务正在创建具有变量值的单个任务。我还可以看到元素变量值被添加到所有任务中。

在此处输入图像描述

我正在使用 REST API 开始这个过程。我的 api 请求正文是

{ "businessKey":"1", "messageName": "start", "processVariables" : { "var1" : {"value" : "1", "type": "string"}, "var2": {"value" : "[\"1\",\"2\",\"3\"]", "type": "Object", "valueInfo" : { "objectTypeName": "java.util.ArrayList", "serializationDataFormat": "application/json" } } } }

但是,当我尝试使用任务变量查询任务列表时,api 返回空响应。我已经检查了 Camunda 任务列表页面以及 API engine-rest/task/{taskId}/variables。

我尝试使用 GET 和 POST 任务列表选项查询任务列表。

如果任务变量存在,为什么 api 不根据任务变量名称返回任务?

0 投票
1 回答
281 浏览

typescript - 在Vue(打字稿)中指定数据值的类型

我仍然迷失在试图指定某种类型的数据属性的 Vue (3) + Typescript 中。我添加了一个.d.ts文件,但无济于事。我正在尝试这个:

这导致:

如果我 在事情中定义Modeler实例就可以了:methods

我已将模块声明为bpmnjs.d.ts

知道我在这里做错了什么吗?

0 投票
0 回答
118 浏览

javascript - 无法在 Angular 项目中使用 bpmn.js、bpmn-viewer.js、differ.js 和 change-handler.js 文件

克隆了 BPMN 差异项目(链接)。这里使用的 JS 文件是 NodeJs 环境的。因此,在 Angular 项目中添加这些会产生类似 - 的错误Uncaught ReferenceError: require is not defined。除此之外,这些文件中还有其他库被调用,这些库也返回错误。例如 - require('bpmn-js/lib/features/movecanvas')

需要找到js在 Angular 项目中使用这些文件的解决方案,并重用文件中编写的功能app.js来检查两个 BPMN 工作流中的差异。

0 投票
1 回答
258 浏览

javascript - 嵌入式 BPMN 编辑器需要一个带有 django 的工作下载按钮

目前我有一个 HTML 页面,它通过https://bpmn.io/嵌入了一个BPMN 建模器。他们的工作方式是我的媒体目录中有一个空的 .bpmn 文件,每次我访问我的页面时,它都会加载空的 .bpmn 文件,用户可以从那里自由地建模他自己的图表。

现在我希望用户能够下载他在页面上创建的 .bpmn 文件。

我以前从未使用过 JS 和 Django。我真的不知道如何将修改后的 .bpmn 图传回我的 django view downlad 函数。

让我展示一下我到目前为止的代码,从 bpmn.io 脚本开始,它使用户能够使用图表(modeler.html):

以及 this(views.py) 的所属视图函数:

下载按钮(modeler.html):

TLDR:有没有办法将我的 bpmn 图传回 django,这样我就可以创建一个视图函数,使用户能够下载他的图?

0 投票
1 回答
82 浏览

jbpm - BPMN 测试设计器

我有一堆使用 Camunda 的 BPMN 流程。我想知道我是否可以使用建模器为那些 BPMN 文件设计一些测试场景。

我知道 Camunda 和其他 BPMN 引擎具有一些使用 Java 或其他语言编写测试的功能。但是我想知道我作为一个没有任何编程经验的BPMN设计师是否可以像我设计BPMN本身的方式一样设计我的测试场景(无需使用建模器编写代码)。

这个问题不仅限于Camunda。我想知道是否有任何其他 BPMN 引擎,如 jBPM 或 Activiti 具有这样的功能。

0 投票
1 回答
106 浏览

node.js - 使用 Mocha 测试 Node.js 应用程序,包括依赖项中的 ES6 模块

我想用Mocha (v8.2.1) 测试我的简单Node.js (v14.15.4) 应用程序。我还包括Babel以在我的代码中编译 ES6 模块。

特别是,我使用"@babel/core" (v7.12.10),"babel/register" (v7.12.10)将编译器与 mocha 一起使用,并 "@babel/preset-env" (v7.12.11)用于 ES6 模块支持。

一切正常,直到我在我的代码中包含一个外部依赖项。就我而言,我想使用bpmn-js (v8.2.0)它本身已准备好与 ES6 模块一起使用(https://bpmn.io/blog/posts/2018-migrating-to-es-modules.html)。

我的项目结构如下:

文件如下所示:

包.json

babel.config.json

index.js

bpmn/index.js

index.test.js

如前所述,运行时一切正常npm run test但是,如果我在bpmn/index.js文件的第 1 行中包含注释,则会出现以下错误。似乎 babel 编译了我的本地项目文件,但忽略了外部依赖项,即bpmn-js在这种情况下

0 投票
1 回答
258 浏览

bpmn.io - 如何搭建BPMN.io开发环境?

我想使用 BPMN.io 库来创建 BPMN 建模元素的修改。

如何使用文件夹和设置开发环境bpmn-js,以便我可以修改任何源文件?bpmn-moddlediagram-js

请联系gwagner57@googlemail.com,如果您可以作为有偿工作为我做这件事。

0 投票
1 回答
247 浏览

bpmn - 如何在 bpmn-js 中指定 XML 元素名称

如果我像这样用 bpmn-js 定义一个 moddle 文件

然后生成的 XML(当我调用 saveXML 时)将有一个名为 的元素thisArgument,尽管名称是“argument”。首先,这是一个错误吗?如果不是,我如何控制输出以使 XML 包含argument而不是thisArgument?我搜索了文档和示例,但找不到如何执行此操作。

我发现的唯一解决方法是制作它type: "argument",然后argument使用超类定义thisArgument并且没有额外的属性(基本上是制作别名)。但是,这仅在 的所有实例argument都相同的情况下才有效。例如。如果需要 XML

如果 A 中的参数与 B 中的参数具有不同的形状,那么就会出现冲突,因为我不能定义argument两次。

0 投票
0 回答
227 浏览

bpmn.io - BPMN-JS:如何添加自定义事件定义?

我正在尝试创建自定义事件定义,但找不到一个很好的示例。我尝试按照 GitHub 页面上的文档添加自定义形状/元素,但这只是一个可以直接从调色板而不是事件定义中绘制的形状。

我将自定义事件定义添加到 ReplaceOptions.js 文件中:

这会导致以下结果: 自定义事件

我以与自定义形状教程中相同的方式添加类型,但是当我单击自定义事件定义时仍然出现未知类型错误。谁能帮我创建自定义事件定义或指向正确的文档?