JEECG 上传插件升级-代码生成器

admin

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

升级步骤：

1.下载升级文件

    链接：https://pan.baidu.com/s/1wQ7xT83bglouprPN0Gu7qA 密码：ay6q

2.【新增文件】
    增加JS/css，将plupload文件夹直接拷贝到src/main/webapp/plug-in/下

3.【修改文件】
    拷贝Map.js至src/main/webapp/plug-in/tools/下，覆盖更新。

4.【新增文件】
    拷贝UploadPlTag.java至src/main/java/org/jeecgframework/tag/core/easyui/下。

5.【新增文件】
    拷贝plupload.ftl至src/main/java/org/jeecgframework/tag/ftl/下。

6.【修改文件】
    拷贝BaseTag.java至src/main/java/org/jeecgframework/tag/core/easyui/下,修改如下：

1. if (oConvertUtils.isIn("uploadify", types)) {
   
2.         /*sb.append("<link rel="stylesheet" href=""+basePath+"/plug-in/uploadify/css/uploadify.css" type="text/css"></link>");
   
3.         sb.append("<script type="text/javascript" src=""+basePath+"/plug-in/uploadify/jquery.uploadify-3.1.js"></script>");*/
   
4.         sb.append("<link rel="stylesheet" href=""+basePath+"/plug-in/uploadify/css/uploadify.css" type="text/css"></link>");
   
5.         sb.append("<script type="text/javascript" src=""+basePath+"/plug-in/plupload/plupload.full.min.js"></script>");
   
6.         sb.append("<script type="text/javascript" src=""+basePath+"/plug-in/tools/Map.js"></script>");
   
7. }

复制代码

7.【修改文件】
    修改src/main/webapp/WEB-INF/tld/easyui.tld文件，找到<name>upload</name>的标签，修改其配置<tag-class>为org.jeecgframework.tag.core.easyui.UploadPlTag,修改如下：

1. <tag>
   
2.                 <name>upload</name>
   
3.                 <!-- <tag-class>org.jeecgframework.tag.core.easyui.UploadTag</tag-class> -->
   
4.                 <tag-class>org.jeecgframework.tag.core.easyui.UploadPlTag</tag-class>
   
5.                 <body-content>JSP</body-content>
   
6.                 <description>选项卡选项标签</description>
   
7.                 ......

复制代码

8.【修改文件】
    在src/main/resources/jeecg/下搜索 “jquery.uploadify-3.1.js” 若页面有，需要将此JS路径替换成plug-in/plupload/plupload.full.min.js，并且额外增加一个JS引入:

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

复制代码

    例如：搜索到文件src/main/resources/jeecg/ext-template/table/onetomany/cgform_jspTemplate_add.ftl中有 “jquery.uploadify-3.1.js”代码如下：

1. <t:base type="jquery,easyui,tools,DatePicker"></t:base>
   
2.   <#if callbackFlag == true>
   
3.   <link rel="stylesheet" href="plug-in/uploadify/css/uploadify.css" type="text/css" />
   
4.   <script type="text/javascript" src="plug-in/uploadify/jquery.uploadify-3.1.js"></script>
   
5.   </#if>

复制代码

    现需要将if判断内的JS替换掉，并且新增一个，改成如下代码即可：

1.   <t:base type="jquery,easyui,tools,DatePicker"></t:base>
   
2.   <#if callbackFlag == true>
   
3.   <link rel="stylesheet" href="plug-in/uploadify/css/uploadify.css" type="text/css" />
   
4.   <script type="text/javascript" src="plug-in/plupload/plupload.full.min.js"></script>
   
5.   <script type="text/javascript" src="plug-in/tools/Map.js"></script>
   
6.   </#if>

复制代码

    也可以直接改成标签式的写法

1.   <t:base type="jquery,easyui,tools,DatePicker"></t:base>
   
2.   <#if callbackFlag == true>
   
3.   <t:base type="uploadify"></t:base>
   
4.   </#if>

复制代码

    或者

1. <t:base type="jquery,easyui,tools,DatePicker<#if callbackFlag == true>,uploadify</#if>"></t:base>

复制代码