文档章节

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

tyosc
 tyosc
发布于 2018/08/28 14:05
字数 693
阅读 676
收藏 0

「深度学习福利」大神带你进阶工程师,立即查看>>>

前言:现有的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>
tyosc
粉丝 3
博文 69
码字总数 29603
作品 0
昌平
程序员
私信 提问
加载中
请先登录后再评论。
CDH5: 使用parcels配置lzo

一、Parcel 部署步骤 1 下载: 首先需要下载 Parcel。下载完成后,Parcel 将驻留在 Cloudera Manager 主机的本地目录中。 2 分配: Parcel 下载后,将分配到群集中的所有主机上并解压缩。 3 激...

cloud-coder
2014/07/01
6.8K
1
Nutch学习笔记4-Nutch 1.7 的 索引篇 ElasticSearch

上一篇讲解了爬取和分析的流程,很重要的收获就是: 解析过程中,会根据页面的ContentType获得一系列的注册解析器, 依次调用每个解析器,当其中一个解析成功后就返回,否则继续执行下一个解...

强子哥哥
2014/06/26
712
0
5分钟 maven3 快速入门指南

前提条件 你首先需要了解如何在电脑上安装软件。如果你不知道如何做到这一点,请询问你办公室,学校里的人,或花钱找人来解释这个给你。 不建议给Maven的服务邮箱来发邮件寻求支持。 安装Mav...

fanl1982
2014/01/23
1.2W
7
表单验证插件--Jquery表单验证插件

目前支持对以下格式的值进行验证: cnum-(纯数字), char-(纯字母), zwen-(中文), bysc-(字母开头), mail(邮箱), yzbm(邮政编码) 其中的‘’表示长度,比如“zwen1-5”表示中文1-5位的长度。同...

huanganiu
2013/01/23
4.4K
0
HTTPS切换工具--HttpsSwitcher

HttpsSwitcher 是一个帮你进行 HTTPS 切换的 Chrome 插件,本工具可以帮你尝试使用https打开指定的域名,点击本插件的浏览器图标后会自动切换本标 签页的http/https状态,并且会记住你的选择...

leehorsley
2013/01/26
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

教师必备的7个免费下载教学课件网站

教学课件是教师教学的必备工具,好的课件可以帮助学生更好的融入课堂氛围,吸引学生关注课堂教学知识,帮助增进学生对教学知识的理解,从而更好的实现学习目的。本期,小编收集了比较好的7个...

V5codings
03/01
21
0
ubuntu 安装 oh my zsh

https://github.com/ohmyzsh/ohmyzsh https://ohmyz.sh/#install 安装 sudo apt-get install zsh -ysh -c "$(wget https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh ......

阿豪boy
31分钟前
7
0
自然语言处理中的语言模型简介

作者|Devyanshu Shukla 编译|Flin 来源|medium 在这篇文章中,我们将讨论关于语言模型(LM)的所有内容 什么是LM LM的应用 如何生成LM LM的评估 介绍 NLP中的语言模型是计算句子(单词序列)...

人工智能遇见磐创
今天
9
0
electron-vue跨平台桌面应用开发实战教程(十二)——集成加密版的sqlite3:sqlcipher

本文主要讲解集成及使用sqlcipher,一个可以加密的sqlite。sqlcipher官方npm地址:https://www.npmjs.com/package/@journeyapps/sqlcipher 由于和sqlite的功能一样,只是增加了加密的功能,所...

david_zh
今天
23
0
传统数据仓库搭建思路

该图为阿里云大学课程学习整理所得,在语雀平台制作。

wffger
今天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部