文档章节

JEECG 上传插件升级-Online

tyosc
 tyosc
发布于 2018/08/28 14:44
字数 769
阅读 187
收藏 0

前言:现有的uploadify上传是基于swf的,随着H5的普及,flash即将退出历史舞台,JEECG本着与时俱进的原则,将全面升级JEECG系统中的上传功能,采用新式上传插件plupload,此插件上传支持多种模式html5,flash,silverlight,html4,可通过配置实现优先模式,对于新版主流浏览器均可采用H5,对于不支持H5的低版本IE浏览器可走flash模式。以下讲解JEECG Online的升级。

升级步骤(细节描述可忽略):

1.下载升级文件

链接:https://pan.baidu.com/s/1SJXzPeN7qE4O6KB0O5qi2w 密码:z5eh

2.【新增文件】增加JS/css,将plupload文件夹直接拷贝到src/main/webapp/plug-in/下
3.【修改文件】拷贝Map.js至src/main/webapp/plug-in/tools/下,覆盖更新。
4.【修改文件】拷贝FormHtmlUtil.java至src/main/java/org/jeecgframework/web/cgform/common/下,覆盖更新。

(细节描述:在FormHtmlUtil类中新增一个方法getFilePluploadFormHtml 详细见升级文件,并找到getFormHTML方法,修改文件类型加载的页面代码的方法为getFilePluploadFormHtml,如下)

······
}else if(cgFormFieldEntity.getShowType().equals("file")){
	html=getFilePluploadFormHtml(cgFormFieldEntity);//获取实例化plupload组件的页面代码
}
······
5.【修改文件】拷贝CgFormBuildController.java至src/main/java/org/jeecgframework/web/cgform/controller/build/下,覆盖更新。

(细节描述:在CgFormBuildController类中找到getHtmlHead方法,注掉老版JS,替换成新版,修改如下)

//sb.append("<script type=\"text/javascript\" src=\""+basePath+"/plug-in/uploadify/jquery.uploadify-3.1.js\"></script>");
sb.append("<script type=\"text/javascript\" src=\""+basePath+"/plug-in/plupload/plupload.full.min.js\"></script>");
6.拷贝CgformFtlController.java至src/main/java/org/jeecgframework/web/cgform/controller/cgformftl/下,覆盖更新。

(细节描述:在CgformFtlController类中找到addorupdate方法,注掉老版JS,替换成新版,修改如下)

//sb.append("<script type=\"text/javascript\" src=\"${basePath}/plug-in/uploadify/jquery.uploadify-3.1.js\"></script>");
sb.append("<script type=\"text/javascript\" src=\"${basePath}/plug-in/plupload/plupload.full.min.js\"></script>");
7.拷贝文件夹moblieCommon001、moblieCommon002、ui至src/main/resources/online/template/下,覆盖更新。
细节描述:这个步骤修改的有

a.新增宏文件src/main/resources/online/template/ui/uploadPltag.ftl,详细见升级文件。

b.修改tag宏文件src/main/resources/online/template/ui/tag.ftl:

<#include "/online/template/ui/treetag.ftl"/>
<#include "/online/template/ui/uploadPltag.ftl"/>

c.模板文件中的JS替换,即在src/main/resources/online/template下搜索 “jquery.uploadify-3.1.js” 若页面有,需要将此JS路径替换成plug-in/plupload/plupload.full.min.js,并且额外增加一个JS引入:

<script type="text/javascript" src="plug-in/tools/Map.js"></script>

例如:搜索到文件src/main/resources/online/template/ui/basetag.ftl内有“jquery.uploadify-3.1.js”,代码如下:

<#if hasFile==true>
  <link rel="stylesheet" href="${webRootf!''}plug-in/uploadify/css/uploadify.css" type="text/css"></link>
  <script type="text/javascript" src="${webRootf!''}plug-in/uploadify/jquery.uploadify-3.1.js"></script>
</#if>

现需要将其改成:

