JEECG 上傳插件升級-代碼生成器

前言：現有的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/下,修改以下：

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

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

<tag>
		<name>upload</name>
		<!-- <tag-class>org.jeecgframework.tag.core.easyui.UploadTag</tag-class> -->
		<tag-class>org.jeecgframework.tag.core.easyui.UploadPlTag</tag-class>
		<body-content>JSP</body-content>
		<description>選項卡選項標籤</description>
		......

8.【修改文件】在src/main/resources/jeecg/下搜索 「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/jeecg/ext-template/table/onetomany/cgform_jspTemplate_add.ftl中有 「jquery.uploadify-3.1.js」代碼以下：

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

現須要將if判斷內的JS替換掉，而且新增一個，改爲以下代碼便可：

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

也能夠直接改爲標籤式的寫法

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

或者

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