yemon
TA的个人档案
yemon个人页面-阿里云开发者社区
个人介绍
暂无个人介绍
擅长的技术
- 高分内容
- 最新动态
- 文章
- 问答
-
发表了文章 2016-09-02
整合Acitiviti在线流程设计器(Activiti-Modeler 5.19)
1.概述前言 一直以来都是从事大量的工作流相关的项目，用过很多商用的工作流产品，包括国内与国外的，尽管商用的工作产品在UI操作上比较人性化，但个人用户觉得，这东西只需要一些初级用户，对于我们一直在为一些高级的客户提供一些专业的数据整合、流程梳理、系统间的数据穿透时，这些系统因为不开源，给项目的实施带来巨大的风险，在一些项目栽过跟头后，我更偏向于使用开源的平台了。但开源平台最大的难点是在于你是否有足够的技术人员来学习及掌握它，否则，它也一样面临项目实施失败的风险。后来在一些项目上使用JBPM4，Activiti5，发现Activiti5的流程功能真的很强大，几乎是无所不能。套用一句广告语，老板再也不担心我的流程实现了。在实施国外的项目时，流程的设计几乎是交给开发人员来处理的，因此用Activiti的合适的。但在国内，我们的客户则提出更高的要求，要求普通的人员也可以参与流程的设计要求。Activiti后续的版本也在完善这些功能，特别是Activiti-5.18版本，Activiti-Modeler的建模工具几乎进行了重写，看来Activiti的开源团队也慢慢意识了这点，加大了人力在这方面的投入，以目前的使用，可以达到商用级别，通过功能的扩展，可以很好实现在线流程建模。 为了平台未来的延伸扩展，我建议直接使用该团队的Activiti-Modeler，原因很简单，可以有效跟着团队进行产品的升级，当然我们也需要扩展自己的特色功能，这块我在后面不断把文章写出来，以供大家学习。 在此，先展示一下我在JSAAS平台上初步整合Activiti-Modeler的效果： 说实话，虽然这设计器还有一些小小的缺陷，但仍然阻止不了我爱它，因为全新自己开发这东西，那是比较要命的，呵呵，苦逼的程序员呀。于是我多么希望在我的Activiti的流程应用里，直接就带这么一款应用。 现实提美好的， 整合是苦逼的，于是就有本文的出现。 在我的博客前一篇中，已经有说明如何利用Activiti-Modeler的源码跑起来，加至eclipse下运行起来，在本文中即是以该文为基础，进行本文的说明及整合。 2. 整合Activiti-Modeler的要求 Activiti-Modeler 5.18用了新的WEB框架，其是基于Spring-Mvc 4.0以上的框架，同时用了VAADIN的RIA的UI，特别是后者，这框架带有太多的jar包，虽然它也是结合了spring来使用，要整合这玩意，几乎就得把这东西加入我们的项目中，同时还需要整合它的用户管理，这是要命的。我们的出发点，仅是用它的前端画图处理功能，后端的流程逻辑处理即由我们来实现。 于是我研究了一下Activiti-webapp-explorer2项目，发现要实现我以上的目标，原来很简单。以下假定我的环境要求，以下为我的原项目的环境，是基于Spring 3的，我的平台可直接转为Spring4.0,特别是Spring-MVC的环境也转成4.0 3. 整合步骤 3.1. 把前端的设计器文件从activiti-webapp-explorer2拷至我平台上新建的目录process-editor，如下图所示： 同时把resources下的stencilset.json文件拷至我的项目中的resources目录下。 3.2.在Spring项目中加入Activiti 5.18的依赖引用，注意，不能直接从explorer项目中直接取，那样会带有很多无用的jar包，以下为精简后的pom引用。 <dependency> <groupId>org.activiti</groupId> <artifactId>activiti-engine</artifactId> <version>5.19.0</version> </dependency> <dependency> <groupId>org.activiti</groupId> <artifactId>activiti-spring</artifactId> <version>5.19.0</version> <exclusions> <exclusion> <artifactId>commons-dbcp</artifactId> <groupId>commons-dbcp</groupId> </exclusion> </exclusions> </dependency> <dependency> <groupId>org.activiti</groupId> <artifactId>activiti-diagram-rest</artifactId> <version>5.19.0</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-transcoder</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-dom</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>org.activiti</groupId> <artifactId>activiti-json-converter</artifactId> <version>5.19.0</version> <exclusions> <exclusion> <artifactId>commons-collections</artifactId> <groupId>commons-collections</groupId> </exclusion> </exclusions> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-bridge</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-css</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-anim</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-codec</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-ext</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-gvt</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-script</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-parser</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-svg-dom</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-svggen</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-util</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-xml</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>org.apache.xmlgraphics</groupId> <artifactId>batik-js</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>xml-apis</groupId> <artifactId>xml-apis-ext</artifactId> <version>1.3.04</version> </dependency> <dependency> <groupId>xml-apis</groupId> <artifactId>xml-apis</artifactId> <version>1.3.04</version> </dependency> <dependency> <groupId>org.apache.xmlgraphics</groupId> <artifactId>xmlgraphics-commons</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>batik</groupId> <artifactId>batik-awt-util</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>commons-collections</groupId> <artifactId>commons-collections</artifactId> <version>3.2.1</version> </dependency> <dependency> <groupId>commons-lang</groupId> <artifactId>commons-lang</artifactId> <version>2.6</version> </dependency> 如不采用common-dbcp的数据源时，以上配置排除该包的引用， Batik的包主要是用来解析html中的svg的内容，包比较多，但都不大。 3.3.配置如下的spring-activiti.xml文件，其格式如下所示（可从activiti-webapp-explorer2下的resources的activiti-custom-context.xml文件拷出来），把以下的一些用到explorer表单的配置信息删除。因为我们不采用其表单的配置信息。 注意点： 1. 扩展实现自身的idGenerator 目的是为了产生唯一的数据主键，方法很多，请自行实现，不扩展也可以。 2. 配置对应的数据连接信息及数据源、事务等 3.4 .在Spring的配置文件中引入spring-activiti.xml，启动应用程序即可，可看到其已经把数据库表创建出来。 3.5. 处理Activiti-Moderler的后台处理的配置。即创建模型设计、保存、更新等内容，它需要与后端进行交互处理。我们看了activiti-webapp-explorer2的web.xml就清楚其后台交互的处理模式。 简要说明：explorer2这个项目在启动后，就会spring mvc4进行包扫描，把（请参考org.activiti.explorer.servlet.DispatcherServletConfiguration）,org.activiti.rest.editor、org.activiti.rest.diagram包下的Controller扫描至响应映射中来，为的就是实现编辑器及设计模型的流程展示时，相应有对应的controller服务。 因此，我们比较好的办法就是重写这些controller即可，这些controller的实现也很简单，在这里，我最简单的做法就是把这些类直接拷到我的项目中，重命名了包名。（当然也可以直接把以上两包通过pom依赖加进来），本人不想自己的项目带有太多的依赖包，所以不直接引用了。 拷完后，我这里的包如下所示： 在SpringMVC中加载这些包，注意，SpringMvc需要为4.0以上的，这样才能比较好支持RestController的注解方式，否则，请用旧的方式来支持这种Rest URL访问。 <!--加入Spring Activiti-Modeler的运行配置--> <context:component-scan base-package="com.redxun.bpm.rest.diagram"/> <context:component-scan base-package="com.redxun.bpm.rest.editor"/> 在web.xml中配置拦截这些访问路径 <servlet-mapping> <servlet-name>springMvc</servlet-name> <url-pattern>/service/*</url-pattern> </servlet-mapping> 3.6. 修改process-editor下的一些配置文件，以支持我们的在线流程设计 A)去掉Activiti Afresco的logo标题栏，并且把样式上的空白栏去掉 修改modeler.html中的以下内容，注意不要把该文本删除，建议加style=”display:none”,删除后其会造成底层下的一些内容有40个像数的东西显示不出来。 <div class="navbar navbar-fixed-top navbar-inverse" role="navigation" id="main-header"> <div class="navbar-header"> <a href="" ng-click="backToLanding()" class="navbar-brand" title="{{'GENERAL.MAIN-TITLE' | translate}}"><span class="sr-only">{{'GENERAL.MAIN-TITLE' | translate}}</span></a> </div> </div> B)在editor-app/css/style-common.css中，把以下样式的padding-top部分改为0px; .wrapper.full { padding: 40px 0px 0px 0px; overflow: hidden; max-width: 100%; min-width: 100%; } C）在modeler.html中加上CloseWindow的函数 <script type="text/javascript"> function CloseWindow(action) { if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action); else window.close(); } </script> 目的是为了保存模型时，可以关闭当前的弹出的mini窗口，修改保存后弹出的窗口的保存及关闭动作，如下所示：
-
发表了文章 2016-09-02
Activiti数据库表结构(表详细版)
Activiti数据表结构 1 Activiti数据库表结构 1.1 数据库表名说明 Activiti工作流总共包含23张数据表，所有的表名默认以“ACT_”开头。 并且表名的第二部分用两个字母表明表的用例，而这个用例也基本上跟Service API匹配。 u ACT_GE_* : “GE”代表“General”（通用），用在各种情况下； u ACT_HI_* : “HI”代表“History”（历史），这些表中保存的都是历史数据，比如执行过的流程实例、变量、任务，等等。Activit默认提供了4种历史级别： Ø none: 不保存任何历史记录，可以提高系统性能； Ø activity：保存所有的流程实例、任务、活动信息； Ø audit：也是Activiti的默认级别，保存所有的流程实例、任务、活动、表单属性； Ø full：最完整的历史记录，除了包含audit级别的信息之外还能保存详细，例如：流程变量。 对于几种级别根据对功能的要求选择，如果需要日后跟踪详细可以开启full。 u ACT_ID_* : “ID”代表“Identity”（身份），这些表中保存的都是身份信息，如用户和组以及两者之间的关系。如果Activiti被集成在某一系统当中的话，这些表可以不用，可以直接使用现有系统中的用户或组信息； u ACT_RE_* : “RE”代表“Repository”（仓库），这些表中保存一些‘静态’信息，如流程定义和流程资源（如图片、规则等）； u ACT_RU_* : “RU”代表“Runtime”（运行时），这些表中保存一些流程实例、用户任务、变量等的运行时数据。Activiti只保存流程实例在执行过程中的运行时数据，并且当流程结束后会立即移除这些数据，这是为了保证运行时表尽量的小并运行的足够快； 1.2 数据库表结构 1.2.1 Activiti数据表清单: 表分类 表名 解释 一般数据 ACT_GE_BYTEARRAY 通用的流程定义和流程资源 ACT_GE_PROPERTY 系统相关属性 流程历史记录 ACT_HI_ACTINST 历史的流程实例 ACT_HI_ATTACHMENT 历史的流程附件 ACT_HI_COMMENT 历史的说明性信息 ACT_HI_DETAIL 历史的流程运行中的细节信息 ACT_HI_IDENTITYLINK 历史的流程运行过程中用户关系 ACT_HI_PROCINST 历史的流程实例 ACT_HI_TASKINST 历史的任务实例 ACT_HI_VARINST 历史的流程运行中的变量信息 用户用户组表 ACT_ID_GROUP 身份信息-组信息 ACT_ID_INFO 身份信息-组信息 ACT_ID_MEMBERSHIP 身份信息-用户和组关系的中间表 ACT_ID_USER 身份信息-用户信息 流程定义表 ACT_RE_DEPLOYMENT 部署单元信息 ACT_RE_MODEL 模型信息 ACT_RE_PROCDEF 已部署的流程定义 运行实例表 ACT_RU_EVENT_SUBSCR 运行时事件 ACT_RU_EXECUTION 运行时流程执行实例 ACT_RU_IDENTITYLINK 运行时用户关系信息 ACT_RU_JOB 运行时作业 ACT_RU_TASK 运行时任务 ACT_RU_VARIABLE 运行时变量表 1.2.2表名:ACT_GE_BYTEARRAY（通用的流程定义和流程资源） 用来保存部署文件的大文本数据。 保存流程定义图片和xml、Serializable(序列化)的变量,即保存所有二进制数据，特别注意类路径部署时候，不要把svn等隐藏文件或者其他与流程无关的文件也一起部署到该表中，会造成一些错误（可能导致流程定义无法删除）。 ACT_GE_BYTEARRAY(act_ge_bytearray) 是否主键 字段名 字段描述 数据类型 可空 约束 缺省值 取值说明 是 ID_ 主键ID，资源文件编号，自增长 VARCHAR(64) REV_ 版本号 INT(11) 是 Version NAME_ 部署的文件名称， VARCHAR(255) 是 mail.bpmn、mail.png 、mail.bpmn20.xml DEPLOYMENT_ID_ 来自于父表ACT_RE_DEPLOYMENT的主键 VARCHAR(64) 是 部署的ID BYTES_ 大文本类型，存储文本字节流 LONGBLOB 是 GENERATED_ 是否是引擎生成。 TINYINT(4) 是 0为用户生成 1为Activiti生成 1.2.3 表名:ACT_GE_PROPERTY（系统相关属性） 属性数据表。存储这个流程引擎级别的数据。 ACT_GE_PROPERTY(act_ge_property) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 NAME_ 属性名称 VARCHAR(64) 64 schema.version schema.history next.dbid VALUE_ 属性值 VARCHAR(300) 300 是 5.* create(5.*) REV_INT 版本号 INT(11) 11 是 1.2.4表名:ACT_HI_ACTINST（历史节点表） 历史活动信息。这里记录流程流转过的所有节点，与HI_TASKINST不同的是，taskinst只记录usertask内容。 ACT_HI_ACTINST(act_hi_actinst) 是否主键 字段名 字段描述 数据类型 可空 约束 取值说明 是 ID_ ID_ VARCHAR(64) PROC_DEF_ID_ 流程定义ID VARCHAR(64) PROC_INST_ID_ 流程实例ID VARCHAR(64) EXECUTION_ID_ 流程执行ID VARCHAR(64) ACT_ID_ 活动ID VARCHAR(255) 节点定义ID TASK_ID_ 任务ID VARCHAR(64) 是 任务实例ID 其他节点类型实例ID在这里为空 CALL_PROC_INST_ID_ 请求流程实例ID VARCHAR(64) 是 调用外部流程的流程实例ID' ACT_NAME_ 活动名称 VARCHAR(255) 是 节点定义名称 ACT_TYPE_ 活动类型 VARCHAR(255) 如startEvent、userTask ASSIGNEE_ 代理人员 VARCHAR(64) 是 节点签收人 START_TIME_ 开始时间 DATETIME 2013-09-15 11:30:00 END_TIME_ 结束时间 DATETIME 是 2013-09-15 11:30:00 DURATION_ 时长，耗时 BIGINT(20) 是 毫秒值 1.2.5 表名:ACT_HI_ATTACHMENT（附件信息） ACT_HI_ATTACHMENT(act_hi_attachment) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 ID_ ID_ VARCHAR(64) 64 主键ID REV_ REV_ INT(11) 11 是 Version USER_ID_ 用户id VARCHAR(255) 255 是 用户ID NAME_ 名称 VARCHAR(255) 255 是 附件名称 DESCRIPTION_ 描述 VARCHAR(4000) 4000 是 描述 TYPE_ 类型 VARCHAR(255) 255 是 附件类型 TASK_ID_ 任务Id VARCHAR(64) 64 是 节点实例ID PROC_INST_ID_ 流程实例ID VARCHAR(64) 64 是 流程实例ID URL_ 连接 VARCHAR(4000) 4000 是 附件地址 CONTENT_ID_ 内容Id 字节表的ID VARCHAR(64) 64 是 ACT_GE_BYTEARRAY的ID 1.2.6 表名:ACT_HI_COMMENT（历史审批意见表） ACT_HI_COMMENT(act_hi_comment) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 ID_ ID_ VARCHAR(64) 64 主键ID TYPE_ 意见记录类型，为comment时，为处理意见 VARCHAR(255) 255 是 类型：event（事件） comment（意见） TIME_ 记录时间 DATETIME 填写时间 USER_ID_ 用户Id VARCHAR(255) 255 是 填写人 TASK_ID_ 任务Id VARCHAR(64) 64 是 节点实例ID PROC_INST_ID_ 流程实例Id VARCHAR(64) 64 是 流程实例ID ACTION_ 行为类型。 为addcomment时，为处理意见 VARCHAR(255) 255 是 值为下列内容中的一种： AddUserLink、DeleteUserLink、AddGroupLink、DeleteGroupLink、AddComment、AddAttachment、DeleteAttachment MESSAGE_ 处理意见 VARCHAR(4000) 4000 是 用于存放流程产生的信息，比如审批意见 FULL_MSG_ 全部消息 LONGBLOB 是 1.2.7表名:ACT_HI_DETAIL（历史详细信息） 历史详情表：流程中产生的变量详细，包括控制流程流转的变量，业务表单中填写的流程需要用到的变量等。 ACT_HI_DETAIL(act_hi_detail) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 ID_ ID_ VARCHAR(64) 64 主键 TYPE_ 数据类型 VARCHAR(255) 255 类型: FormProperty, //表单 VariableUpdate //参数 PROC_INST_ID_ 流程实例ID VARCHAR(64) 64 是 流程实例ID EXECUTION_ID_ 执行实例Id VARCHAR(64) 64 是 执行实例ID TASK_ID_ 任务Id VARCHAR(64) 64 是 任务实例ID ACT_INST_ID_ 活动实例Id VARCHAR(64) 64 是 ACT_HI_ACTINST表的ID NAME_ 名称 VARCHAR(255) 255 名称 VAR_TYPE_ 变量类型 VARCHAR(255) 255 是 参见VAR_TYPE_类型说明 REV_ REV_ INT(11) 11 是 Version TIME_ 创建时间 DATETIME 创建时间 BYTEARRAY_ID_ 字节数组Id VARCHAR(64) 64 是 ACT_GE_BYTEARRAY表的ID DOUBLE_ DOUBLE_ DOUBLE 是 存储变量类型为Double LONG_ LONG_ BIGINT(20) 20 是 存储变量类型为long TEXT_ 值 VARCHAR(4000) 4000 是 存储变量值类型为String TEXT2_ 值2 VARCHAR(4000) 4000 是 此处存储的是JPA持久化对象时，才会有值。此值为对象ID 备注：VAR_TYPE_类型说明: jpa-entity、boolean、bytes、serializable(可序列化)、自定义type(根据你自身配置)、 CustomVariableType、date、double、integer、long、null、short、string 1.2.8 表名:ACT_HI_IDENTITYLINK （历史流程人员表） 任务参与者数据表。主要存储历史节点参与者的信息。 ACT_HI_IDENTITYLINK(act_hi_identitylink) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 ID_ ID_ VARCHAR(64) 64 ID_ GROUP_ID_ 用户组ID VARCHAR(255) 255 是 组ID TYPE_ 用户组类型 VARCHAR(255) 255 是 类型，主要分为以下几种： assignee、 candidate、 owner、starter 、participant USER_ID_ 用户ID VARCHAR(255) 255 是 用户ID TASK_ID_ 任务Id VARCHAR(64) 64 是 节点实例ID PROC_INST_ID_ 流程实例Id VARCHAR(64) 64 是 流程实例ID 1.2.9 表名:ACT_HI_PROCINST（历史流程实例信息）核心表 ACT_HI_PROCINST(act_hi_procinst) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID_ VARCHAR(64) 64 PROC_INST_ID_ 流程实例ID VARCHAR(64) 64 BUSINESS_KEY_ 业务Key VARCHAR(255) 255 是 PROC_DEF_ID_ 流程定义Id VARCHAR(64) 64 START_TIME_ 开始时间 DATETIME END_TIME_ 结束时间 DATETIME 是 DURATION_ 时长 BIGINT(20) 20 是 START_USER_ID_ 发起人员Id VARCHAR(255) 255 是 START_ACT_ID_ 开始节点 VARCHAR(255) 255 是 END_ACT_ID_ 结束节点 VARCHAR(255) 255 是 SUPER_PROCESS_INSTANCE_ID_ 超级流程实例Id VARCHAR(64) 64 是 DELETE_REASON_ 删除理由 VARCHAR(4000) 4000 是 1.2.10 表名:ACT_HI_TASKINST（历史任务流程实例信息）核心表 ACT_HI_TASKINST(act_hi_taskinst) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID_ VARCHAR(64) 64 主键ID PROC_DEF_ID_ 流程定义Id VARCHAR(64) 64 是 流程定义ID TASK_DEF_KEY_ 任务定义Key VARCHAR(255) 255 是 节点定义ID PROC_INST_ID_ 流程实例ID VARCHAR(64) 64 是 流程实例ID EXECUTION_ID_ 执行ID VARCHAR(64) 64 是 执行实例ID NAME_ 名称 VARCHAR(255) 255 是 名称 PARENT_TASK_ID_ 父任务iD VARCHAR(64) 64 是 父节点实例ID DESCRIPTION_ 描述 VARCHAR(4000) 4000 是 描述 OWNER_ 实际签收人 任务的拥有者 VARCHAR(255) 255 是 签收人（默认为空，只有在委托时才有值） ASSIGNEE_ 代理人 VARCHAR(255) 255 是 签收人或被委托 START_TIME_ 开始时间 DATETIME 开始时间 CLAIM_TIME_ 提醒时间 DATETIME 是 提醒时间 END_TIME_ 结束时间 DATETIME 是 结束时间 DURATION_ 时长 BIGINT(20) 20 是 耗时 DELETE_REASON_ 删除理由 VARCHAR(4000) 4000 是 删除原因(completed,deleted) PRIORITY_ 优先级 INT(11) 11 是 优先级别 DUE_DATE_ 应完成时间 DATETIME 是 过期时间，表明任务应在多长时间内完成 FORM_KEY_ 表单key VARCHAR(255) 255 是 desinger节点定义的 form_key属性 1.2.11 表名:ACT_HI_VARINST（历史变量信息） ACT_HI_VARINST(act_hi_varinst) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID_ VARCHAR(64) 64 ID_ PROC_INST_ID_ 流程实例ID VARCHAR(64) 64 是 流程实例ID EXECUTION_ID_ 执行ID VARCHAR(64) 64 是 执行实例ID TASK_ID_ 任务Id VARCHAR(64) 64 是 任务实例ID NAME_ 名称 VARCHAR(255) 255 参数名称(英文) VAR_TYPE_ 变量类型 VARCHAR(100) 100 是 参见VAR_TYPE_类型说明 REV_ REV_ INT(11) 11 是 Version BYTEARRAY_ID_ 字节数组ID VARCHAR(64) 64 是 ACT_GE_BYTEARRAY表的主键 DOUBLE_ DOUBLE_ DOUBLE 是 存储DoubleType类型的数据 LONG_ LONG_ BIGINT(20) 20 是 存储LongType类型的数据 TEXT_ TEXT_ VARCHAR(4000) 4000 是 存储变量值类型为String，如此处存储持久化对象时，值jpa对象的class TEXT2_ TEXT2_ VARCHAR(4000) 4000 是 此处存储的是JPA持久化对象时，才会有值。此值为对象ID 1.2.12 表名:ACT_ID_GROUP（用户组表） 用来存储用户组信息。 ACT_ID_GROUP(act_id_group) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ 用户组ID VARCHAR(64) 64 REV_ 版本号 INT(11) 11 是 NAME_ 用户组描述信息 VARCHAR(255) 255 是 TYPE_ 用户组类型 VARCHAR(255) 255 是 1.2.13 表名:ACT_ID_INFO（用户扩展信息表） 用户扩展信息表。目前该表未用到。 ACT_ID_INFO(act_id_info) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ VARCHAR(64) 64 REV_ 版本号 INT(11) 11 是 USER_ID_ 用户ID VARCHAR(64) 64 是 TYPE_ 类型 VARCHAR(64) 64 是 KEY_ formINPut名称 VARCHAR(255) 255 是 VALUE_ 值 VARCHAR(255) 255 是 PASSWORD_ 密码 LONGBLOB 是 PARENT_ID_ 父节点 VARCHAR(255) 255 是 1.2.14 表名:ACT_ID_MEMBERSHIP（用户用户组关联表） 用来保存用户的分组信息 ACT_ID_MEMBERSHIP(act_id_membership) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 USER_ID_ 用户Id VARCHAR(64) 64 是 GROUP_ID_ 用户组Id VARCHAR(64) 64 1.2.15 表名:ACT_ID_USER（用户信息表） ACT_ID_USER(act_id_user) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID_ VARCHAR(64) 64 REV_ 版本号 INT(11) 11 是 FIRST_ 用户名称 VARCHAR(255) 255 是 LAST_ 用户姓氏 VARCHAR(255) 255 是 EMAIL_ 邮箱 VARCHAR(255) 255 是 PWD_ 密码 VARCHAR(255) 255 是 PICTURE_ID_ 头像Id VARCHAR(64) 64 是 1.2.16 表名:ACT_RE_DEPLOYMENT（部署信息表） 用来存储部署时需要持久化保存下来的信息 ACT_RE_DEPLOYMENT(act_re_deployment) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ 部署编号，自增长 VARCHAR(64) 64 NAME_ 部署包的名称 VARCHAR(255) 255 是 CATEGORY_ 类型 VARCHAR(255) 255 是 TENANT_ID_ 租户 VARCHAR(255) 255 是 多租户通常是在软件需要为多个不同组织服务时产生的概念 DEPLOY_TIME_ 部署时间 TIMESTAMP CURRENT_TIMESTAMP 1.2.17 表名:ACT_RE_MODEL(流程设计模型表) 创建流程的设计模型时，保存在该数据表中。 ACT_RE_MODEL(act_re_model) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID_ VARCHAR(64) 64 ID_ REV_ INT(11) 11 是 乐观锁 NAME_ 模型的名称： 比如：收文管理 VARCHAR(255) 255 是 名称 KEY_ 模型的关键字，流程引擎用到。 比如：FTOA_SWGL VARCHAR(255) 255 是 分类，例如： http://www.mossle.com/docs/activiti/ CATEGORY_ 类型，用户自己对流程模型的分类。 VARCHAR(255) 255 是 分类 CREATE_TIME_ 创建时间 TIMESTAMP 是 创建时间 LAST_UPDATE_TIME_ 最后修改时间 TIMESTAMP 是 最新修改时间 VERSION_ 版本，从1开始。 INT(11) 11 是 版本 META_INFO_ 数据源信息，比如： {"name":"FTOA_SWGL","revision":1,"description":"丰台财政局OA，收文管理流程"} VARCHAR(4000) 4000 是 以json格式保存流程定义的信息 DEPLOYMENT_ID_ 部署ID VARCHAR(64) 64 是 部署ID EDITOR_SOURCE_VALUE_ID_ 编辑源值ID VARCHAR(64) 64 是 是 ACT_GE_BYTEARRAY 表中的ID_值。 EDITOR_SOURCE_EXTRA_VALUE_ID_ 编辑源额外值ID（外键ACT_GE_BYTEARRAY ） VARCHAR(64) 64 是 是 ACT_GE_BYTEARRAY 表中的ID_值。 TENANT_ID_ 租户 VARCHAR(255) 255 是 1.2.18 表名:ACT_RE_PROCDEF（流程定义：解析表） 流程解析表，解析成功了，在该表保存一条记录。业务流程定义数据表 ACT_RE_PROCDEF(act_re_procdef) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省 备注 是 ID_ 流程ID，由“流程编号：流程版本号：自增长ID”组成 VARCHAR(64) 64 ID_ REV_ 版本号 INT(11) 11 是 乐观锁 CATEGORY_ 流程命名空间（该编号就是流程文件targetNamespace的属性值） VARCHAR(255) 255 是 流程定义的Namespace就是类别 NAME_ 流程名称（该编号就是流程文件process元素的name属性值） VARCHAR(255) 255 是 名称 KEY_ 流程编号（该编号就是流程文件process元素的id属性值） VARCHAR(255) 255 流程定义ID VERSION_ 流程版本号（由程序控制，新增即为1，修改后依次加1来完成的） INT(11) 11 版本 DEPLOYMENT_ID_ 部署编号 VARCHAR(64) 64 是 部署表ID RESOURCE_NAME_ 资源文件名称 VARCHAR(4000) 4000 是 流程bpmn文件名称 DGRM_RESOURCE_NAME_ 图片资源文件名称 VARCHAR(4000) 4000 是 png流程图片名称 DESCRIPTION_ 描述信息 VARCHAR(4000) 4000 是 描述 HAS_START_FORM_KEY_ 是否从key启动 TINYINT(4) 4 是 start节点是否存在formKey 0否 1是 SUSPENSION_STATE_ 是否挂起 INT(11) 11 是 1激活 2挂起 注：此表和ACT_RE_DEPLOYMENT是多对一的关系，即，一个部署的bar包里可能包含多个流程定义文件，每个流程定义文件都会有一条记录在ACT_RE_PROCDEF表内，每个流程定义的数据，都会对于ACT_GE_BYTEARRAY表内的一个资源文件和PNG图片文件。和ACT_GE_BYTEARRAY的关联是通过程序用ACT_GE_BYTEARRAY.NAME与ACT_RE_PROCDEF.NAME_完成的，在数据库表结构中没有体现。 1.2.19 表名:ACT_RU_EVENT_SUBSCR(运行时事件) ACT_RU_EVENT_SUBSCR(act_ru_event_subscr) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID VARCHAR(64) 64 REV_ 版本号 INT(11) 11 是 EVENT_TYPE_ 事件类型 VARCHAR(255) 255 EVENT_NAME_ 事件名称 VARCHAR(255) 255 是 EXECUTION_ID_ 流程执行ID VARCHAR(64) 64 是 PROC_INST_ID_ 流程实例ID VARCHAR(64) 64 是 ACTIVITY_ID_ 活动ID VARCHAR(64) 64 是 CONFIGURATION_ 配置信息 VARCHAR(255) 255 是 CREATED_ 创建时间 TIMESTAMP CURRENT_TIMESTAMP 1.2.20 表名:ACT_RU_EXECUTION（运行时流程执行实例） 核心，我的代办任务查询表 ACT_RU_EXECUTION(act_ru_execution) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID_ VARCHAR(64) 64 ID_ REV_ 版本号 INT(11) 11 是 乐观锁 PROC_INST_ID_ 流程实例编号 VARCHAR(64) 64 是 流程实例ID BUSINESS_KEY_ 业务编号 VARCHAR(255) 255 是 业务主键ID PARENT_ID_ 父执行流程 VARCHAR(64) 64 是 父节点实例ID PROC_DEF_ID_ 流程定义Id VARCHAR(64) 64 是 流程定义ID SUPER_EXEC_ VARCHAR(64) 64 是 ACT_ID_ 实例id VARCHAR(255) 255 是 节点实例ID即 ACT_HI_ACTINST中ID IS_ACTIVE_ 激活状态 TINYINT(4) 4 是 是否存活 IS_CONCURRENT_ 并发状态 TINYINT(4) 4 是 是否为并行(true/false） IS_SCOPE_ TINYINT(4) 4 是 IS_EVENT_SCOPE_ TINYINT(4) 4 是 SUSPENSION_STATE_ 暂停状态_ INT(11) 11 是 挂起状态 1激活 2挂起 CACHED_ENT_STATE_ 缓存结束状态_ INT(11) 11 是 1.2.21 表名:ACT_RU_IDENTITYLINK（身份联系） 主要存储当前节点参与者的信息,任务参与者数据表。 ACT_RU_IDENTITYLINK(act_ru_identitylink) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 ID_ ID_ VARCHAR(64) 64 REV_ 版本号 INT(11) 11 是 GROUP_ID_ 用户组ＩＤ VARCHAR(255) 255 是 TYPE_ 用户组类型 VARCHAR(255) 255 是 主要分为以下几种：assignee、candidate、 owner、starter、participant。即：受让人,候选人,所有者、起动器、参与者 USER_ID_ 用户ID VARCHAR(255) 255 是 TASK_ID_ 任务Id VARCHAR(64) 64 是 PROC_INST_ID_ 流程实例ID VARCHAR(64) 64 是 PROC_DEF_ID_ 流程定义Id VARCHAR(64) 64 是 1.2.22 表名:ACT_RU_JOB（运行中的任务） 运行时定时任务数据表 ACT_RU_JOB(act_ru_job) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 ID_ ID_ VARCHAR(64) 64 标识 REV_ 版本号 INT(11) 11 是 版本 TYPE_ TYPE_ VARCHAR(255) 255 类型 LOCK_EXP_TIME_ LOCK_EXP_TIME_ TIMESTAMP 是 锁定释放时间 LOCK_OWNER_ LOCK_OWNER_ VARCHAR(255) 255 是 挂起者 EXCLUSIVE_ EXCLUSIVE_ TINYINT(1) 1 是 EXECUTION_ID_ EXECUTION_ID_ VARCHAR(64) 64 是 执行实例ID PROCESS_INSTANCE_ID_ PROCESS_INSTANCE_ID_ VARCHAR(64) 64 是 流程实例ID PROC_DEF_ID_ PROC_DEF_ID_ VARCHAR(64) 64 是 流程定义ID RETRIES_ RETRIES_ INT(11) 11 是 EXCEPTION_STACK_ID_ EXCEPTION_STACK_ID_ VARCHAR(64) 64 是 异常信息ID EXCEPTION_MSG_ EXCEPTION_MSG_ VARCHAR(4000) 4000 是 异常信息 DUEDATE_ DUEDATE_ TIMESTAMP 是 到期时间 REPEAT_ REPEAT_ VARCHAR(255) 255 是 重复 HANDLER_TYPE_ HANDLER_TYPE_ VARCHAR(255) 255 是 处理类型 HANDLER_CFG_ HANDLER_CFG_ VARCHAR(4000) 4000 是 标识 1.2.23 表名:ACT_RU_TASK(运行时任务数据表) （执行中实时任务）代办任务查询表 ACT_RU_TASK(act_ru_task) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 取值说明 是 ID_ ID_ VARCHAR(64) 64 ID_ REV_ 版本号 INT(11) 11 是 乐观锁 EXECUTION_ID_ 实例id（外键EXECUTION_ID_） VARCHAR(64) 64 是 执行实例ID PROC_INST_ID_ 流程实例ID（外键PROC_INST_ID_） VARCHAR(64) 64 是 流程实例ID PROC_DEF_ID_ 流程定义ID VARCHAR(64) 64 是 流程定义ID NAME_ 任务名称 VARCHAR(255) 255 是 节点定义名称 PARENT_TASK_ID_ 父节任务ID VARCHAR(64) 64 是 父节点实例ID DESCRIPTION_ 任务描述 VARCHAR(4000) 4000 是 节点定义描述 TASK_DEF_KEY_ 任务定义key VARCHAR(255) 255 是 任务定义的ID OWNER_ 所属人(老板) VARCHAR(255) 255 是 拥有者（一般情况下为空，只有在委托时才有值） ASSIGNEE_ 代理人员 (受让人) VARCHAR(255) 255 是 签收人或委托人 DELEGATION_ 代理团 VARCHAR(64) 64 是 委托类型，DelegationState分为两种：PENDING，RESOLVED。如无委托则为空 PRIORITY_ 优先权 INT(11) 11 是 优先级别，默认为：50 CREATE_TIME_ 创建时间 TIMESTAMP 创建时间，CURRENT_TIMESTAMP DUE_DATE_ 执行时间 DATETIME 是 耗时 SUSPENSION_STATE_ 暂停状态 INT(11) 11 是 1代表激活 2代表挂起 1.2.24 表名:ACT_RU_VARIABLE(运行时流程变量数据表) ACT_RU_VARIABLE(act_ru_variable) 是否主键 字段名 字段描述 数据类型 长度 可空 约束 缺省值 备注 是 ID_ ID_ VARCHAR(64) 64 主键标识 REV_ 版本号 INT(11) 11 是 乐观锁 TYPE 编码类型 VARCHAR(255) 255 参见VAR_TYPE_类型说明 NAME_ 变量名称 VARCHAR(255) 255 变量名称 EXECUTION_ID_ 执行实例ID VARCHAR(64) 64 是 执行的ID PROC_INST_ID_ 流程实例Id VARCHAR(64) 64 是 流程实例ID TASK_ID_ 任务id VARCHAR(64) 64 是 节点实例ID(Local） BYTEARRAY_ID_ 字节组ID VARCHAR(64) 64 是 字节表的ID （ACT_GE_BYTEARRAY） DOUBLE_ DOUBLE_ DOUBLE 是 存储变量类型为Double LONG_ LONG_ BIGINT(20) 20 是 存储变量类型为long TEXT_ TEXT_ VARCHAR(4000) 4000 是 存储变量值类型为String 如此处存储持久化对象时，值jpa对象的class TEXT2_ TEXT2_ VARCHAR(4000) 4000 是 此处存储的是JPA持久化对象时，才会有值。此值为对象ID 2 Activiti中主要对象的关系 本节主要介绍在工作流中出现的几个对象及其之间的关系，以及在Activiti中各个对象是如何关联的。 在开始之前先看看下图，对整个对象结构有个了解，再结合实例详细介绍理解。 图1.Activiti中几个对象之间的关系 我们模拟一个请假的流程进行分析介绍，该流程主要包含以下几个步骤： u 员工申请请假 u 部门领导审批 u 人事审批 u 员工销假 ProcessInstance对象 员工开始申请请假流程，通过runtimeService.startProcessInstance()方法启动，引擎会创建一个流程实例（ProcessInstance）。 简单来说流程实例就是根据一次（一条）业务数据用流程驱动的入口，两者之间是一对一的关系。流程引擎会创建一条数据到ACT_RU_EXECUTION表，同时也会根据history的级别决定是否查询相同的历史数据到ACT_HI_PROCINST表。 启动完流程之后业务和流程已经建立了关联关系，第一步结束。 启动流程和业务关联区别： u 对于自定义表单来说启动的时候会传入businessKey作为业务和流程的关联属性 u 对于动态表单来说不需要使用businessKey关联，因为所有的数据都保存在引擎的表中 u 对于外部表单来说businessKey是可选的，但是一般不会为空，和自定义表单类似 Execution对象 对于初学者来说，最难理解的地方就是ProcessInstance与Execution之间的关系，要分两种情况说明。Execution的含义就是一个流程实例（ProcessInstance）具体要执行的过程对象。 不过在说明之前先声明两者的对象映射关系： ProcessInstance（1）→ Execution(N)，（其中N>=1）。 1) 值相等的情况： 除了在流程中启动的子流程之外，流程启动之后在表ACT_RU_EXECUTION中的字段ID_和PROC_INST_ID_字段值是相同的。 图2.ID_和PROC_INST_ID_相等 2) 值不相等的情况： 不相等的情况目前只会出现在子流程中（包含：嵌套、引入），例如一个购物流程中除了下单、出库节点之外可能还有一个付款子流程，在实际企业应用中付款流程通常是作为公用的，所以使用子流程作为主流程（购物流程）的一部分。 当任务到达子流程时引擎会自动创建一个付款流程，但是这个流程有一个特殊的地方，在数据库可以直观体现，如下图。 图3.ID_和PROC_INST_ID_不相等 上图中有两条数据，第二条数据（嵌入的子流程）的PARENT_ID_等于第一条数据的ID_和PROC_INST_ID_，并且两条数据的PROC_INST_ID_相同。 上图中还有一点特殊的地方，字段IS_ACTIVE_的值分别是0和1，说明正在执行子流程主流程挂起。 Task对象 前面说了ProcessInstance和业务是一对一关联的，和业务数据最亲密；而Task则和用户最亲密的（UserTask），用户每天的待办事项就是一个个的Task对象。 从图1中看得出Execution和Task是一对一关系，Task可以是任何类型的Task实现，可以是用户任务（UserTask）、Java服务（JavaServiceTask）等，在实际流程运行中只不过面向对象不同，用户任务(UserTask)需要有人为参与完成（complete），Java服务需要由系统自动执行（execution）。 图4. 表ACT_RU_TASK Task是在流程定义中看到的最大单位，每当一个Task完成的时候引擎会把当前的任务移动到历史中，然后插入下一个任务插入到表ACT_RU_TASK中。结合请假流程来说就是让用户点击“完成”按钮提交当前任务是的动作，引擎自动根据任务的顺序流或者排他分支判断走向。 HistoryActivity（历史活动） 图5. 表ACT_HI_ACTINST Activity包含了流程中所有的活动数据，例如开始事件（图5表中的第1条数据）、各种分支（排他分支、并行分支等，图5表中的第2条数据）、以及刚刚提到的Task执行记录（如图5表中的第3、4条数据）。 有些人认为Activity和Task是多对一关系，其实不是，从上图中可以看出来根本没有Task相关的字段。 结合请假流程来说，如Task中提到的当完成流程的时候所有下一步要执行的任务（包括各种分支）都会创建一个Activity记录到数据库中。例如领导审核节点点击“同意”按钮就会流转到人事审批节点，如果“驳回”那就流转到调整请假内容节点，每一次操作的Task背后实际记录更详细的活动（Activity）。
-
发表了文章 2016-08-26
Ionic 开发中遇到的常见问题及解决方案
前言Ionic是目前较为流行的Hybird App解决方案,在Ionic开发过程中会遇到很多常见的开发问题，本文尝试对这些问题给出解决方案。 一些常识与技巧list 有延迟，可以在ion-content处使用 overflow-scroll="true"尝试在上用ng-click上是没效果的标签内的事件会在整个label内被触发，点哪都触发快捷修改背景色style="background-color: #212326;"能用ng-if就用ng-if,ng-if的效率比ng-show和ng-hide高直接在ion-list中的ion-item中并不能触发ng-click事件，可以在item中的元素上再套一层div可以用ng-class="{'important': post.important}"配合css 根据列表元素显示不同的效果获取日期用$filter，var postdate = $filter('date')(date, 'yyyy-MM-dd HH:mm:ss');列表中的元素不能写成 id : 4，应写成 id : "4",注意在创建id变量的时候也需要转成string,如var id = InfoListService.getListLength()+1+"";使用$log进行log输出,为什么用$log而不是console.log呢？可以看看这个在安卓上的体验比较差，动画有延迟？可以试试ionic集成的crosswalkcontrollers和services 的文件名可能会重合，但是他们意义差不多，可以将controllers中的文件名小写，对应的services中的文件名大写进行区分,或者加后缀xxxControler,xxxService安装cordova插件的时候用ionic plugin add ...的方式添加，这样会在package.json中添加这个插件的条目，如果有人clone了你的项目想在本地运行，可以用ionic state restore它会根据cordovaPlugins条目安装对应的插件。如果直接用cordova plugin add 安装则不会更新package.json。上传base64编码的时候如果提示413错误，是因为文件过大导致的，可以在nodejs中设置bodyparser的文件限制:var bodyParser = require('body-parser');app.use(bodyParser.json({limit: '50mb'}));app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));img 中 base64编码的图片无法显示？在源码中发现angular添加了unsafe标签？需要在白名单中添加data:image$compileProvider.imgSrcSanitizationWhitelist(/^s*(https?|ftp|mailto|content|file|assets-library):|data:image//);有时候pm2运行有问题，重启一下即可在ios设备上运行ionic run ios --device 问题列表1.如何在某个界面中去掉导航栏?2.如何在ionic中加载本地图片?3.如何在ionic中嵌入网页代码?4.如何将template加载到某个tab或某个sidemenu项目下?5.运行serve命令时ionic报错?6.用docker跑ionic的时候，不能把地址绑定到0.0.0.0怎么处理?7.加载页面的时候会看到双括号一闪而过？8.更新了数据，如何让界面更新呢？9.如何实现IonicView中card上面有一列分割线的效果?10.controller.js和service.js文件越来越大怎么办?11.如何寻找优秀的范例代码?12.如何显示相对时间？13.发布应用的时候如果遇到翻译错误即MissingTranslation怎么办?14.如何在列表右下方添加时间等信息?15.如何回到上一页面?16.如何关闭应用?17.在安卓设备上如何让title居中?18.如何让在sidemenu中的headerbar能够显示头像等其他信息?19.ionic的subheader挡住了内容区域怎么办?20.对于需要添加数据的list，在添加数据后页面不能及时刷新造成卡顿怎么办?21.ionic如何处理回退按钮？例如询问用户是否真的要退出应用22.ionic如何实现对每个请求都添加认证信息或认证失败自动重新登录?23.ionic如何实现搜索框内的全部清除按钮?如何在某个界面中去掉导航栏?如果某个界面上不想要导航栏，可以简单地在最顶端的标签中添加hide-nav-bar="true" 如何在ionic中加载本地图片?对于css文件夹中的样式文件中如果要调用本地的图片的话,从该css文件所在的文件夹开始算,例如www/css/style.css要加../,否则在浏览器中可以正常显示，在设备上不行，结构如下所示：.login-page { background:url(../img/signup_bg.png); background-size: cover; background-repeat: no-repeat;}但是对于在页面中定义的图片路径，从www路径开始算,否则浏览器中可显示，但设备上不行,img文件夹和index.html在一级,如： 如何在ionic中嵌入网页代码?使用ng-bind-html这个类,不过它会过滤原始html的标签，我们可以引入$sce模块，用$sce.trustAsHtml()方法信任我们获取的网页 如何将template加载到某个tab或某个sidemenu项目下? 可以指定name，然后在子状态中使用该name，ionic就知道该把该状态的template渲染到哪边了。例如： // signup page .state('auth.signup', { url: '/signup', views: { 'auth-signup': { templateUrl: 'templates/auth-signup.html', controller: 'SignUpCtrl' } } }) 另有一个tabs中声明该auth-signup: icon-off="ion-ios-personadd-outline" href="#/auth/signup"> 运行serve命令时ionic报错?ionic $ An uncaught exception occured and has been reported to Ionic看看你是不还有一个终端在运行着serve呢？ 用docker跑ionic的时候，不能把地址绑定到0.0.0.0怎么处理?可以用ionic serve -all的方法解决 加载页面的时候会看到双括号一闪而过？angularjs 在使用双括号的时候，第一个加载的页面，也就是应用中的index.html,其未被渲染好的模版可能会被用户看到。用ng-bind就不会遇到这个问题。造成这种现象的原因是，浏览器需要首先加载HTML页面，渲染它，然后Angular才有机会把它解释成你期望看到的内容。不过好消息是，在大多数的模版中你依然可以使用双括号.但是对于index.html页面中的数据绑定操作，建议使用ng-bind。ng-bind使用方式如下: 更新了数据，如何让界面更新呢？可以用广播，注意$broadcast 和 $emit的区别 如何实现IonicView中card上面有一列分割线的效果?在css里定义 info-up { border-top: 4px solid #f06336;} controller.js和service.js文件越来越大怎么办?所有的控制器不必都放在controllers.js这一个文件中，可以新建controllers文件夹，然后把每个controller都建一个.js文件，同理services和utils等都是.但注意要在index.html中head部分声明.但是为了避免他们相互覆盖，第一个加载的js中模块中要加[…],其他都不需要。如：// File : /js/directives/mainDirective.jsangular.module('app.directives',[]); // File : /js/directives/myGreatDirective.jsangular.module('app.directives') .directive('myGreatDirective', function(){ return { //... } }); // File : /js/directives/myBetterDirective.jsangular.module('app.directives') .directive('myBetterDirective', function(){ return { //... } }); ...看angularjs-code-organization了解更多,嗯这篇文章写的还不是best practice，因为你还得记着自己把[]写到那个模块里了，统一地写在app.js中即可，在app.js最下面加上类似：angular.module('fcws.controllers',['ionic', 'fcws.services']);angular.module('fcws.services', []);可以达到和上面一样的效果，而且可以统一管理. 如何寻找优秀的范例代码?目前有些ionic 的app没有进行代码混淆，至少ionic官方的ionic view没有进行代码混淆，下载他们的app，文件名改成zip，解压，所有的 www文件都在assets文件夹中，相当于开源了有木有，看看那些最优秀的practice。看中哪些优秀的app，下下来,如何在googleplay上下载？把googleplay应用的地址贴到apps.evozi中。 如何显示相对时间？如几分钟前，几天前等,可以用momentjs，看这篇教程 发布应用的时候如果遇到翻译错误即MissingTranslation怎么办?暂时的解决方法是，不进行翻译校正, 在 /platforms/android/build.gradle 中的android {}节中加入:lintOptions { disable 'MissingTranslation' disable 'ExtraTranslation' } 如何在列表右下方添加时间等信息?span 可以用来将时间之类的附加信息显示到列表右边,如下面会将创建时间显示在name的右边: <img src="../../img/commander.jpg"> <span class="item-note">{{message.create_at}}</span> <h2 >{{message.name}}</h2> <p > {{message.content}}</p> 如何回到上一页面?用$ionicHistory这个模块,引入该模块后使用goBack([backCount])，backCount指定回去多少个页面（-1代表回去一个页面），默认为-1 如何关闭应用?ionic.Platform.exitApp(); 在安卓设备上如何让title居中?在headerbar中添加align-title="center",如: <h1 class="title">{{username}}</h1> 不过这个设置对ion-view无效，亲测，如果要统一让所有navbar上的title居中(包括上面的headerbar)，可以在config里设置,如:.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) { $ionicConfigProvider.navBar.alignTitle('center'); ...如果要让某一个view title居中，可以用$ionicNavBarDelegate，参考ionic官方文档 如何让在sidemenu中的headerbar能够显示头像等其他信息?解决方案是去掉headerbar,添加一个avatar到sidemenu content中，如: <ion-content class="bar-positive"> <ion-list> <ion-item class="item item-avatar item-positive" href="#"> <img src="img/commander.jpg"> <h2 class=" light"> <i class="icon ion-ios-star"></i>{{title}} </h2> <a>{{username}}</a> </ion-item> ionic的subheader挡住了内容区域怎么办?解决方案是给加类has-subheader,同理也可以加has-header。如下: 对于需要添加数据的list，在添加数据后页面不能及时刷新造成卡顿怎么办?可以使用$ionicScrollDelegate.resize();在添加数据后手动进行重新刷新,记得添加依赖 ionic如何处理回退按钮？例如询问用户是否真的要退出应用可以在app.js的.run方法中增加对硬件回退按钮的注册处理,这里我在大部分页面都想注册该事件，除去有二级历史页面的我单独判断了下，注意增加依赖。$ionicPlatform.registerBackButtonAction(function(e) { var current_state_name = $state.current.name; if(current_state_name !== 'sidemenu.post' && current_state_name !== 'sidemenu.contact_town' && current_state_name !== 'sidemenu.contact_people'){ $ionicPopup.confirm({ title: '退出应用', template: '您确定要退出xxxx吗?' }).then(function (res) { if (res) { //ionic.Platform.exitApp(); navigator.app.exitApp(); } else { console.log('You are not sure'); } }); e.preventDefault(); return false; }else{ navigator.app.backHistory(); } },100); ionic如何实现对每个请求都添加认证信息或认证失败自动重新登录?在应用的注册或者登录部分，不记名token响应了这个请求并且这个token被存储到本地存储中。当你向后端请求一个服务时，你需要把这个token放在头部中。你可以在app.js的.config方法中使用AngularJS的拦截器实现这个。每次请求都会被拦截并且会把认证头部和值放到头部中,同理如果服务器端响应401或403，跳转到重新登录页面.$httpProvider.interceptors.push(function ($q, $location, User, $rootScope) { return { 'request': function (config) { config.headers = config.headers || {}; if (User.getToken()) { config.headers.Authorization = 'Bearer ' + User.getToken(); } return config; }, 'responseError': function (response) { if (response.status === 401 || response.status === 403) { //如果之前登陆过 if (User.getToken()) { $rootScope.$broadcast('unAuthenticed'); } } return $q.reject(response); } }; }); ionic如何实现搜索框内的全部清除按钮?在label中的input不能嵌入按钮，因为ionic对于label中的tap事件会进行重定向到input上。解决方案是将label替换成span或div。如下面的搜索框，注意ng-model需要是一个对象才能置空,变量不行: <i class="icon ion-ios-search placeholder-icon"></i> <input type="search" placeholder="请输入姓名前缀" ng-model="search.key"> <i class="icon ion-close-circled placeholder-icon" style="vertical-align: middle;" on-tap="clearSearch()" ng-if="search.key.length"></i> 中添加这个插件的条目，如果有人clone了你的项目想在本地运行，可以用ionic state restore它会根据cordovaPlugins条目安装对应的插件。如果直接用cordova plugin add 安装则不会更新package.json。上传base64编码的时候如果提示413错误，是因为文件过大导致的，可以在nodejs中设置bodyparser的文件限制:var bodyParser = require('body-parser');app.use(bodyParser.json({limit: '50mb'}));app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));img 中 base64编码的图片无法显示？在源码中发现angular添加了unsafe标签？需要在白名单中添加data:image$compileProvider.imgSrcSanitizationWhitelist(/^s*(https?|ftp|mailto|content|file|assets-library):|data:image//);有时候pm2运行有问题，重启一下即可在ios设备上运行ionic run ios --device
-
发表了文章 2016-03-29
JDK安装与环境变量配置
1 安装JDK 选择安装目录 安装过程中会出现两次 安装提示 。第一次是安装 jdk ，第二次是安装 jre 。建议两个都安装在同一个 java文件夹中的不同文件夹中。（不能都安装在java文件夹的根目录下，jdk和jre安装在同一文件夹会出错） 如下图所示 2 (1)：安装jdk 随意选择目录 只需把默认安装目录 \java 之前的目录修改即可 (2)：安装jre→更改→ \java 之前目录和安装 jdk 目录相同即可 注：若无安装目录要求，可全默认设置。无需做任何修改，两次均直接点下一步。 3 安装完JDK后配置环境变量 计算机→属性→高级系统设置→高级→环境变量 4 系统变量→新建 JAVA_HOME 变量 。 变量值填写jdk的安装目录（本人是 E:\Java\jdk1.7.0) 5 系统变量→寻找 Path 变量→编辑 在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; （注意原来Path的变量值末尾有没有;号，如果没有，先输入；号再输入上面的代码） 6 系统变量→新建 CLASSPATH 变量 变量值填写 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar（注意最前面有一点） 系统变量配置完毕 7 检验是否配置成功 运行cmd 输入 java -version （java 和 -version 之间有空格） 若如图所示 显示版本信息 则说明安装和配置成功。
-
发表了文章 2016-03-29
通过Canvas及File API缩放并上传图片完整示例
创建一个只管的用户界面，并允许你控制图片的大小。上传到服务器端的数据，并不需要处理enctype为 multi-part/form-data 的情况，仅仅一个简单的POST表单处理程序就可以了. 好了，下面附上完整的代码示例 Canvas简介 canvas 是一个HTML5新增的DOM元素，允许用户在页面上直接地绘制图形，通常是使用JavaScript.而不同的格式标准也是不同的，比如SVG是光栅API(raster API) 而VML却是向量API(vector API).可以考虑使用Adobe Illustrator(矢量图)作图与使用 Adobe Photoshop (光栅图)作图的区别。 在canvas(画布)上能做的事情就是读取和渲染图像,并且允许你通过JavaScript操纵图像数据。已经有很多现存的文章来为你演示基本的图像处理——主要关注与各种不同的图像过滤技术( image filtering techniques)——但我们需要的仅仅是缩放图片并转换到特定的文件格式，而canvas完全可以做到这些事情。 我们假定的需求，比如图像高度不超过100像素，不管原始图像有多高。基本的代码如下所示: // 参数，最大高度 var MAX_HEIGHT = 100; // 渲染 function render(src){ // 创建一个 Image 对象 var image = new Image(); // 绑定 load 事件处理器，加载完成后执行 image.onload = function(){ // 获取 canvas DOM 对象 var canvas = document.getElementById("myCanvas"); // 如果高度超标 if(image.height > MAX_HEIGHT) { // 宽度等比例缩放 *= image.width *= MAX_HEIGHT / image.height; image.height = MAX_HEIGHT; } // 获取 canvas的 2d 环境对象, // 可以理解Context是管理员，canvas是房子 var ctx = canvas.getContext("2d"); // canvas清屏 ctx.clearRect(0, 0, canvas.width, canvas.height); // 重置canvas宽高 canvas.width = image.width; canvas.height = image.height; // 将图像绘制到canvas上 ctx.drawImage(image, 0, 0, image.width, image.height); // !!! 注意，image 没有加入到 dom之中 }; // 设置src属性，浏览器会自动加载。 // 记住必须先绑定事件，才能设置src属性，否则会出同步问题。 image.src = src; }; 在上面的例子中，你可以使用canvas 的 toDataURL() 方法获取图像的 Base64编码的值(可以类似理解为16进制字符串,或者二进制数据流). 注意： canvas 的 toDataURL() 获取的URL以字符串开头，有22个无用的数据 "data:image/png;base64,"，需要在客户端或者服务端进行过滤. 原则上只要浏览器支持，URL地址的长度是没有限制的，而1024的长度限制，是老一代IE所独有的。 请问,如何获取我们需要的图像呢？ 好孩子,很高兴你能这么问。你并不能通过File 输入框来直接处理，你从这个文件输入框元素所能获取的仅仅是用户所选择文件的path路径。按照常规想象，你可以通过这个path路径信息来加载图像，但是，在浏览器里面这是不现实的。(译者注:浏览器厂商必须保证自己的浏览器绝对安全，才能获得市场，至少避免媒体的攻击，如果允许这样做，那恶意网址可以通过拼凑文件路径来尝试获取某些敏感信息). 为了实现这个需求，我们可以使用HTML5的File API 来读取用户磁盘上的文件，并用这个file来作为图像的源(src,source). File API简介 新的File API接口是在不违背任何安全沙盒规则下，读取和列出用户文件目录的一个途径—— 通过沙盒(sandbox)限制，恶意网站并不能将病毒写入用户磁盘，当然更不能执行。 我们要使用的文件读取对象叫做 FileReader,FileReader允许开发者读取文件的内容(具体浏览器的实现方式可能大不相同)。 假设我们已经获取了图像文件的path路径，那么依赖前面的代码，使用FileReader来加载和渲染图像就变得很容易了： // 加载 图像文件(url路径) function loadImage(src){ // 过滤掉 非 image 类型的文件 if(!src.type.match(/image.*/)){ if(window.console){ console.log("选择的文件类型不是图片: ", src.type); } else { window.confirm("只能选择图片文件"); } return; } // 创建 FileReader 对象 并调用 render 函数来完成渲染. var reader = new FileReader(); // 绑定load事件自动回调函数 reader.onload = function(e){ // 调用前面的 render 函数 render(e.target.result); }; // 读取文件内容 reader.readAsDataURL(src); }; 请问，如何获取文件呢？ 小白兔，要有耐心！我们的下一步就是获取文件，当然有好多方法可以实现啦。例如：你可以用文本框让用户输入文件路径，但很显然大多数用户都不是开发者，对输入什么值根本就不了解. 为了用户使用方便，我们采用 Drag and Drop API接口。 使用 Drag and Drop API 拖拽接口(Drag and Drop)非常简单——在大多数的DOM元素上，你都可以通过绑定事件处理器来实现. 只要用户从磁盘上拖动一个文件到dom对象上并放开鼠标，那我们就可以读取这个文件。代码如下： function init(){ // 获取DOM元素对象 var target = document.getElementById("drop-target"); // 阻止 dragover(拖到DOM元素上方) 事件传递 target.addEventListener("dragover", function(e){e.preventDefault();}, true); // 拖动并放开鼠标的事件 target.addEventListener("drop", function(e){ // 阻止默认事件，以及事件传播 e.preventDefault(); // 调用前面的加载图像 函数，参数为dataTransfer对象的第一个文件 loadImage(e.dataTransfer.files[0]); }, true); var setheight = document.getElementById("setheight"); var maxheight = document.getElementById("maxheight"); setheight.addEventListener("click", function(e){ // var value = maxheight.value; if(/^\d+$/.test(value)){ MAX_HEIGHT = parseInt(value); } e.preventDefault(); },true); var btnsend = document.getElementById("btnsend"); btnsend.addEventListener("click", function(e){ // sendImage(); },true); }; 我们还可以做一些其他的处理，比如显示预览图。但如果不想压缩图片的话，那很可能没什么用。我们将采用Ajax通过HTTP 的post方式上传图片数据。下面的例子是使用Dojo框架来完成请求的，当然你也可以采用其他的Ajax技术来实现. Dojo 代码如下: // 译者并不懂Dojo，所以将在后面附上jQuery的实现 // Remember that DTK 1.7+ is AMD! require(["dojo/request"], function(request){ // 设置请求URL,参数，以及回调。 request.post("image-handler.php", { data: { imageName: "myImage.png", imageData: encodeURIComponent(document.getElementById("canvas").toDataURL("image/png")) } }).then(function(text){ console.log("The server returned: ", text); }); }); jQuery 实现如下： // 上传图片，jQuery版 function sendImage(){ // 获取 canvas DOM 对象 var canvas = document.getElementById("myCanvas"); // 获取Base64编码后的图像数据，格式是字符串 // "data:image/png;base64,"开头,需要在客户端或者服务器端将其去掉，后面的部分可以直接写入文件。 var dataurl = canvas.toDataURL("image/png"); // 为安全 对URI进行编码 // data%3Aimage%2Fpng%3Bbase64%2C 开头 var imagedata = encodeURIComponent(dataurl); //var url = $("#form").attr("action"); // 1. 如果form表单不好处理,可以使用某个hidden隐藏域来设置请求地址 // <input type="hidden" name="action" value="receive.jsp" /> var url = $("input[name='action']").val(); // 2. 也可以直接用某个dom对象的属性来获取 // <input id="imageaction" type="hidden" action="receive.jsp"> // var url = $("#imageaction").attr("action"); // 因为是string，所以服务器需要对数据进行转码，写文件操作等。 // 个人约定，所有http参数名字全部小写 console.log(dataurl); //console.log(imagedata); var data = { imagename: "myImage.png", imagedata: imagedata }; jQuery.ajax( { url : url, data : data, type : "POST", // 期待的返回值类型 dataType: "json", complete : function(xhr,result) { //console.log(xhr.responseText); var $tip2 = $("#tip2"); if(!xhr){ $tip2.text('网络连接失败!'); return false; } var text = xhr.responseText; if(!text){ $tip2.text('网络错误!'); return false; } var json = eval("("+text+")"); if(!json){ $tip2.text('解析错误!'); return false; } else { $tip2.text(json.message); } //console.dir(json); //console.log(xhr.responseText); } }); }; OK,搞定！你还需要做的，就是创建一个只管的用户界面，并允许你控制图片的大小。上传到服务器端的数据，并不需要处理enctype为 multi-part/form-data 的情况，仅仅一个简单的POST表单处理程序就可以了. 好了，下面附上完整的代码示例： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html> <html> <head> <title>通过Canvas及File API缩放并上传图片</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="Canvas,File,Image"> <meta http-equiv="description" content="2013年8月8日,renfufei@qq.com"> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script> // 参数，最大高度 var MAX_HEIGHT = 100; // 渲染 function render(src){ // 创建一个 Image 对象 var image = new Image(); // 绑定 load 事件处理器，加载完成后执行 image.onload = function(){ // 获取 canvas DOM 对象 var canvas = document.getElementById("myCanvas"); // 如果高度超标 if(image.height > MAX_HEIGHT) { // 宽度等比例缩放 *= image.width *= MAX_HEIGHT / image.height; image.height = MAX_HEIGHT; } // 获取 canvas的 2d 环境对象, // 可以理解Context是管理员，canvas是房子 var ctx = canvas.getContext("2d"); // canvas清屏 ctx.clearRect(0, 0, canvas.width, canvas.height); // 重置canvas宽高 canvas.width = image.width; canvas.height = image.height; // 将图像绘制到canvas上 ctx.drawImage(image, 0, 0, image.width, image.height); // !!! 注意，image 没有加入到 dom之中 }; // 设置src属性，浏览器会自动加载。 // 记住必须先绑定事件，才能设置src属性，否则会出同步问题。 image.src = src; }; // 加载 图像文件(url路径) function loadImage(src){ // 过滤掉 非 image 类型的文件 if(!src.type.match(/image.*/)){ if(window.console){ console.log("选择的文件类型不是图片: ", src.type); } else { window.confirm("只能选择图片文件"); } return; } // 创建 FileReader 对象 并调用 render 函数来完成渲染. var reader = new FileReader(); // 绑定load事件自动回调函数 reader.onload = function(e){ // 调用前面的 render 函数 render(e.target.result); }; // 读取文件内容 reader.readAsDataURL(src); }; // 上传图片，jQuery版 function sendImage(){ // 获取 canvas DOM 对象 var canvas = document.getElementById("myCanvas"); // 获取Base64编码后的图像数据，格式是字符串 // "data:image/png;base64,"开头,需要在客户端或者服务器端将其去掉，后面的部分可以直接写入文件。 var dataurl = canvas.toDataURL("image/png"); // 为安全 对URI进行编码 // data%3Aimage%2Fpng%3Bbase64%2C 开头 var imagedata = encodeURIComponent(dataurl); //var url = $("#form").attr("action"); // 1. 如果form表单不好处理,可以使用某个hidden隐藏域来设置请求地址 // <input type="hidden" name="action" value="receive.jsp" /> var url = $("input[name='action']").val(); // 2. 也可以直接用某个dom对象的属性来获取 // <input id="imageaction" type="hidden" action="receive.jsp"> // var url = $("#imageaction").attr("action"); // 因为是string，所以服务器需要对数据进行转码，写文件操作等。 // 个人约定，所有http参数名字全部小写 console.log(dataurl); //console.log(imagedata); var data = { imagename: "myImage.png", imagedata: imagedata }; jQuery.ajax( { url : url, data : data, type : "POST", // 期待的返回值类型 dataType: "json", complete : function(xhr,result) { //console.log(xhr.responseText); var $tip2 = $("#tip2"); if(!xhr){ $tip2.text('网络连接失败!'); return false; } var text = xhr.responseText; if(!text){ $tip2.text('网络错误!'); return false; } var json = eval("("+text+")"); if(!json){ $tip2.text('解析错误!'); return false; } else { $tip2.text(json.message); } //console.dir(json); //console.log(xhr.responseText); } }); }; function init(){ // 获取DOM元素对象 var target = document.getElementById("drop-target"); // 阻止 dragover(拖到DOM元素上方) 事件传递 target.addEventListener("dragover", function(e){e.preventDefault();}, true); // 拖动并放开鼠标的事件 target.addEventListener("drop", function(e){ // 阻止默认事件，以及事件传播 e.preventDefault(); // 调用前面的加载图像 函数，参数为dataTransfer对象的第一个文件 loadImage(e.dataTransfer.files[0]); }, true); var setheight = document.getElementById("setheight"); var maxheight = document.getElementById("maxheight"); setheight.addEventListener("click", function(e){ // var value = maxheight.value; if(/^\d+$/.test(value)){ MAX_HEIGHT = parseInt(value); } e.preventDefault(); },true); var btnsend = document.getElementById("btnsend"); btnsend.addEventListener("click", function(e){ // sendImage(); },true); }; window.addEventListener("DOMContentLoaded", function() { // init(); },false); </script> </head> <body> <div> <h1>通过Canvas及File API缩放并上传图片</h1> <p>从文件夹拖动一张照片到下方的盒子里， canvas 和 JavaScript将会自动的进行缩放.</p> <div> <input type="text" id="maxheight" value="100"/> <button id="setheight">设置图片最大高度</button> <input type="hidden" name="action" value="receive.jsp" /> </div> <div id="preview-row"> <div id="drop-target" style="width:400px;height:200px;min-height:100px;min-width:200px;background:#eee;cursor:pointer;">拖动图片文件到这里...</div> <div> <div> <button id="btnsend"> 上 传 </button> <span id="tip2" style="padding:8px 0;color:#f00;"></span> </div> </div> <div><h4>缩略图：</h4></div> <div id="preview" style="background:#f4f4f4;width:400px;height:200px;min-height:100px;min-width:200px;"> <canvas id="myCanvas"></canvas> </div> </div> </div> </body> </html> 服务端页面，receive.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@page import="sun.misc.BASE64Decoder"%> <%@page import="java.io.*"%> <%@page import="org.springframework.web.util.UriComponents"%> <%@page import="java.net.URLDecoder"%> <%! // 本文件：/receive.jsp // 图片存放路径 String photoPath = "D:/blog/upload/photo/"; File photoPathFile = new File(photoPath); // references: http://blog.csdn.net/remote_roamer/article/details/2979822 private boolean saveImageToDisk(byte[] data,String imageName) throws IOException{ int len = data.length; // // 写入到文件 FileOutputStream outputStream = new FileOutputStream(new File(photoPathFile,imageName)); outputStream.write(data); outputStream.flush(); outputStream.close(); // return true; } private byte[] decode(String imageData) throws IOException{ BASE64Decoder decoder = new BASE64Decoder(); byte[] data = decoder.decodeBuffer(imageData); for(int i=0;i<data.length;++i) { if(data[i]<0) { //调整异常数据 data[i]+=256; } } // return data; } %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <% //如果是IE，那么需要设置为text/html,否则会弹框下载 //response.setContentType("text/html;charset=UTF-8"); response.setContentType("application/json;charset=UTF-8"); // String imageName = request.getParameter("imagename"); String imageData = request.getParameter("imagedata"); int success = 0; String message = ""; if(null == imageData || imageData.length() < 100){ // 数据太短，明显不合理 message = "上传失败,数据太短或不存在"; } else { // 去除开头不合理的数据 imageData = imageData.substring(30); imageData = URLDecoder.decode(imageData,"UTF-8"); //System.out.println(imageData); byte[] data = decode(imageData); int len = data.length; int len2 = imageData.length(); if(null == imageName || imageName.length() < 1){ imageName = System.currentTimeMillis()+".png"; } saveImageToDisk(data,imageName); // success = 1; message = "上传成功,参数长度:"+len2+"字符，解析文件大小:"+len+"字节"; } // 后台打印 System.out.println("message="+message); %> { "message": "<%=message %>", "success": <%=success %> }
滑动查看更多
暂无更多信息
-
发表了文章
2016-09-02
整合Acitiviti在线流程设计器(Activiti-Modeler 5.19)
-
发表了文章
2016-09-02
Activiti数据库表结构(表详细版)
-
发表了文章
2016-09-02
【Activiti：学以致用】【第一章】 工作流核心API
-
发表了文章
2016-08-26
Ionic 开发中遇到的常见问题及解决方案
-
发表了文章
2015-11-23
正则验证js大全
-
发表了文章
2015-11-23
Apache Shiro 关于Shiro 授权
-
发表了文章
2015-11-23
利用花生壳和VisualSVN Server建立远程代码仓库
-
发表了文章
2015-11-23
js日期时间选择器bootstrap
-
发表了文章
2015-11-23
H2数据库攻略
-
发表了文章
2015-11-23
JSTL标签 参考手册(手动整理)
-
发表了文章
2015-11-23
Quartz使用示例总结
-
发表了文章
2015-11-23
jQuery UI Dialog 参数使用
-
发表了文章
2015-11-23
别怕！手把手教你使用Git
-
发表了文章
2015-11-25
java如何生成二维码图片
-
发表了文章
2015-11-25
如何生成一维码
-
发表了文章
2015-11-25
js 生成一维码(条形码)
-
发表了文章
2015-11-25
js生成二维码实例(真实有效)
-
发表了文章
2015-11-25
MyBatis 入门到精通(一) 了解MyBatis获取SqlSession
-
发表了文章
2015-11-25
MyBatis 入门到精通(二) SQL语句映射XML文件
-
发表了文章
2015-11-25
MyBatis 入门到精通(三) 高级结果映射
滑动查看更多
暂无更多信息