ThinkPhp5使用bootstrap样式分页

1.查看分页的配置

在application/config.php文件中最后。

//分页配置
'paginate'               => [
    'type'      => 'bootstrap',
    'var_page'  => 'page',
    'list_rows' => 15,
],

2.下载：https://v3.bootcss.com/getting-started/#download

3.在public/static目录下新建一个lib文件夹用于存放第三方样式文件，将下载后的文件解压到lib目录下

4.在项目中所需分页的模板文件中引用css和js文件

{load href="__STATIC__/lib/bootstrap-3/css/bootstrap.css" /}

5.在控制器文件中使用paginate()来查询，例如

{load href="__STATIC__/lib/bootstrap-3/js/bootstrap.js" /}

// 查询状态为1的用户数据 并且每页显示10条数据
$list = User::where('status',1)->paginate(10);

6.在视图文件中用{volist}......{/volist}  后边加入下面的代码

<div align="center">{$list->render()}
</div>

7.效果如下所示

ThinkPhp5使用bootstrap样式分页相关推荐

bootstrap php ajax,ThinkPHP 整合Bootstrap Ajax分页样式
ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...
Bootstrap Paginator分页插件+ajax
Bootstrap Paginator分页插件下载地址: DownloadVisit Project in GitHub Bootstrap分页插件属性介绍: http://www.cnblogs. ...
bootstrap的分页
jsp页面引入bootstrap样式,jquery和bootstrap-paginator.js <link type="text/css" rel="styles ...
【Django】开发日报_6_Day：手机号码管理系统-项目整合创建Bootstrap样式父类
1.新建项目&整合目录 1.新建项目&整合 (1)删除templates目录 (2)修改setting.py模板路径 (3)下载第三方库`pip install mysqlclien ...
Django 1.11 bootstrap样式文件无法加载问题解决
Django 1.11 bootstrap样式文件无法加载问题解决参考文章: (1)Django 1.11 bootstrap样式文件无法加载问题解决 (2)https://www.cnblogs. ...
bootstrap样式异常_处理异常功能样式
bootstrap样式异常 Java从一开始就支持检查异常. 在Java 8中,语言元素lambda和支持流操作的RT库修改将功能编程风格引入了该语言. 函数样式和异常并不是真正的好朋友. 在本文中, ...
利用vue v-bind属性绑定bootstrap样式以及输出数据
自从知道了bootstrap,就被他简介,大气美观的样式吸引,即使在vue框架中,仍旧想使用,下面给出了vue适配版和原版的代码,以飨读者数据输出部分 export default {data(){ ...
Bootstrap table分页问题汇总
首先非常感谢作者针对bootstrap table分页问题进行详细的整理,并分享给了大家,希望通过这篇文章可以帮助大家解决Bootstrap table分页的各种问题,谢谢大家的阅读. 问题1 :服务 ...
Yii2框架bootstrap样式理解
Yii2框架默认采用了bootstrap作为CSS风格,各种视图类组件都如此.之前一直采用默认风格,并在必要的时候添加或者修改一下class来达到目的.但在改版Yii1.1的orange项目时,发现之 ...

ThinkPhp5使用bootstrap样式分页

ThinkPhp5使用bootstrap样式分页相关推荐

最新文章

热门文章