0

有人可以指导我实际开始这样一个例子的正确方法..吗？我习惯于开发 ASP.NET 项目，需要创建一个具有自定义属性的 bpmn 建模器。所以我找到了 BPMN.IO，https: //bpmn.io/，它（我认为）可以为我提供这样的建模器和使用自定义属性的机会。

网站上有很多示例，但不知何故我无法正确启动其中一个。例如：https ://github.com/bpmn-io/bpmn-js-examples/tree/master/properties-panel

我需要采取哪些步骤才能使其在 VS2017 中正常工作？我不熟悉在此示例中看到的结构。

任何帮助表示赞赏。

4

1 回答 1

1

  1. 你必须开始在你的项目中使用 node.js——一旦安装，你将在你的项目中获得 node_modules 文件夹

  2. 从 bpmn.io 下载属性面板示例。node_modules 中还有 4 个额外的文件夹——bpmn-font、bpmn-js、bpmn-js-properties-panel、bpmn-moddle。

  3. 现在，作为项目的一部分，您应该拥有示例中的其他文件夹——bundling、css、modeler、properties-panel 和 properties-panel-extension。我将我的文件夹命名为“BPMN”（在第 4 步中使用）

  4. 编写您的 browersify 命令以获取第 3 部分中的文件并将它们组合到 BPMN_PropertiesPanel.js 文件中。此脚本需要包含在您的页面中。我的是：

browserify BPMN/properties-panel-extension/app/index.js -t [ stringify --extensions [ .bpmn ] -g [ babelify --presets [ "env" ] ] -o ToolLibraries/BPMN/BPMN_PropertiesPanel.js

  1. 要将 app.less 更改为 app.css 文件，您也需要一个命令行来执行此操作。我的是：

lessc BPMN/properties-panel-extension/css/app.less BPMN/properties-panel-extension/css/app.css

  1. 要添加自定义属性，请修改“MagicPropertiesProvider.js”

  2. 要在属性面板上添加自定义选项卡，请修改“SpellProps.js”。您的 browserify 命令将收集这些更改并将它们输出到您的脚本中。

  3. 如果您需要将图表存储在 SQL Server 中，我推荐使用 varchar。起初我使用 XML，但我无法让它工作。也许你会比我有更多的运气。

PS——建模器仍然存在与浏览器相关的问题，它可能会在 IE 中引发 js 错误（Chrome、FF，似乎还可以）。它仍然是我能找到的最好的图表，并且输出 XML 是正确的。

于 2018-10-25T22:33:59.090 回答