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 相关文章推荐
php 购物车实例(申精)
May 11 PHP
php 方便水印和缩略图的图形类
May 21 PHP
array_multisort实现PHP多维数组排序示例讲解
Jan 04 PHP
用PHP写的基于Memcache的Queue实现代码
Nov 27 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
Oct 25 PHP
php实现插入排序
Mar 29 PHP
PHP中异常处理的一些方法整理
Jul 03 PHP
php socket通信(tcp/udp)实例分析
Feb 14 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
Jul 18 PHP
Yii2中设置与获取别名的函数(setAlias和getAlias)用法分析
Jul 25 PHP
浅谈PHP的反射机制
Dec 15 PHP
PHP实现数据四舍五入的方法小结【4种方法】
Mar 27 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实现ODBC数据分页显示一例
2006/10/09 PHP
php 清除网页病毒的方法
2008/12/05 PHP
隐性调用php程序的方法
2009/03/09 PHP
解析php DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
php生成图形验证码几种方法小结
2013/08/15 PHP
PHP多维数组排序array详解
2017/11/21 PHP
jquery 插件开发 extjs中的extend用法小结
2013/01/04 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
2020/04/20 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
Vue底层实现原理总结
2018/02/17 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
2020/03/06 Javascript
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
Python的批量远程管理和部署工具Fabric用法实例
2015/01/23 Python
centos6.4下python3.6.1安装教程
2017/07/21 Python
Python SVM(支持向量机)实现方法完整示例
2018/06/19 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
python 魔法函数实例及解析
2019/09/25 Python
在 Pycharm 安装使用black的方法详解
2020/04/02 Python
python怎么判断素数
2020/07/01 Python
Python读取多列数据以及用matplotlib制作图表方法实例
2020/09/23 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
法国体育用品商店:GO Sport
2019/10/23 全球购物
生产班组长岗位职责
2014/01/05 职场文书
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
篝火晚会策划方案
2014/05/16 职场文书
品酒会策划方案
2014/05/26 职场文书
考试保密承诺书
2014/08/30 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
学校隐患排查制度
2015/08/05 职场文书
Python异常类型以及处理方法汇总
2021/06/05 Python