2.2.3　外部设计器

由于Flowable Modeler并不是一个拆箱即用、独立可拼装的组件，也不是基于Vue编写的，因此在实际开发中需要对其进行改造，以适应现有项目。值得注意的是，这里需要替换其自带的身份认证模块代码。

当然我们还可以查找GitHub开源项目，在其基础上进行二次开发，推荐项目有workflow-bpmn-modeler和vue-bpmn-element。workflow-bpmn-modeler是一个基于Vue和Element UI并支持Flowable流程设计的前端框架，如图2.6所示。

图2.6　workflow-bpmn-modeler

vue-bpmn-element是一个基于Vue和Element UI的Flowable流程设计器组件，如图2.7所示。

如果以上仍不符合要求，我们还可以基于bpmn-js重新设计和编写符合项目要求的页面。

图2.7　vue-bpmn-element