页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

信息

需要注意的是,app-web和modeler-web是两个不同的工程,所以操作插件的vue文件需要分别拷贝一份。web是两个不同的工程,所以操作插件的vue文件,需要考虑分别在两个不同的前端对应不同的实现,最简单的做法是放在common文件夹里,自动拷贝一份。

2.2  如何发现插件并自动装配

为让DWF的建模工具和应用前端发现插件,在SDK的 app-web(modeler-web)/src/assemble_components/form(operation)/config.js 会存储插件的注册信息。

...

代码块
languagejs
linenumberstrue
export const entries = [
...
    {
        "name": "OprImpExtEntity", 					//插件的英文名
        "note": "引入外部实体类",  					//插件的中文名/备注
        "path": "operation/OprImpExtEntity.vue",	//插件vue文件的相对位置
        "module": "operation"						//模块名称,指定以后不同的模块会调用插件
    },
...
];

其中,module的取值表示当前插件支持的DWF模块,DWF通过这个属性的取值了解可调用的扩展插件。module的取值表示当前插件支持的DWF模块,DWF通过这个属性的取值了解可调用的扩展插件。

module取值类型有:

  • “operation”:功能模型的操作扩展。
  • “form”:表单模型的控件扩展。

...

代码块
languagebash
linenumberstrue
cd scripts\
python assemble.py devClear #表示清空congfig.js文件,并且删除已经装配的vue文件。
python assemble.py devAssemble #表示自动扫描所有的插件,并且将其写入congfig.js。

3 插件装配


4 小结

本章主要介绍了DWF的代码包的概念,代码包的组织形式,以及如何将代码打包。

...