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 相关文章推荐
NO3第三帝国留言簿制作过程
Oct 09 PHP
Uncaught exception com_exception with message Failed to create COM object
Jan 11 PHP
深入php多态的实现详解
Jun 09 PHP
与文件上传有关的php配置参数总结
Jun 14 PHP
详解WordPress中添加和执行动作的函数使用方法
Dec 29 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
Oct 25 PHP
Yii框架分页实现方法详解
May 20 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
Jul 19 PHP
PHP中TP5 上传文件的实例详解
Jul 31 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
Oct 16 PHP
php 多继承的几种常见实现方法示例
Nov 18 PHP
laravel框架分组控制器和分组路由实现方法示例
Jan 25 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 MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
jquery 分页控件实现代码
2009/11/30 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
详解JavaScript中的blink()方法的使用
2015/06/08 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
Ant-design-vue Table组件customRow属性的使用说明
2020/10/28 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
2020/11/09 Javascript
在Django的URLconf中进行函数导入的方法
2015/07/18 Python
Python list操作用法总结
2015/11/10 Python
python实现RSA加密(解密)算法
2016/02/17 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Python合并多个Excel数据的方法
2018/07/16 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
对Django外键关系的描述
2019/07/26 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
final, finally, finalize的区别
2012/03/01 面试题
会计学应届毕业生推荐信
2013/11/04 职场文书
大学生军训自我鉴定
2014/02/12 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
学校文明单位申报材料
2014/05/06 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
MySQL磁盘碎片整理实例演示
2022/04/03 MySQL