javascript - 将 camunda dmn modeler 集成到带有 Angular js 前端的 spring mvc 应用程序中

Question

我有一个项目在spring(backEnd), angularjs(frontEnd)

我想使用 dmn modeler在我创建 decision table 的项目中，创建的决策表(是一个 xml 文件)我想保存在服务器上。

我已经使用 bower 下载了 dmn-js 文件。

我不知道 nodeJS。 我不知道它是否需要 nodeJs 那么我该如何在我的 spring 项目中使用它。

我想从我的 angularJS Controller 调用函数。

1. openTable 接受 xml input

2. 函数将 xml(在 string 中)作为 输出

如果在 modelerJS 中发现错误，则在我的 html 中显示。

任何理论解释/有用的链接都会很棒!

Answer 1

从我目前的尝试来看，

首先，我同意#zeropaper 评论中所说的不需要nodeJS

如果您查看给定的示例 Here

您需要包括 modelerJs相反 viewerJs创建表。(当然还有其他依赖项，如 dmn-js css)

在angularJS controller你可以这样写

        var viewer, DmnModeler, initialTemplate;
        DmnModeler = window.DmnJS;

        initialTemplate = ;//xml input (.dmn file)

        viewer = new DmnModeler({ container: '#canvas' });

        viewer.importXML(initialTemplate, function(err) {

          if (!err) {
            console.log('success!');
          } else {
            console.log('something went wrong:', err);
          }
        });

第一次你可以调用它 viewer.createTemplate(callbackfunction)

下次使用现有的 dmn 加载它你可以使用 importXML如上所示。

下一步要在 xml 中获取 dmn 表，您可以执行以下操作，

viewer.saveXML({ format: true }, function(err, xml) {
    console.log(xml); //here is xml
});

你需要一个 html 元素，比如 <div id='canvas' />渲染 View 。

如果我错了，请评论/更正。