返回顶部
首页 > 资讯 > 服务器 >使用bootstrap-table怎么实现服务器分页
  • 163
分享到

使用bootstrap-table怎么实现服务器分页

2024-04-02 19:04:59 163人浏览 八月长安
摘要

使用bootstrap-table怎么实现服务器分页,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。首先看下bootstrap

使用bootstrap-table怎么实现服务器分页,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

首先看下bootstrap table 默认传的分页参数是什么

  • offset 从哪个下标开始

  • limit 每页限制的数量

可能跟我们的默认分页参数不大一样吧,所以决定改造一下,传到后台的参数为

  • page 第几页 从0开始

  • size 每页显示的数量

  $('#' + tableId).bootstrapTable({

     queryParams: function (e) { 
      var param = { 
       size: e.limit, 
       page: (e.offset / e.limit),//不需要+1 
       
      }; 
      return param; 
     },
     sidePagination:“server”;
});

后台 

 @apiOperation(value = "获取企业列表,支持分页", notes = "JSON方法获取用户列表")
 @ApiImplicitParams({ @ApiImplicitParam(name = "name", value = "企业名称", required = true, dataType = "string"),
 @ApiImplicitParam(name = "beginTime", value = "开始时间", required = true, dataType = "string") })
 @RequestMapping(value="/list",method=RequestMethod.POST)
 @ResponseBody
 public Map<String,Object> list(@RequestParam Map<String,Object> map,@RequestParam(required = false) String name, @RequestParam(required = false) String beginTime, @RequestParam(required = false) String endTime, @RequestParam(required = false) Integer deptid){
  List<Map<String,Object>> list = new ArrayList<>();
  //当前页数
  int page = map.get("page")== null ? 0 : Integer.parseInt(map.get("page").toString());
  // 每页行数
  int size = map.get("size") == null ? 10 : Integer.parseInt(map.get("size").toString());
  Order order = new Order(Direction.ASC,"id");
  Order order1 = new Order(Direction.DESC,"createTime");
  List<Order> orders = new ArrayList<Order>();
  orders.add(order1);//先按照createTime 降序排序 然后按照id升序
  orders.add(order);
  Sort sort = new Sort(orders);
  Pageable pageable = new PageRequest(page,size,sort);
  Page<Company> companyPages = null;
  if(StringKit.isEmpty(name)){
   companyPages = companyService.companyDao.findAll(pageable);
  }else{
   companyPages = companyService.companyDao.findByNameLike(name,pageable);
  }

  List<Company> companyList = companyPages.getContent();
  SimpleDateFORMat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
  for(Company company:companyList){
   Map<String,Object> mapTemp = BeanKit.describe(company);
   mapTemp.put("createTime", sdf.format(company.getCreateTime()));
   list.add(mapTemp);
  }
   Map<String,Object> data = new HashMap<String,Object>();
   data.put("total", companyPages.getTotalElements());
   data.put("rows", list);
  return data;
 }

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注编程网服务器频道,感谢您对编程网的支持。

--结束END--

本文标题: 使用bootstrap-table怎么实现服务器分页

