汉化后的BPMN.js 设置表单后流程部署失败

Question

汉化后的流程设计器与英文原版的生成的BPMN文件有差异，对比如下：

1. 汉化版

1.1 流程图

1.2 生成的BPMN文件

<?xml version="1.0" encoding="UTF-8"?>
<bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:activiti="http://activiti.org/bpmn" id="sample-diagram" targetNamespace="http://activiti.org/bpmn" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd">
  <bpmn2:process id="Process_1formv1" name="表单测试v1" isExecutable="true">
    <bpmn2:startEvent id="StartEvent_1">
      <bpmn2:outgoing>Flow_0ayaha9</bpmn2:outgoing>
    </bpmn2:startEvent>
    <bpmn2:userTask id="Activity_10m3fwa" name="用户任务" activiti:formKey="Activity_10m3fwa" activiti:assignee="usr1" label="姓名" defaultValue="usr1">
      <bpmn2:extensionElements>
        <activiti:formProperty id="FormProperty_name" type="string" />
      </bpmn2:extensionElements>
      <bpmn2:incoming>Flow_0ayaha9</bpmn2:incoming>
      <bpmn2:outgoing>Flow_1wgjxus</bpmn2:outgoing>
    </bpmn2:userTask>
    <bpmn2:endEvent id="Event_0vv342c">
      <bpmn2:incoming>Flow_1wgjxus</bpmn2:incoming>
    </bpmn2:endEvent>
    <bpmn2:sequenceFlow id="Flow_0ayaha9" sourceRef="StartEvent_1" targetRef="Activity_10m3fwa" />
    <bpmn2:sequenceFlow id="Flow_1wgjxus" sourceRef="Activity_10m3fwa" targetRef="Event_0vv342c" />
  </bpmn2:process>
  <bpmndi:BPMNDiagram id="BPMNDiagram_1">
    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1formv1">
      <bpmndi:BPMNEdge id="Flow_0ayaha9_di" bpmnElement="Flow_0ayaha9">
        <di:waypoint x="368" y="258" />
        <di:waypoint x="470" y="258" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_1wgjxus_di" bpmnElement="Flow_1wgjxus">
        <di:waypoint x="570" y="258" />
        <di:waypoint x="672" y="258" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">
        <dc:Bounds x="332" y="240" width="36" height="36" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="Event_0vv342c_di" bpmnElement="Event_0vv342c">
        <dc:Bounds x="672" y="240" width="36" height="36" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="Activity_10m3fwa_di" bpmnElement="Activity_10m3fwa">
        <dc:Bounds x="470" y="218" width="100" height="80" />
      </bpmndi:BPMNShape>
    </bpmndi:BPMNPlane>
  </bpmndi:BPMNDiagram>
</bpmn2:definitions>

1.3 部署结果： 失败

后台报错：

2. 英文版

2.1 流程图

2.2 生成的BPMN文件

<?xml version="1.0" encoding="UTF-8"?>
<bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:camunda="http://camunda.org/schema/1.0/bpmn" id="sample-diagram" targetNamespace="http://bpmn.io/schema/bpmn" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd">
  <bpmn2:process id="Process_1formv2" name="表单测试v2" isExecutable="true">
    <bpmn2:startEvent id="StartEvent_1">
      <bpmn2:outgoing>Flow_17r6172</bpmn2:outgoing>
    </bpmn2:startEvent>
    <bpmn2:endEvent id="Event_0pybe8k">
      <bpmn2:incoming>Flow_1m1c8eq</bpmn2:incoming>
    </bpmn2:endEvent>
    <bpmn2:sequenceFlow id="Flow_17r6172" sourceRef="StartEvent_1" targetRef="Activity_0jwjmj0" />
    <bpmn2:sequenceFlow id="Flow_1m1c8eq" sourceRef="Activity_0jwjmj0" targetRef="Event_0pybe8k" />
    <bpmn2:userTask id="Activity_0jwjmj0" name="用户任务" camunda:formKey="Activity_0jwjmj0" camunda:assignee="usr1">
      <bpmn2:extensionElements>
        <camunda:formData>
          <camunda:formField id="FormField_name" label="姓名" type="string" defaultValue="usr1" />
        </camunda:formData>
      </bpmn2:extensionElements>
      <bpmn2:incoming>Flow_17r6172</bpmn2:incoming>
      <bpmn2:outgoing>Flow_1m1c8eq</bpmn2:outgoing>
    </bpmn2:userTask>
  </bpmn2:process>
  <bpmndi:BPMNDiagram id="BPMNDiagram_1">
    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1formv2">
      <bpmndi:BPMNEdge id="Flow_17r6172_di" bpmnElement="Flow_17r6172">
        <di:waypoint x="358" y="210" />
        <di:waypoint x="430" y="210" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_1m1c8eq_di" bpmnElement="Flow_1m1c8eq">
        <di:waypoint x="530" y="210" />
        <di:waypoint x="612" y="210" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">
        <dc:Bounds x="322" y="192" width="36" height="36" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="Event_0pybe8k_di" bpmnElement="Event_0pybe8k">
        <dc:Bounds x="612" y="192" width="36" height="36" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="Activity_03mnkul_di" bpmnElement="Activity_0jwjmj0">
        <dc:Bounds x="430" y="170" width="100" height="80" />
      </bpmndi:BPMNShape>
    </bpmndi:BPMNPlane>
  </bpmndi:BPMNDiagram>
</bpmn2:definitions>

结论

汉化后的流程设计器 表单节点的标签跑到了任务标签节点上 ( label、defaultValue )

<bpmn2:userTask id="Activity_10m3fwa" name="用户任务" activiti:formKey="Activity_10m3fwa" activiti:assignee="usr1" label="姓名" defaultValue="usr1">
      <bpmn2:extensionElements>
        <activiti:formProperty id="FormProperty_name" type="string" />
        ........

由于项目原因，技术方案选型早已经敲定为Activiti6; 现在想换一个流程设计器，我觉得本课程的BPMN.js挺好的特来学习，希望老师能够解答，感谢老师！

Answer 1

汪汪对 2021-02-07 18:20:36

谢谢肯定，bpmnjs配合6也是可以用的

除了汉化，bpmnjs默认是卡蒙达引擎的，这个也要改

你不要自己汉化，直接用课程git的bpmnjs试试，如果还有问题，继续追问或者加群讨论

• 提问者 owls0 #1

  非常感谢！

• 梨多情 #2

  这位同学把问题找到了，请教下，在 Activiti7 汉化版中，要怎么解决这个问题？
  我看挺多同学都有这个问题，至今似乎并未解决。