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 和 MySQL 基础教程(三)
Oct 09 PHP
我的论坛源代码(四)
Oct 09 PHP
木翼下载系统中说明的PHP安全配置方法
Jun 16 PHP
PHP中static关键字原理的学习研究分析
Jul 18 PHP
PHP面向对象法则
Feb 23 PHP
php二维数组排序方法(array_multisort usort)
Dec 25 PHP
PHP限制页面只能在微信自带浏览器访问的代码
Jan 15 PHP
PHP递归遍历指定文件夹内的文件实现方法
Nov 15 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
Dec 02 PHP
Discuz论坛密码与密保加密规则
Dec 19 PHP
php实现二叉树中和为某一值的路径方法
Oct 14 PHP
laravel请求参数校验方法
Oct 10 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
Yii2中Restful API原理实例分析
2016/07/25 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
laravel 框架配置404等异常页面
2019/01/07 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
jQuery插件 tabBox实现代码
2010/02/09 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
深入分析JSONP跨域的原理
2014/12/10 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
[01:46]新英雄登场
2019/09/10 DOTA
python 判断自定义对象类型
2009/03/21 Python
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
Python将QQ聊天记录生成词云的示例代码
2021/02/10 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
财务副总经理工作职责
2013/11/25 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
小学教师培训感言
2014/02/11 职场文书
入股协议书
2014/04/14 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
放牛班的春天观后感
2015/06/01 职场文书
详细总结Python常见的安全问题
2021/05/21 Python
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
MYSQL 运算符总结
2021/11/11 MySQL