整合Acitiviti在线流程设计器(Activiti-Modeler 5.18.0)(3)_H5之家

$scope.saveAndClose = function () { $scope.save(function() { window.location.href = "./"; }); }; 改成以下：

$scope.saveAndClose = function () { $scope.save(function() { CloseWindow('ok'); }); };

D）修改editor-app编辑器的根目录，如app-cfg.js

ACTIVITI.CONFIG = { 'contextRoot' : '/activiti-explorer/service', }; 改成自己的根目录：

ACTIVITI.CONFIG = { 'contextRoot' : '/redxun_web/service', }; 在实际的项目中，可以把这些ContextRoot改成动态的获值方式

至此，重启你的应用后，可直接进入目录访问modeler.html页面。直接访问该页面时，框架会出现，但是没有出现你想要的内容。这是因为后台出错了，这个页面要能正常访问要求必须传入Activiti的设计Model的Id，即act_re_model表中的主键，访问路径如：

Myroot/process-editor/modeler.html?modelId=12312312。

但这个表的记录怎么产生，这里需要调用一下Acitiviti的API来创建，如下代码片段可以实现该功能。

String descp=request.getParameter("description"); ObjectMapper objectMapper = new ObjectMapper(); ObjectNode editorNode = objectMapper.createObjectNode(); editorNode.put("id", "canvas"); editorNode.put("resourceId", "canvas"); ObjectNode stencilSetNode = objectMapper.createObjectNode(); stencilSetNode.put("namespace", "#"); editorNode.set("stencilset", stencilSetNode); Model modelData = repositoryService.newModel(); ObjectNode modelObjectNode = objectMapper.createObjectNode(); modelObjectNode.put(MODEL_NAME, actReModel.getName()); modelObjectNode.put(MODEL_REVISION, 1); //String description = null; modelObjectNode.put(MODEL_DESCRIPTION, descp); modelData.setMetaInfo(modelObjectNode.toString()); modelData.setName(actReModel.getName()); repositoryService.saveModel(modelData); repositoryService.addModelEditorSource(modelData.getId(), editorNode.toString().getBytes("utf-8")); 至此，整合创建完成，后续我们会基于Activiti上进行扩展，以实现流程在线定义，流程人员挂接、表单关联、代办事项、代理、转办、归档等复杂的中国特色流程的需求。

在线访问整合效果，如：

:8020/saweb/index.do

流程管理模块下的流程模型设计

ITeye推荐

—软件人才免语言低担保赴美带薪读研！—

相关 [acitiviti 在线设计] 推荐：

整合Acitiviti在线流程设计器(Activiti-Modeler 5.18.0) - - 开源软件 - ITeye博客

整合Acitiviti在线流程设计器(Activiti-Modeler 5.18.0). 一直以来都是从事大量的工作流相关的项目，用过很多商用的工作流产品，包括国内与国外的，尽管商用的工作产品在UI操作上比较人性化，但个人用户觉得，这东西只需要一些初级用户，对于我们一直在为一些高级的客户提供一些专业的数据整合、流程梳理、系统间的数据穿透时，这些系统因为不开源，给项目的实施带来巨大的风险，在一些项目栽过跟头后，我更偏向于使用开源的平台了.

在线图形设计工具 Canva 开始公测 - - 图月志

很早就关注到 Canva 这个看起来叼炸天的应用，创始人包括了有 Google 设计师背景的 Cameron Adams 等，首轮融资 300 万美刀，励志打造一个简单至极人人都能用的傻瓜型图形设计工具. 国庆期间终于收到了测试邀请，今天简单试用了一下，总结一下就是拖拖拽拽就能做设计但对于天朝用户来说还不够接地气.

整合activiti在线流程设计器(ACTIVITI-MODELER 5.18.0) - - 企业架构 - ITeye博客

一直以来都是从事大量的工作流相关的项目，用过很多商用的工作流产品，包括国内与国外的，尽管商用的工作产品在UI操作上比较人性化，但个人用户觉得，这东西只需要一些初级用户，对于我们一直在为一些高级的客户提供一些专业的数据整合、流程梳理、系统间的数据穿透时，这些系统因为不开源，给项目的实施带来巨大的风险，在一些项目栽过跟头后，我更偏向于使用开源的平台了.

美家达人 – 在线室内设计家居装修软件 | 小众软件 > 在线应用 - Esperisto - 小众软件

美家达人是一款在线工具，帮助你轻松的进行室内设计，家居装修，让不会 CAD 的同学也能设计. 小众推荐过一款 Sweet Home 3D – 室内装潢设计，可以不需要复杂的电脑水平就能自己设计出家居，今天推荐的美家达人，来头不小，属于欧特克公司，就是 AutoCAD 的母公司了. 美家达人拥有更加简单易用的界面，被称作”人人可以用的室内设计软件”.

web开发设计人员不可不用的在线web工具和应用 - - 前端观察

大家可能还记得在过去的文章我们我们曾经介绍我们收集的前端开发人员必备的工具，脚本和资源，在今天的这篇文章中，我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用. 相信会在web开发和设计的过程中给你带来方便和快捷. jsfiddle是老牌的在线调试和分享代码的网站，它可以帮助你在线调试javascript/css/html代码，并且方便的发布到社区，论坛或者社交媒体上与朋友们分享或者提问.

8个非常有用的在线工具来提高你的Web设计和开发能力 - - CSDN博客Web前端推荐文章

最近在网上看到一张帖子感觉不错. 不过是英文版的今天闲着没事锻炼一下英语能力分享给大家看看. 原文地址：在工作中借助一些非常好用的工具可以让你专注于更重要的事情，进而提高工作效率.

为了设计而设计 - - 幻风阁|kent.zhu'sBlog