码迷,mamicode.com
首页 > Web开发 > 详细

bootstrap-table+Thinkphp实现server分页

时间:2018-07-15 21:09:34      阅读:398      评论:0      收藏:0      [点我收藏+]

标签:trim   query   处理   官网   rip   tst   show   div   min   

界面需要:此处不提供文件下载,请自行到官网下载。

<link href="./css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" type="text/css" />

<script src="./js/bootstrap.min.js" type="text/javascript"></script>
<script src="./js/plugins/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
<script src="./js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js" type="text/javascript"></script>

 

前端html代码:

<table id="table"></table>

前端JavaScript:代码

  $(‘#table‘).bootstrapTable({
          url: "./infolist", //请求地址
          method: ‘GET‘, //请求
          striped: true,
          cache: false,
          pagination: true,
          sortable: true,
          showHeader : true,
          showRefresh: true,
          clickToSelect: true,
          search: false,
          sidePagination: "server", //客户端client   服务端server
          pageNumber: 1,
          pageList: [10, 15],
          queryParams: function (params) {
              return {
                offset: params.offset,  //页码
                limit: params.limit,   //页面大小
            };
          },
          columns: [{
              field: ‘id‘,
              title: ‘应用ID‘,
              width: ‘10%‘,
          }, {
              field: ‘name‘,
              title: ‘应用名称‘,
          },  {
              field: ‘type‘,
              title: ‘类型‘,
              width: ‘10%‘,
          },  {
              field: ‘status‘,
              title: ‘状态‘,
              width: ‘10%‘,
          }, {
              field: ‘xznum‘,
              title: ‘下载量‘,
              width: ‘10%‘,
          }, {
              field: ‘phnum‘,
              title: ‘排序号‘,
              width: ‘10%‘,
          }],
      });
      

后端Thinkphp处理:

$limit = trim(I(‘get.limit‘));
$offset = trim(I(‘get.offset‘));
$page = floor($offset / $limit) + 1;
# 获取并且计算 页号 分页大小

$list = M(‘table‘)->where([‘id‘=>1])->page($page,$limit)->select();
# 查询相关数据
$count = M(‘table‘)->where([‘id‘=>1])->count();
# 查询数据条数

$ret = [
        ‘total‘ => $list,
        ‘rows‘ => $count,
    ];
# 构造返回数据类型
$this->ajaxReturn($ret);
# 返回JSON数据

 

bootstrap-table+Thinkphp实现server分页

标签:trim   query   处理   官网   rip   tst   show   div   min   

原文地址:https://www.cnblogs.com/HULANG-BTB/p/9314378.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!