将弹簧mvc应用中的camunda dmn建模器与角度js前端进行整合

时间:2016-01-20 09:18:30

标签: javascript angularjs node.js spring camunda

我在spring(后端)中有一个项目,angularjs(前端)

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

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

我不知道nodeJS。 如果需要nodeJs我无法获得,那么我如何在我的spring项目中使用它。

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

  1. openTable接受xml input

  2. xml提供string output

  3. 的函数

    如果在modelerJS中发现错误,那么在我的html中显示错误。

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

1 个答案:

答案 0 :(得分:3)

从我到目前为止尝试过,

首先,我同意#zeropaper在评论中写道,不需要nodeJS

如果您查看给定Here

的示例

您需要添加viewerJs而不是dmn-js来创建表格。(当然还有其他依赖项,例如angularJS css)

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)

对于firstTime,你可以用它来调用它 dmn

下次使用现有importXML加载时,您可以使用viewer.saveXML({ format: true }, function(err, xml) { console.log(xml); //here is xml }); ,如上所示。

接下来要在xml中获取dmn表,你可以执行以下操作,

<div id='canvas' />

你需要一个html元素,{{1}}来渲染视图。

如果我错了,请发表评论/纠正。