使用easyui dialog先下载jQuery easyui 的压缩包  下载地址http://www.jeasyui.com/download/v155.php 解压后放在项目WebContent目录下 创建jsp文件引入easyui js和css文件 <script type="text/javascript" src="jquery-easyui-1.5/jquery.min.js"></script> <script type

#本人为项目组制定的一份页面优化指南(easyui页面优化方案) ##背景 这是一篇我之前为项目组制定的页面优化指南,主要是面向表单页面,典型的像[注册用户](https://passport.cnblogs.com/register.aspx)那样的页面. 本人的项目主要是基于easyui的,一开始都是直接用其中的layout进行布局,但对于一个实际项目中有100-200甚至更加多字段的表单项,载入的效率很成问题 经过**本人的分析**(具体的分析过程见[这里](http://www.cnbl

在页面上,只需要显示人们看的懂的文字就行,但是在数据库里面就不一定了,一般情况下,在数据库里面存字母,数字等除了汉字以外的字符,存汉字有个问题,就是有时候不同oracle数据库的客户端会出现乱码问题:这样显示在相应的页面上也会出现乱码问题,为了避免这种情况的发生,就需要在页面显示汉字,在数据库面不要存汉字就行:下面是例子: 一.easyui页面上数据: <div class="fitem"> <label>处理状态:</label> <sele

1. 静态资源压缩GZIP是站点压缩加速的一种技术,对于开启后能够加快我们站点的打开速度.原理是经过server压缩,client浏览器高速解压的原理,能够大大降低了站点的流量. 详细代码能够參加jeecg高速开发平台的实现; 通过资源压缩拦截器,降低带宽訪问 參考代码: /** * JS缓存压缩 * JEECG开源社区 * 论坛:www.jeecg.org * @author 张代浩 */ public class GZipFilter implements Filter { public v

第三期 · 使用 Vue 3.1 + Axios + Golang + Mysql + Gin 实现页面详情页 使用 Gin 框架重写后端 Gin Web Framework (gin-gonic.com) 整体代码量相比传统http写法少了30%,简洁.可读性高. C:. │ go.mod │ go.sum │ init.go │ main.go │ ├───controller │ checkerror.go │ comment.go │ gameblog.go │ gamelist.go

DAO package com.hanqi.dao; import java.util.ArrayList; import java.util.List; import org.hibernate.Session; import org.hibernate.SessionFactory; import org.hibernate.Transaction; import org.hibernate.boot.registry.StandardServiceRegistryBuilder; impo

可以用 beforeRouteLeave 和 updated 来判断.export default { name: 'supplier', components:{cmtWrap,cmtContent}, props: [], beforeRouteLeave (to, from, next) {//离开当前页 ){ //更新次数大于1 说明用户修改过当前页数据 因为获取详情时会更新一次 if(from.path.includes('nowPath')){ this.$confirm('即将离开

在开始对easyui里面页面上进行排序,感觉应该不怎么难,但是在操作的时候并没有那么简单,上网也查了很多进行排序的方法,最终总结出这个方法,供大家参考使用: 一.在easyui里面上只需 1.将要进行排序的字段添加一个属性(sortable="true"); 2.将要排序的table添加一个属性(remoteSort="true"); 3.如果只想在页面进行排序,而不再数据库里面进行排序:也就是说只需要对页面上查出来的当前页面上的几行数据进行排序,而不是对页面上所有

使用EasyUI时,有个经常遇到的问题,页面还没有渲染完成的时候,就展现了. 刚刚开始很混乱,等加载完成后,就好了. 参考这篇文章http://blog.csdn.net/zheng0518/article/details/12287801 搞定了. $.parser.onComplete,这个是在所有组件解析完成后执行的事件.其实这个事件很有用的.很多在布局用到easyui的时候总会出现一个问题.就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了. 其实

html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>异常告警</title&

1.定义toolbar方法 pagination : true, pageSize : 10, pageList : [ 5, 10, 15, 20, 50 ], toolbar : toolbarFtt() 2.定义新增方法 function toolbarFtt() { if (top.checkRole([ 'LOCK_FORFEITRUE' ])) { return [ { text : '缴纳保证金', iconCls : 'icon-add', handler : gridAdd }

开发工具:Ideal 使用场景:Demo 前提:       环境:Spring boot +Thymeleaf+easyui 引入thymeleaf模板引擎 <html lang="en" xmlns:th="http://www.thymeleaf.org"> Html页面引入easyui需要的文件 <link href="/js/jquery-easyui-1.5.3/themes/gray/easyui.css" rel

user类: @Entity@Table(name="c_user")public class User {      @Id @GeneratedValue(strategy=GenerationType.AUTO) private Long id; private String name; private  int age; @Column(length=2) private String sex;  private String LoginName;    private Str

easyUi页面布局中,查询条件放在JS中,如下 <script type="text/javascript"> var columnList = [ [   {    'id' : 'applyStartTime',    'text' : '申请开始时间',    'type' : 'datetimebox'   },   {    'id' : 'applyEndTime',    'text' : '申请结束时间',    'type' : 'datetimebox

今天在公司写测试代码,由于公司用的是ssh框架做的商城项目,我想先实现下简单的增删改查,奈何没有很好的后台页面(毕竟不能测试代码直接在他的项目里改啊) 所以想到了淘淘商城中有这个后台的管理页面,打算一试,奈何struts没学好,琢磨好几小时如何把json数据回传给easyui的页面,这里还是推荐大家用谷歌 后台页面使用的是easyui,直接放其中Customer添加页面和后台action的代码吧 customer-add.jsp <%@ page language="java"

thymeleaf和easyui 在easyui的内页,不再使用th:href引入静态资源文件. 在easyui页面中,script执行easyui自己的方法要加入: <script th:inline="none"> 登录后首页加入: <link th:href="@{/admin_css/index.css}" rel="stylesheet" /> <link th:href="@{/admin_cs

1. EasyUI是什么 EasyUI是一种第三方组织开发的一款基于jQuery的,简单易用的,功能强大的WEB[后台前端]JavaScript现成的组件库. 2.  JavaScript,AJAX,JSON,jQuery,EasyUI分别能解决什么问题 JS:基于浏览器对web页面中的节点进行操作,比较麻烦 jQuery:基于浏览器简化对web页面中的节点进行操作,做到了write less do more AJAX:基于浏览器与服务端进行局部刷新的异步通讯编程模式 JSON:简化自定义对象的

穿透layout的north 原理 穿透下面的层只要使该层的position置于fix即可 如果该层还有下一级,则下一层级的position置于absolute即可 示例代码 #menu.active .spanbox { position:fixed; } #menu.active .spanbox .spanbox {position :absolute ;} 更相信的推荐看下这篇文章,我也是看的他的:easyui页面布局元素无法穿透被遮挡

最终实际效果: HTML代码: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>项目实战 PC端固定布局</title> <link rel="stylesheet" href="css/basic.css"> <link rel="

最终效果: Html页面代码: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>项目实战 PC端固定布局</title> <link rel="stylesheet" href="css/basic.css"> <link rel="