安装 npm install @antv/g6 --save 引用 import G6 from '@antv/g6' 自定义节点 /** * 方式一 */ G6.registerNode('rect-jsx', (cfg) =>` <group> <rect> <rect style={{ width: 160, height: 20, fill: ${cfg.color}, cursor: 'move', stroke: ${cfg.color} }} dragga

先进的React GUI编辑器 — Structor https://helmetrex.com/ 手把手教你基于 ES6 架构自己的 React Boilerplate 项目 http://www.open-open.com/lib/view/open1462013660085.html http://jiji262.github.io/awesome-react-boilerplate/    列出所有 模版项目. mxstbr/react-boilerplate   ----- http:

今年由于项目上需要给客户的流程管理系统进行升级,其中包含流程的可视化.于是在网上找一些可以用的轮子,考察了D3,js.GooFlow.js.G6-Editor等工具后,发现D3,js学习成本太高,G6-Editor功能基本够用,但是不能放大缩小图形和移动连接线是硬伤,而且GooFlow.js和G6-Editor目前已经闭源,于是就决定自己试着写一个流程编辑器. 由于之前画流程图基本使用的都是Visio,所以编辑器的操作风格基本和Visio一致,也吸收了一些G6-Editor的操作风格. HTML

最好用的流程编辑器bpmn-js系列文章 BPMN(Business Process Modeling Notation)是由业务流程管理倡议组织BPMI(The Business Process Management Initiative)开发的一套标准的业务流程建模符号规范.其目的是为用户提供一套容易理解的标准符号,这些符号作为BPMN的基础元素,将业务流程建模简单化.图形化,将复杂的建模过程视觉化,让业务建模者.业务实施人员.管理监督人员对BPMN描述的业务流程都有一个更加清晰明了的了解.

可视化编辑器1 前言 前面我们学习低代码,例如百度的低代码平台 amis,也有相应的可视化编辑器,通过拖拽的方式生成配置文件.就像这样 笔者自己也有类似需求:比如中台有个归档需求,通过选择一些配置让后端执行一些操作.目前只有A项目要归档,过些日子B项目也需要归档,后面还有 C项目归档.如果不想每次来都重新编码,最好做一个编辑器,配置好数据,归档功能根据编辑器生成的配置 json 自动生成岂不美哉! 本篇将开始自己实现一个可视化编辑器. Tip:环境采用 spug 项目,一个开源的 react 后

本文目的: 针对自定义的用户.角色表,对Activiti的在线流程设计器进行优化改造,使之能直接在图形界面上完成对节点办理人.候选人.候选组的配置,不需要先去查数据库中的用户ID.角色ID等信息再填入. 先上一张实现效果图:   image.png 1.页面改造   image.png 修改上图中的页面,主要是修改页面布局,以及将输入框添加一些事件,代码如下: <div style="width:100%;height:100%;" class="modal"

{ "GENERAL": { "MAIN-TITLE": "Activiti", "ERROR": { "GENERIC": "抱歉,发生了一个错误.", "UNKNOWN": "抱歉,执行请求的操作时出错.", "BAD_REQUEST": "执行请求的操作时出错.", "NOT_FOUND&qu

写在前面 书籍介绍:本书由架构师撰写,包含ReactNative框架底层原理,以及与iOS.Android混合开发案例,精选了大量实例代码,方便读者快速学习.主要内容分为两大部分,第1部分"入门"包括第19章,介绍ReactNative框架的基本原理与使用方法:第2部分"进阶"包括第1015章,介绍ReactNative框架的高阶开发与App部署相关知识.附录部分剖析了ReactNative的源码,可帮助读者研究ReactNative底层本质,还分享了一些React

上周末开始接触react native,版本为0.37,边学边看写了个demo,语法使用es6/7和jsx.准备分享一下这个过程.之前没有native开发和react的使用经验,不对之处烦请指出.希望对在web开发有一定基础,想涉及app开发的同学有帮助,共同进步. 一.环境安装 首先是开发环境安装,我是在win7/8 64位环境下安装的安卓环境.模拟器用的是android studio自带模拟器(android emulator),安卓API 24(7.0),因为我没有mac -.-.文中组件

上篇react+redux教程,我们讲解了官方计数器的代码实现,react+redux教程(一).我们发现我们没有用到react组件本身的state,而是通过props来导入数据和操作的. 我们知道react本身是个状态机,也就是说组件是state的表现形式.那么redux提供了一个全局的唯一的状态树,是不是就不需要组件本身的state了呢? 当然不是! 有图为证,这是官方的todomvc的例子(https://github.com/lewis617/react-redux-tutorial/t

Fixflow引擎解析(四)(模型) - 通过EMF扩展BPMN2.0元素 Fixflow引擎解析(三)(模型) - 创建EMF模型来读写XML文件 Fixflow引擎解析(二)(模型) - BPMN2.0读写 Fixflow引擎解析(一)(介绍) - Fixflow开源流程引擎介绍 简介 Fixflow是一款开源的基于BPMN2.0标准的工作流引擎,由Fixflow开源联盟组织(Fixflow OpenSource Union) 进行社区化管理,引擎底层直接支持BPMN2.0国际标准, 吸纳了

上周末开始接触react native,版本为0.37,边学边看写了个demo,语法使用es6/7和jsx.准备分享一下这个过程.之前没有native开发和react的使用经验,不对之处烦请指出.笔者认为从Vue过度到React应该是非常容易的,毕竟都是面向组件的,一通百通,只是每个框架的特性可能有所不同.本文的目的在于希望对在web开发有一定基础,又想涉及app开发的同学有帮助,共同进步. 一.环境安装 首先是开发环境安装,我是在win7/8 64位环境下安装的安卓环境.模拟器用的是andro

用脚本进行DOM操作的代价很昂贵.有个贴切的比喻,把DOM和JavaScript各自想象为一个岛屿,它们之间用收费桥梁连接,js每次访问DOM,都要途径这座桥,并交纳“过桥费”,访问DOM的次数越多,费用也就越高. 因此,推荐的做法是尽量减少过桥的次数,努力待在ECMAScript岛上.因为这个原因react的虚拟dom就显得难能可贵了,它创造了虚拟dom并且将它们储存起来,每当状态发生变化的时候就会创造新的虚拟节点和以前的进行对比,让变化的部分进行渲染.整个过程没有对dom进行获取和操作,只有

先附上项目源码地址和原文章地址:https://github.com/bailicangd... 做React需要会什么? react的功能其实很单一,主要负责渲染的功能,现有的框架,比如angular是一个大而全的框架,用了angular几乎就不需要用其他工具辅助配合,但是react不一样,他只负责ui渲染,想要做好一个项目,往往需要其他库和工具的配合,比如用redux来管理数据,react-router管理路由,react已经全面拥抱es6,所以es6也得掌握,webpack就算是不会配置也

我使用的是idea2017+activiti6.0版本. 该文章主要是为了解决安装activiti插件后创建的流程模板中文乱码的问题. 1.安装Activiti流程编辑器插件. 1.1网上资料很多,这里简要说一下:File->Settings->Plugins,然后输入actiBPM,双击搜索结果或点击Install plugin安装即可. 但是!我每次都安装失败0.x 所以和我一样运气超棒的同学可以使用下面这种方法. 1.2File->Settings->Plugins,然后点击

React 是什么 用脚本进行DOM操作的代价很昂贵.有个贴切的比喻,把DOM和JavaScript各自想象为一个岛屿,它们之间用收费桥梁连接,js每次访问DOM,都要途径这座桥,并交纳"过桥费",访问DOM的次数越多,费用也就越高. 因此,推荐的做法是尽量减少过桥的次数,努力待在ECMAScript岛上.因为这个原因react的虚拟dom就显得难能可贵了,它创造了虚拟dom并且将它们储存起来,每当状态发生变化的时候就会创造新的虚拟节点和以前的进行对比,让变化的部分进行渲染.整个过程没

BPMN是一套标准的业务流程建模符号规范,bpmn-js是基于此规范实现的一套渲染工具包和web建模器,可以实现拖拽生成工作流程图,效果大概如下 最近刚好用到,研究之后写了系列文章,分享给有需要的小伙伴 最好用的流程编辑器bpmn-js系列之基本使用 最好用的流程编辑器bpmn-js系列之本地文件 最好用的流程编辑器bpmn-js系列之Modeler 最好用的流程编辑器bpmn-js系列之Viewer 最好用的流程编辑器 bpmn-js 系列之 Palette 最好用的流程编辑器 bpmn-js

http://www.cnblogs.com/ahhuiyang/archive/2012/12/18/2824131.html 为简单起见,本例的Web服务组合只调用一个Web Service API.本文环境是:Eclipse Juno Release + JRE 1.7 + Tomcat 7.0.29 + BPEL + ODE,Eclipse的安装,JRE环境变量配置和Tomcat配置本文就不讲了.BPEL似乎不能运行于MyEclipse,本人在MyEclipse环境下没有成功,可能跟端口

转载请注明源地址:http://www.cnblogs.com/lighten/p/5878169.html 接上一章,activiti工作流引擎虽然运行了起来,但是什么都没有.activiti官方在其安装包中是给了两个war的demo包的,一个是activiti-explorer.war,一个是activiti-rest.war.第一个就是用在web端对activiti工作流引擎的一个展示,可以看到具体内容.第二个是对activiti提供的rest接口的一个demo.这两个war包可以放入to

http://www.blogways.net/blog/2013/07/16/activiti-jbpm-compare.html jBPM是目前市场上主流开源工作引擎之一,在创建者Tom Baeyens离开JBoss后,jBPM的下一个版本jBPM5完全放弃了jBPM4的基础代码,基于Drools Flow重头来过,目前官网已经推出了jBPM6的beta版本:Tom Baeyens加入Alfresco后很快推出了新的基于jBPM4的开源工作流系统Activiti.由此可以推测JBoss内部对

作者:CppExplore   http://www.cppblog.com/CppExplore/和 http://blog.csdn.net/cppexplore同步发布. 近3年没发文章,谨以本文总结我和团队兄弟们3年在业务之外的工作成果. 1 产品目标 降低高性能服务领域开发门槛,提高开发效率,同时解决测试.运维.监控.数据分析中的各类问题. 围绕此目标,sBPM(snda Business Process Management:盛大业务流程管理)将流程管理概念延伸到高性能服务器领域,使