<#if hasFile==true>
  <link rel="stylesheet" href="${webRootf!''}plug-in/uploadify/css/uploadify.css" type="text/css"></link>
  <script type="text/javascript" src="${webRootf!''}plug-in/plupload/plupload.full.min.js"></script>
  <script type="text/javascript" src="${webRootf!''}plug-in/tools/Map.js"></script>
</#if>

8.执行升级SQL

update cgform_ftl SET FTL_CONTENT = replace(FTL_CONTENT, 'plug-in/uploadify/jquery.uploadify-3.1.js', 'plug-in/plupload/plupload.full.min.js');

© 著作权归作者所有

共有 人打赏支持
tyosc
粉丝 3
博文 20
码字总数 10771
作品 0
合肥
私信 提问
【发布】JEECG 3.6.3版本发布 企业级JAVA快速开发平台

JEECG 3.6.3版本发布 企业级JAVA快速开发平台 JEECG(J2EE Code Generation)是一款基于代码生成器的智能开发平台。引领新的开发模式(OnlineCoding模式->代码生成器模式->手工MERGE智能开发)...

Jeecg
2016/04/12
66
0
JEECG 3.6.6 新春版,企业级 Java 快速开发平台

JEECG 3.6.6 新春版本发布了,企业级 Java 快速开发平台。 升级日志: 此版本云应用微服务框架版本,支持插件开发,让我们共同期待后续版本的到来 插件:集成即时聊天webim聊天插件; 插件:我...

Jeecg
2017/02/09
2.1K
5
JEECG3.6.4云插件开发版本 ,打造企业级云应用生态圈

JEECG 是一款基于代码生成器的J2EE快速开发平台,开源界“小普元”,超越传统商业企业级开发平台。JEECG引领新的开发模式(Online Coding模式(自定义表单)->代码生成器模式->手工MERGE智能开发...

Jeecg
2016/07/01
41
0
JEECG 3.6.3 发布 企业级JAVA快速开发平台

JEECG(J2EE Code Generation)是一款基于代码生成器的智能开发平台。引领新的开发模式(OnlineCoding模式->代码生成器模式->手工MERGE智能开发), 可以帮助解决Java项目60%的重复工作,让开发...

Jeecg
2016/04/11
5.6K
0
JEECG 3.6.5版本发布,企业级JAVA快速开发平台

JEECG 3.6.5版发布,企业级Java快速开发平台 JEECG 是一款基于代码生成器的J2EE快速开发平台,开源界“小普元”超越传统商业企业级开发平台。引领新的开发模式(Online Coding模式(自定义表单...

Jeecg
2016/07/19
143
0

没有更多内容

加载失败,请刷新页面

加载更多

eggjs与sequelize简单demo

参考 egg 官方文档 安装 // 依赖npm install --save egg-sequelize mysql2// ts 类型npm install --save @types/sequelize 插件,config/plugin.ts import { EggPlugin } from 'egg';......

Geeyu
38分钟前
1
0
看过上百部片子的这个人教你视频标签算法解析

本文由云+社区发表 随着内容时代的来临,多媒体信息,特别是视频信息的分析和理解需求,如图像分类、图像打标签、视频处理等等,变得越发迫切。目前图像分类已经发展了多年,在一定条件下已经...

腾讯云加社区
52分钟前
2
0
2. 红黑树

定义:红黑树(Red-Black Tree,简称R-B Tree),它一种特殊的二叉查找树(Binary Search Tree)。 要理解红黑树,先要了解什么是二叉查找树。在上一章中,我们学习了什么是二叉树,以及二叉树...

火拳-艾斯
53分钟前
3
0
input的button类型,点击页面跳转

一、input type=button 不做任何操作 例如: <input type="button" class="btn btn-primary" style="width: 30%" value="返回" onclick="window.location.href='/users/list'"></input> onc......

Sunki
今天
1
0
踩坑:js 小数运算出现精度问题

背景 在学习小程序商城源码时发现了这个问题,单价可能出现小数,小数之间运算结果会莫名其妙多出一大串数字,比如下面这样👇。 在此之前我是知道 js 中著名的 0.1 + 0.2 != 0.3 的问题的,...

dkvirus
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部