如何创建 BPMN.io 示例
How to create a BPMN.io Example
有人可以指导我实际开始这样一个例子的正确方法吗..？我习惯于开发 ASP.NET 个项目，需要创建一个具有自定义属性的 bpmn 建模器。于是我找到了BPMN.IO、https://bpmn.io/，这（我认为）可以为我提供这样的建模器和使用自定义属性的机会。
网站上有很多示例，但不知何故我无法正确启动其中一个。例如：https://github.com/bpmn-io/bpmn-js-examples/tree/master/properties-panel
我需要采取哪些步骤才能使其在 VS2017 中运行？我不熟悉我在这个例子中看到的结构。
感谢任何帮助。
您必须开始在您的项目中使用 node.js -- 一旦安装，您将在您的项目中获得 node_modules 文件夹
从 bpmn.io 下载属性面板示例。 node_modules 中还有 4 个额外的文件夹 -- bpmn-font、bpmn-js、bpmn-js-properties-panel、bpmn-moddle。
现在，作为项目的一部分，您应该拥有示例中的其他文件夹 -- bundling、css、modeler、properties-panel 和 properties-panel-extension。我将我的文件夹命名为 "BPMN"（在第 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
- 要将 app.less 文件更改为 app.css 文件，您也需要一个命令行来执行此操作。我的是：
lessc BPMN/properties-panel-extension/css/app.less BPMN/properties-panel-extension/css/app.css
要添加自定义属性，修改"MagicPropertiesProvider.js"
要在属性面板上添加自定义选项卡，请修改 "SpellProps.js"。您的 browserify 命令将收集这些更改并将它们输出到您的脚本中。
如果您需要将图表存储在 SQL 服务器中，我推荐使用 varchar。起初我使用 XML 但我无法让它工作。也许你会比我幸运。
PS -- 建模器仍然存在与浏览器相关的问题，它可能会在 IE 中抛出 js 错误（Chrome，FF，看起来不错）。它仍然是我能找到的最好的图表，并且输出 XML 是正确的。
有人可以指导我实际开始这样一个例子的正确方法吗..？我习惯于开发 ASP.NET 个项目，需要创建一个具有自定义属性的 bpmn 建模器。于是我找到了BPMN.IO、https://bpmn.io/，这（我认为）可以为我提供这样的建模器和使用自定义属性的机会。
网站上有很多示例，但不知何故我无法正确启动其中一个。例如：https://github.com/bpmn-io/bpmn-js-examples/tree/master/properties-panel
我需要采取哪些步骤才能使其在 VS2017 中运行？我不熟悉我在这个例子中看到的结构。
感谢任何帮助。
您必须开始在您的项目中使用 node.js -- 一旦安装，您将在您的项目中获得 node_modules 文件夹
从 bpmn.io 下载属性面板示例。 node_modules 中还有 4 个额外的文件夹 -- bpmn-font、bpmn-js、bpmn-js-properties-panel、bpmn-moddle。
现在，作为项目的一部分，您应该拥有示例中的其他文件夹 -- bundling、css、modeler、properties-panel 和 properties-panel-extension。我将我的文件夹命名为 "BPMN"（在第 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
- 要将 app.less 文件更改为 app.css 文件，您也需要一个命令行来执行此操作。我的是：
lessc BPMN/properties-panel-extension/css/app.less BPMN/properties-panel-extension/css/app.css
要添加自定义属性，修改"MagicPropertiesProvider.js"
要在属性面板上添加自定义选项卡，请修改 "SpellProps.js"。您的 browserify 命令将收集这些更改并将它们输出到您的脚本中。
如果您需要将图表存储在 SQL 服务器中，我推荐使用 varchar。起初我使用 XML 但我无法让它工作。也许你会比我幸运。
PS -- 建模器仍然存在与浏览器相关的问题，它可能会在 IE 中抛出 js 错误（Chrome，FF，看起来不错）。它仍然是我能找到的最好的图表，并且输出 XML 是正确的。