1、使用 easyUI datagrid 完成前台分页展示

  <table   id="dg" title="产品管理" style="width:700px;height:550px"><thead><tr><th data-options="field:'id',hidden:true">id</th>  <th data-options="field:'chanPinBianMa'">编码</th>  <th data-options="field:'chanPinMingCheng'">名称</th>  <th data-options="field:'danWeiMingChen',align:'center'">单位</th> <th data-options="field:'chanPinYouXiao',align:'center',formatter:rovformater">状态</th>  <th data-options="field:'shangYi',align:'center',formatter:syformater">上移</th><th data-options="field:'xiaYi',align:'center',formatter:xyformater">下移</th><th data-options="field:'chanPinPaiXu',align:'center'">序号</th></tr></thead></table>

使用 js将 table 转换为datagrid ,并增加分页功能

$(function(){var dg = $('#dg').datagrid({url: '../hou_tai/getAllChanPin.do',//后台返回数据的请求urlpagination: true,//是否使用分页功能singleSelect:true//每次只能选中1行});var p = $('#dg').datagrid('getPager'); //获取page对象$(p).pagination({ pageSize: 10,//每页显示的记录条数,默认为10 pageList: [10,20,30],//可以设置每页记录条数的列表 beforePageText: '第',//页数文本框前显示的文字 afterPageText: '页    共 {pages} 页',  //pages为默认的参数吗,代表总页数displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'// from,to , total均为默认参数名,from, to 代表现在是总记录中的第几条到第几条,tatal代表总记录数}); });

2、后台返回数据,数据格式必须为json格式,

controller中的代码

@RequestMapping(value = "hou_tai/getAllChanPin.do", produces = "application/json;charset=utf-8")
@ResponseBody
public String getAllChanPin(HttpServletRequest request) {
logger.info("进入获取所有产品操作");Map<String, String> map = new HashMap<String, String>();String dang_qian_ye_ma = request.getParameter("page");//page 为easyui分页插件默认传到后台的参数,代表当前的页码,起始页为1
String mei_ye_ji_lu_shu = request.getParameter("rows");//rows为为easyui分页插件默认传到后台的参数,代表当前设置的每页显示的记录条数map.put("dang_qian_ye_ma", dang_qian_ye_ma);
map.put("mei_ye_ji_lu_shu", mei_ye_ji_lu_shu);List<ChanPin> list = chanpinService.getAllChanPin(map);//调用service方法,获取产品记录PageInfo pageInfo = new PageInfo(list);long total = pageInfo.getTotal(); //获取总记录数Map<String, Object> jsonMap = new HashMap<String, Object>();//定义map  jsonMap.put("total", total);//total 存放总记录数jsonMap.put("rows", list);//rows存放每页记录 ,这里的两个参数名是固定的,必须为 total和 rowsGson gson = new Gson();
String json = gson.toJson(jsonMap);logger.info("获取所有产品操作结束");
return json;
}

Service方法

/** 获取产品操作 */
public List<ChanPin> getAllChanPin(Map<String,String> map) {
try{PageHelper.startPage(Integer.parseInt(map.get("dang_qian_ye_ma")),Integer.parseInt( map.get("mei_ye_ji_lu_shu")));//这里加上这样一句,则下面的数据库查询自动将查询的结果限制在 页码和记录条数的范围内,是自动和下面的查询匹配的。虽然返回的list具体数据限制了,但是PageHelper还是可以通过这个list对象获取记录的总条数,在controller的方法里就是通过 list对象获取到总的数据长度
List<ChanPin> test=chanpinMapper.getAllChanPin(map);return test;
}catch(DataAccessException e){
e.printStackTrace();
logger.error( "获取所有产品失败:" + e.getMessage());
return null;
}
}

easyui 分页 + mybatis 分页插件 PageHelper 完成分页显示功能(SpringMVC + mybatis 框架)相关推荐

  1. Mybatis的插件 PageHelper 分页查询使用方法

    Mybatis的一个插件,PageHelper,非常方便mybatis分页查询.国内牛人的一个开源项目,有兴趣的可以去看源码,都有中文注释(ps:某些源码一大堆英文,痛哭流涕!) 在github上仓库 ...

  2. idea mybatis generator插件_在idea中使用mybatis generator逆向工程生成代码

    用maven工具生成mybatis的代码和映射文件. 1.配置pom.xml文件 在pom.xml下添加插件如下: <build> <finalName>zsxt</fi ...

  3. Spring+SpringMVC+MyBatis明日方舟版人员信息管理系统前端页面代码前后端交互+SSM框架 管理员登录 游客登录 普通用户登录 人员的增删改查 信息更新 图片上传 分页查询)

    Spring+SpringMVC+MyBatis明日方舟版人员信息管理系统前端页面代码(前后端交互+SSM框架 管理员登录 游客登录 普通用户登录 人员的增删改查 信息更新 图片上传 分页查询 修改密 ...

  4. Spring+SpringMVC+MyBatis整合基础篇

    基础篇 Spring+SpringMVC+MyBatis+easyUI整合基础篇(一)项目简介 Spring+SpringMVC+MyBatis+easyUI整合基础篇(二)牛刀小试 Spring+S ...

  5. springmvc+mybatis多数据源配置,AOP注解动态切换数据源

    springmvc与springboot没多大区别,springboot一个jar包配置几乎包含了所有springmvc,也不需要繁琐的xml配置,springmvc需要配置多种jar包,需要繁琐的x ...

  6. 【MyBatis】MyBatis分页插件PageHelper的使用

    转载自 https://www.cnblogs.com/shanheyongmu/p/5864047.html 好多天没写博客了,因为最近在实习,大部分时间在熟悉实习相关的东西,也没有怎么学习新的东西 ...

  7. (转)淘淘商城系列——MyBatis分页插件(PageHelper)的使用以及商品列表展示

    http://blog.csdn.net/yerenyuan_pku/article/details/72774381 上文我们实现了展示后台页面的功能,而本文我们实现的主要功能是展示商品列表,大家要 ...

  8. 解决使用mybatis分页插件PageHelper的一个报错问题

    解决使用mybatis分页插件PageHelper的一个报错问题 参考文章: (1)解决使用mybatis分页插件PageHelper的一个报错问题 (2)https://www.cnblogs.co ...

  9. MyBatis分页插件PageHelper使用练习

    转载自:http://git.oschina.net/free/Mybatis_PageHelper/blob/master/wikis/HowToUse.markdown 1.环境准备: 分页插件p ...

最新文章

  1. Linux下C语言的系统头文件
  2. 【常用】2DUI跟随3D物体移动(待修复)
  3. POJ1151(矩形切割入门题)
  4. 鸿蒙手表esim,鸿蒙手表终于来了!或将支持 eSIM,实现独立通话
  5. 2008-10-13 XEIM 2.0 beta 准时发布
  6. 怎么批量在数字里加入网页_手把手教你爬取天堂网1920*1080大图片(批量下载)——理论篇
  7. Wine 0.9.37
  8. php与web页面交互
  9. POJ 1716 Integer Intervals
  10. 两个平面的位置关系和判定方程组解_必修二数学课后题答案
  11. Materialise Mimics Innovation Suite Research 19.0 X64安装包原版
  12. Axure8.1.0.3389 授权码
  13. autocomplete触发事件_如何防止onSelect事件在DevBridge jQuery Autocomplete中触发两次
  14. ES查询中.keyword详解
  15. 信息与通信的数学基础——第十三章 行波法
  16. Linux学习笔记——1、Basic knowledge
  17. (五)DDR协议命令波形时序二——(Precharge、Refresh、Self Refresh、Power Down)
  18. Linux ssh 密钥的生成与使用
  19. LDO线性稳压器详解
  20. Unity3d Ugui图片上制作点光 、棱形光效果shader,并具有裁切

热门文章

  1. C++入门——上卷(引用详解)
  2. SkeyeRTSPLive高效转码之SkeyeVideoEncoder高效硬件编码解决方案(附源码)
  3. ORA-01722:invalid number-解决GAT项目中车辆维修Bug(续)
  4. 99物联 REALTEK IOT8710B模块SDK下载
  5. 下一代无线局域网(802.11n) 第4章 互操作性
  6. 关于java的提问单_使用vue+zrender绘制体温单 三测单(1)
  7. 【Latex】latex中长公式换行,行内公式换行
  8. 云服务器采购项目,云服务器采购项目
  9. mysql 插入缓冲
  10. jquery导出word(页码,边距设置)