ligerUI实现分页
在公司实习看到公司框架里使用了ligerUI的grid进行分页,个人感觉挺好用的,自己摸索着实现了一遍记录下来
简单来说,liger grid 就是提交准备好的数据到指定的目标请求数据,拿到数据以后,显示出来(通过ajax实现)。
ligerGrid是ligerui系列插件的核心控件,用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。
这里只实现基于ligerUI的分页
LigerUI的分页方式有两种:local和server。
如果数据量不是很大,就直接采用local分页,一次性的把数据全部发送到前台来,之后LigerUI自身的grid会自动分页。说一下 total,在后台传送jsonString时传送定义好的total(总条数),你可以定义多少都可以,但是到前台它会自动将总条数赋值给total, 这是local下的方式。
而如果数据量很大,一次性加载直接不显示数据或反应很慢的,就需要用server分页了,当用server分页时,每次请求都会比local时多发送两个参数:page和pagesize,不需要自己去发送,只需要在后台获取就行,
int page=Integer.parseInt(request.getParameter("page"));
int pagesize=Integer.parseInt(request.getParameter("pagesize"));
int total;
这时你可以把page和pagesize写进你的sql语句:
sql=".........";
sql+=" limit "+(page*pagesize-pagesize)+","+pagesize;
这样查出的结果放入jsonString中,这里要注意total了,total需要自己定义,需要自己重新查一下结果的总条数后赋值给total传到页面,其他的LigerUI会帮你搞定!
关于更多的ligerUI grid参官网考API http://api.ligerui.com/?to=grid
关于选择前端分页还是后台分页参考博客http://blog.csdn.net/xiaoyousifang/article/details/5659667
local实现只需要将查询的数据全部提交到前端框架会自动帮你实现分页,但是我个人并不提倡进行客户端分页,Web应用服务器和客户端之间是网络,如果网络传递的数据量越少,则客户端获得响应的速度越快.而且一般来说,数据库服务器和Web应用服务器的处理能力一般比客户端要强很多.从这两点来看,在客户端分页的方案是最不可取的
下面上server端分页代码:
由于只使用了分页所以只导入了部分插件和图片
aaarticlea/png;base64,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" alt="" />
引入需要的jquery,liger和css
<link href="js/ligerui-all.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-3.0.0.js"></script>
<script type="text/javascript" src="js/ligerui.all.js"></script>
jsp中样例如下:在ligerGrid中需要指定dataAction(默认是local),请求的url,page和pageSize,其中page和pageSize可以在后台获取
<script type="text/javascript" >
$(function(){
var grid = $("#maingrid").ligerGrid({
columns: [
{ name: 'id', display: '序号',
render:function(record, rowindex, value, column){
return rowindex+1;
}
},
{ name: 'title', display: '标题'}
],
height:210,
dataAction:"server",
url:"LUServlet",
page:"1",
pageSize:"5"
});
});
</script>
</head>
<body>
<div style="width:600px">
<div id="maingrid"></div>
</div>
model类和测试数据库
//为了省事用sql.Date
import java.sql.Date;
public class Blog {
private int id;
private int category_id;
private String title;
private String content;
private Date created_time;
//getter和setter方法
@Override
public String toString() {
return "Blog [id=" + id + ", category_id=" + category_id + ", title=" + title + ", content=" + content
+ ", created_time=" + created_time + "]";
} }
aaarticlea/png;base64,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" alt="" />
dao类,用jdbc测试
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import model.Blog; public class MysqlTest {
PreparedStatement ps = null;
ResultSet rs = null;
Connection connect = null; public MysqlTest() {
try {
Class.forName("com.mysql.jdbc.Driver");
connect = DriverManager.getConnection("jdbc:mysql://localhost:3306/blogs_stu", "root", "");
} catch (Exception e) {
e.printStackTrace();
}
}
//返回一个Blog数组,用于拼接json字符串
//不用model时可以直接在此处拼接json字符串返回
//传入page和pagesize用于判断最后一页数组长度,否则会报错
public Blog[] getInfo(String sql,int page,int pagesize) {
int total=getTotal();
if(page*pagesize>=total){
pagesize=total%pagesize;
}
Blog[] blog = new Blog[pagesize];
try {
ps = connect.prepareStatement(sql);
rs = ps.executeQuery();
int index=0;
while (rs.next()) {
blog[index]=new Blog();
blog[index].setId(rs.getInt("id"));
blog[index].setCategory_id(rs.getInt("category_id"));
blog[index].setTitle(rs.getString("title"));
blog[index].setContent(rs.getString("content"));
blog[index].setCreated_time(rs.getDate("created_time"));
index++;
}
} catch (Exception e) {
e.printStackTrace();
} finally {
if (connect != null)
try {
connect.close();
ps.close();
rs.close();
} catch (SQLException e) {
e.printStackTrace();
}
}
return blog;
}
//获取总记录数total
public int getTotal(){
int total=0;
String sql="";
try {
sql="select count(id) from blog";
ps = connect.prepareStatement(sql);
rs = ps.executeQuery();
while(rs.next()){
total=rs.getInt(1);
}
} catch (SQLException e) {
e.printStackTrace();
}
return total;
}
}
后台servlet实现
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import model.Blog;
import mysqljdbc.MysqlTest; @WebServlet("/LUServlet")
public class LUServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html; charset=utf-8");
//获取页面的page和pagesize,拼接sql用
int page=Integer.valueOf(request.getParameter("page"));
int pagesize=Integer.valueOf(request.getParameter("pagesize")); MysqlTest test=new MysqlTest();
//在拼接json字符串是传给前台一个total记录总数,ligerUI grid会自动获取该total
int total=test.getTotal();
request.setAttribute("total", total);
//用的mysql,查找限定条数语句用limit,从page*pagesize-pagesize开始,取pagesize条
String sql="select * from blog";
sql+=" limit "+(page*pagesize-pagesize)+","+pagesize;
Blog[] blog=test.getInfo(sql,page,pagesize);
//将数据拼接成json字符串
StringBuffer strbuffer=new StringBuffer();
//ligerUI grid接受的json格式是{"Rows":[],"Total":""}
strbuffer.append("{\"Rows\":[");
for(int i=0;i<blog.length;i++){
strbuffer.append("{\"title\":").append("\"" + blog[i].getTitle() + "\"},");
}
strbuffer.replace(strbuffer.length()-1, strbuffer.length(), "");
strbuffer.append("],").append("\"Total\":").append("\""+total+"\"").append("}");
PrintWriter out=response.getWriter();
out.write(strbuffer.toString());
out.close();
} public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request,response);
}
}
运行结果(默认样式可以改,具体参照ligerUI API):
aaarticlea/png;base64,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" alt="" />
ligerUI实现分页的更多相关文章
- ligerui做分页显示数据
现在前台技术用到的是ligerui,一直想写一个有关ligerui的显示,利用加班的今天偷点闲复制一下下,当自己的一些小资料吧,不会的时候,还可以来看看............稍微有点多,毕竟是从前后 ...
- 解决ligerUI服务器分页Total不起作用的问题
Js代码: $('#userTable').ligerGrid({ width:'100%', height:'100%', title:'用户列表', //url:'', dataAction: ...
- javabean+servlet+jsp实现分页
前端实现用ligerUI实现分页,感觉用框架确实简单,闲着无聊,模拟着liger的分页界面实现了一遍(只要是功能,样式什么无视) 这里用基础的三层架构+servlet+jsp实现,思路很简单,把所有分 ...
- 蓝缘管理系统第二个版本号开源了。springMVC+springSecurity3.x+Mybaits3.x 系统
蓝缘管理系统第二个版本号开源了 继于 http://blog.csdn.net/mmm333zzz/article/details/16863543 版本号一.版本号二 对springMVC+spri ...
- ligerui+json_001_实现表格(grid)的后台数据显示、分页
代码下载地址: http://download.csdn.net/detail/poiuy1991719/8556841 效果: 需要导入的包: 01:编写界面:index.jsp <%@ pa ...
- LigerUi中的Grid中不分页显示(local)!
LigerUi中的Grid中不分页显示! grid为local usePager: true, //是否分页
- Asp.Net 中Grid详解两种方法使用LigerUI加载数据库数据填充数据分页
1.关于LigerUI: LigerUI 是基于jQuery 的UI框架,其核心设计目标是快速开发.使用简单.功能强大.轻量级.易扩展.简单而又强大,致力于快速打造Web前端界面解决方案,可以应用于. ...
- LigerUI之Grid使用详解(一)——显示数据 --分页
http://www.cnblogs.com/jerehedu/p/4218560.html 首先给大家介绍最常用的数据展示组件Grid,使用步骤如下: 1.页面中正确引入样式文件及相应组件 < ...
- 更改ligerui源码实现分页样式修改
修改后样式: 第一步:实现功能. 更改源码部分ligerui.all.js文件 读源代码,发现ligerui底部工具条是这样实现的(ps:注释部分为源码) _render: function () { ...
随机推荐
- TortoiseSVN使用方法 安装和配置
TortoiseSVN使用方法 安装和配置 TortoiseSVN的下载地址为 http://tortoisesvn.net/downloads.html 有32位和64位的版本,一定要根据自己的 ...
- IIS日志字段详解
IIS日志字段详解 抓住8月的尾巴,弥补下这个月的空白,事情太多,忘了写博客这回事了. IIS日志字段设置 网站运营时 ...
- TOGAF架构开发方法(ADM)之架构变更管理阶段
TOGAF架构开发方法(ADM)之架构变更管理阶段 1.10 架构变更管理(Architecture Change Management) 企业架构开发方法各阶段——架构变更管理 1.10.1 目标 ...
- Memcache的一些学习
Memcache的一些学习 首先,Memcache是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提供动态.数据库驱动 ...
- 挖一下插件v1.5版本发布
Chrome图片下载插件,支持网页截屏 v.1.5更新说明: 1.增加下载图片按日期分类保存选项,便于管理,用户可根据需要开启/关闭此设置 2.增加网页图片采集快捷键: (1)采集页面图片(Ctrl+ ...
- php memcached+Mysql(主从)
/* index.php 程序入口,用来构造sql(如查询,更新) config.php 配置参数(memcache,mysql) init.php 封装memcached操作(memca ...
- 结构-行为-样式-Angularjs-ngSanitize
简单点,上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...
- 结构-行为-样式-angularJs笔记
0.关于Ng-app 通过ngApp指令来引导Angularjs应用是一种简洁的方式 ,适合大多数情况.在高级开发中,例如使用脚本装载应用,您也可以使用Bootstrap手动引导AngularJs ...
- SQL注入(一) - 入门篇
什么是SQL注入 可能大家还不是对SQL注入这个概念不是很清楚,简单地说,SQL注入就是攻击者通过正常的WEB页面,把自己SQL代码传入到应用程序中,从而通过执行非程序员预期的SQL代码,达到窃取数据 ...
- 【Excel】Excel筛选迟点时间的公式
效果是这样: 方法: 在B列第2排,输入=if(HOUR(A2) >=9,"迟点","") 然后就是复制,粘贴整个列就OK了.不想复制也可以按住的右下角那 ...