本文链接: https://lsjlt.com/news/69262.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 使用bootstrap-table怎么实现服务器分页
    使用bootstrap-table怎么实现服务器分页,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。首先看下bootstrap ...
    99+
    2024-04-02
  • bootstrap中如何实现table分页
    小编给大家分享一下bootstrap中如何实现table分页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!bootstrap table分页的两种方式:前端分页:...
    99+
    2023-06-14
  • Node.js中Bootstrap-table如何实现分页
    这篇文章给大家分享的是有关Node.js中Bootstrap-table如何实现分页的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、Bootstrap-table使用官方文档:...
    99+
    2024-04-02
  • 如何使用bootstrap实现分页
    这篇文章主要讲解了“如何使用bootstrap实现分页”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何使用bootstrap实现分页”吧! ...
    99+
    2024-04-02
  • Node.js中Bootstrap-table的两种分页的实现方法
    1、Bootstrap-table使用 github:https://github.com/wenzhixin/bootstrap-table 官方文档:http://bootstrap-table.wen...
    99+
    2022-06-04
    两种 分页 方法
  • bootstrap中Table服务端处理分页的示例分析
    这篇文章主要介绍了bootstrap中Table服务端处理分页的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下要考虑函数...
    99+
    2024-04-02
  • bootstrap table表格插件之服务器端分页的示例分析
    这篇文章主要为大家展示了“bootstrap table表格插件之服务器端分页的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“bootstrap tab...
    99+
    2024-04-02
  • 怎么使用contextMenu插件实现Bootstrap table弹出右键菜单
    这篇文章给大家分享的是有关怎么使用contextMenu插件实现Bootstrap table弹出右键菜单的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。代码(test.html)...
    99+
    2024-04-02
  • 怎么使用AJAX实现分页
    小编给大家分享一下怎么使用AJAX实现分页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Fenye.html<!DOCTYPE html>&...
    99+
    2023-06-08
  • 如何使用Bootstrap-Table实现满意的表格功能
    这篇文章将为大家详细讲解有关如何使用Bootstrap-Table实现满意的表格功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Bootstrap是什么Bootstrap是目前最受欢迎的前端框架,它是基...
    99+
    2023-06-14
  • Spring Data + Thymeleaf 3 + Bootstrap 4 实现分页器实例代码
    实际上分页器或者分页组件在现实中都有广泛着的应用,照理来说老卫没有必要单独撰文来提这茬。事实是,我近期刚好在写一门关于Spring Data、Thymeleaf 3、Bootstrap 4 的应用课程,所以用了Bootstrap 4的样式,...
    99+
    2023-05-31
    spring data 分页
  • JS组件bootstrap table分页实现过程中遇到的问题如何解决
    这篇“JS组件bootstrap table分页实现过程中遇到的问题如何解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“J...
    99+
    2023-07-04
  • Bootstrap标签页插件怎么使用
    这篇文章主要讲解了“Bootstrap标签页插件怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Bootstrap标签页插件怎么使用”吧!一、用法您可以通过以下两种方式启用标签页:通过...
    99+
    2023-07-04
  • JS表格组件神器bootstrap table怎么用
    这篇文章主要为大家展示了“JS表格组件神器bootstrap table怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS表格组件神器bootstrap ...
    99+
    2024-04-02
  • js怎么使用Pagination+PageHelper实现分页
    这篇文章主要介绍“js怎么使用Pagination+PageHelper实现分页”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“js怎么使用Pagination+PageHelper实现分页”文章能帮...
    99+
    2023-07-02
  • 怎么使用JQuery实现分页插件
    要使用jQuery实现分页插件,可以按照以下步骤进行操作:1. 首先,引入jQuery库文件和自定义的分页插件文件到HTML页面中。...
    99+
    2023-08-15
    Jquery
  • 如何使用BootStrap实现前端分页带省略号和上下页效果
    这篇文章将为大家详细讲解有关如何使用BootStrap实现前端分页带省略号和上下页效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。bootstrap前端分页 自带效果。...
    99+
    2024-04-02
  • Bootstrap如何使用Table实现搜索框和查询功能
    这篇文章主要为大家展示了“Bootstrap如何使用Table实现搜索框和查询功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Bootstrap如何使用Tab...
    99+
    2024-04-02
  • 使用BootStrap怎么实现栅格布局
    这篇文章将为大家详细讲解有关使用BootStrap怎么实现栅格布局,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1. 基本点box-sizing: border-box这是最基本的一点,将盒...
    99+
    2023-06-15
  • 怎么在oracle中使用rownum实现分页
    怎么在oracle中使用rownum实现分页?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。rownum是Oracle数据库中的一个特有关键字,...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作