activiti 小计

1.新增 数据插入act_re_model表

2.流程图在线设计保存后xml和图片数据插入表act_ge_bytearray,两条记录

3.点击发布之后插入数据到 act_re_deployment表中,并将xml数据和图片数据再次插入act_ge_bytearray 表中

4. 流程设计器中的save操作前端调用toolbar-default-actions.js的save方法,后台调用ModelSaveRestResource.java save方法

5.taskListener默认值修改
properties.js -> taks-listeners-display-template.html -> properties-task-listernes-controller.js  -> 162行

6.节点弹出页面选择 角色
修改assignment-popup.html 增加文本框事件role()
修改properties-assignment-controller.js 增加事件的具体实现
增加 assignment-role-popup.html 增加角色选择页面


1.文件夹说明:

configuration:设计器的属性配置及工具栏和后台交互(重点)
css:样式文件
editor:activiti设计器的oryx插件基于做的流程拖拽
fonts:字体
i18n:国际化文件
images:图片
lib:引用angular,bootstrap等ui,js的文件
partials:左侧元素选项栏的html文件
popups:弹出框的html,保存,修改元素等html
stencilsets:bpmn各种元素图标,(svg放在配置文件)
 
2.主要文件说明:
stencilset.json:定义元素的属性,规则的配置文件,页面的展示就是根据这个配置文件
editor.html:定义了这个页面的布局,顶部,左侧的工具栏,右侧的画布和元素属性编辑栏
app-cfg.js : 配置调用接口的地址
app.js :angularJS的入口文件,注入需要使用的模块,以及国际化和请求模型json信息
stencil-controller.js:编辑窗口的控制器,包括了元素的快捷方式,元素的属性保存updatePropertyInModel
toolbar-controller.js:定义快捷键对应工具栏的按钮
configurationproperties.js  :定义各属性的读取写入的html配置
configurationurl-config.js  :定义接口的相应地址(平常做集成到自己系统主要看这里,实现这2个接口即可)
 
3.配置文件说明
--属性的定义
"propertyPackages" : [ {
    "name" : "process_idpackage",
    "properties" : [ {
        "id" : "name",      ---id
        "type" : "String",  --类型,在赋值的时候会根据类型展示各种输入框,根据properties.js
        "title" : "名称",  --显示的标题
        "value" : "",      --值
        "description" : "BPMN元素的描述性名称.", --描述
        "category":"property", --分类,空的话位popular
        "popular" : true,         --是否显示
        "refToView" : "text_name" --触发svg里面的效果
    }]
--节点的定义
"type" : "node",
    "id" : "MailTask",
    "title" : "邮件任务",--标题
    "description" : "邮件任务", --描述
    "view" : "<?xml version="1.0" encoding="UTF-8" standalone="no"?> </svg>", --svg的xml
    "icon" : "activity/list/type.send.png",        --图标
    "groups" : [ "任务" ], --归属的组
    "propertyPackages" : [ "overrideidpackage" ],--属性
    "hiddenPropertyPackages" : [ ],
    "roles" : [ "Activity" ] --规则
 
4.代码顺序:
modeler.html->editor.html->app.js/stencil-controller.js->properties.js->oryx.debug.js(核心代码,每个版本都是基于这个做封装)

原文地址:https://www.cnblogs.com/rigid/p/9076926.html