Laravel框架自定义分页样式操作示例


Posted in PHP onJanuary 26, 2020

本文实例讲述了Laravel框架自定义分页样式操作。分享给大家供大家参考,具体如下:

操作步骤如下:

(1)  对应public/css/paging.css 文件建立分页样式.

(2)  控制器查出分页数据使用 paginate函数进行分页处理.(禁止使用group by处理查询).

(3) 对应视图引入分页样式.

例如: paging.css 样式文件代码(复制即可用,实际操作过)如下

#pull_right{
    text-align:center;
  }
  .pull-right {
    /*float: left!important;*/
  }
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .clear{
    clear: both;
  }

例如:TestCntroller.php 控制器示例写法

<?php
namespace App\Http\Controllers;
use Illuminate\Support\Facades\DB;
use App\Http\Controllers\Controller;
class TestController extends Controller{
  /**
   * 测试数据
   */
  public function index()
  {
    $test = DB::table('test')->paginate(5);
    return view('index', ['test' => $test]);
  }
}

例如: list.blade.php 视图文件代码示例写法

<!--用于引用css-->
<link rel="stylesheet" type="text/css" href="{{asset('css/paging.css')}}" rel="external nofollow" />
<div class="container">
  <!--查数据-->
  @foreach ($test as $value)
    {{ $value->id }}
  @endforeach
</div>
<div id="pull_right">
  <!--分页写法-->
  <div class="pull-right">
    {{ $test->render() }}
  </div>
</div>

样式如下图:

Laravel框架自定义分页样式操作示例

希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。

PHP 相关文章推荐
Win2000+Apache+MySql+PHP4+PERL安装使用小结
Oct 09 PHP
PHP教程 变量定义
Oct 23 PHP
PHP 读取和修改大文件的某行内容的代码
Oct 30 PHP
php获取后台Job管理的实现代码
Jun 10 PHP
学习使用curl采集curl使用方法
Jan 11 PHP
php class中self,parent,this的区别以及实例介绍
Apr 24 PHP
PHP zip扩展Linux下安装过程分享
May 05 PHP
php一行代码获取文件后缀名实例分析
Nov 12 PHP
推荐10个提供免费PHP脚本下载的网站
Dec 31 PHP
PHP获取当前相对于域名目录的方法
Jun 26 PHP
PHP经典面试题之设计模式(经常遇到)
Oct 15 PHP
利用PHP生成CSV文件简单示例
Dec 21 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
Jan 26 #PHP
php的instanceof和判断闭包Closure操作示例
Jan 26 #PHP
yii2.0框架场景的简单使用示例
Jan 25 #PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
Jan 25 #PHP
laravel框架模型和数据库基础操作实例详解
Jan 25 #PHP
laravel框架分组控制器和分组路由实现方法示例
Jan 25 #PHP
laravel框架中间件简单使用方法示例
Jan 25 #PHP
You might like
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
thinkphp区间查询、统计查询与SQL直接查询实例分析
2014/11/24 PHP
PHP制作百度词典查词采集器
2015/01/29 PHP
PHP中使用socket方式GET、POST数据实例
2015/04/02 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
PHP如何获取Cookie并实现模拟登录
2020/07/16 PHP
javascript 文档的编码问题解决
2009/03/01 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
js简易版购物车功能
2017/06/17 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
微信小程序版翻牌小游戏
2018/01/26 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
JavaScript实现联动菜单特效
2020/01/07 Javascript
vue使用map代替Aarry数组循环遍历的方法
2020/04/30 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
Python Tkinter GUI编程入门介绍
2015/03/10 Python
python中循环语句while用法实例
2015/05/16 Python
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
Python 中的lambda函数介绍
2018/10/10 Python
Django实现跨域请求过程详解
2019/07/25 Python
python Django 创建应用过程图示详解
2019/07/29 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签
2019/12/04 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
牛津在线药房:Oxford Online Pharmacy
2020/11/16 全球购物
二年级语文教学反思
2014/02/02 职场文书
运动会跳远广播稿
2015/08/19 职场文书
2019年家电促销广告语集锦
2019/10/21 职场文书
详解Redis基本命令与使用场景
2021/06/01 Redis
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL