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面向对象分析设计的经验原则
Sep 20 PHP
PHP UTF8编码内的繁简转换类
Jul 20 PHP
php中session与cookie的比较
Jan 27 PHP
深入浅析php中sprintf与printf函数的用法及区别
Jan 08 PHP
深入讲解PHP的Yii框架中的属性(Property)
Mar 18 PHP
PHP判断FORM表单或URL参数来的数据是否为整数的方法
Mar 25 PHP
php模拟post上传图片实现代码
Jun 24 PHP
PHP微信支付实例解析
Jul 22 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
Oct 26 PHP
thinkPHP和onethink微信支付插件分享
Aug 11 PHP
浅谈laravel框架与thinkPHP框架的区别
Oct 23 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
Apr 04 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 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
用js遍历 table的脚本
2008/07/23 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
2011/10/18 Javascript
禁止你的左键复制实用技巧
2013/01/04 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
2015/05/13 Javascript
jQuery实现带分组数据的Table表头排序实例分析
2015/11/24 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
2016/09/06 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
简单实现IONIC购物车功能
2017/01/10 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
2021/01/27 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
使用JS动态显示文本
2017/09/09 Javascript
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
深入了解query和params的使用区别
2019/06/24 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
Python设计模式编程中Adapter适配器模式的使用实例
2016/03/02 Python
python实现飞机大战游戏
2020/10/26 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
Mansur Gavriel官网:纽约市的一个设计品牌
2019/05/02 全球购物
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
演讲稿开场白
2014/01/13 职场文书
作风大整顿心得体会
2014/09/10 职场文书
会议通知
2015/04/15 职场文书
小学运动会加油词
2015/07/18 职场文书
使用Pytorch训练two-head网络的操作
2021/05/28 Python