修改laravel分页的样式

2019-12-29 15:01:37

参考地址 Laravel分页以及样式——从未如此简单

aravel5.3版本以上的分页比之前的更简单和人性化

1.首先获取到数据，paginate方法 能够自动判定当前页面正确的数量限制和偏移数。默认情况下，当前页数由HTTP 请求所带的 ?page 参数来决定。当然，该值由 Laravel 自动检测，并自动插入由分页器生成的链接。

如果你只想显示出上一页和下一页可以使用simplePaginate().

paginate和simplePaginate方法唯一参数就是你每页想要显示的数目，这个参数规定每页显示多少条数据。

clipboard.png

2.视图显示：之前可能我们用的都是{!! $res->render() !!} ,5.3版本之后使用links方法，结果如下：

clipboard.png

clipboard.png

是不是特别丑，别担心，laravel很人性化的给我们提供了样式，在public/css里面有个app.css文件，
我 们只需要再视图引入它就好了。

clipboard.png

<link rel="stylesheet" href="{{asset('css/app.css')}}">

clipboard.png

3.如果我们想自定义样式怎么办呢？其实也很简单，在项目下执行一条命令

php artisan vendor:publish

我们可以看下输入之后的执行过程：laravel把自带的样式拷贝到了我们项目的视图目录下面的vendor文件夹

clipboard.png

clipboard.png

可以看到vendor/pagination文件夹下面有几个视图文件，默认用的是default文件。我们只需要改动里面的代码就可以改变自己的样式，然后也可以自己定义使用其他的文件，只需要在links()方法里指定你要使用的视图文件就可以了。

clipboard.png


  • 精彩推荐

  • 2019-02-15 10:36:45

    将MP4转成m3u8

    网上很多垃圾文章推荐segmenter工具，但用的时候，3.5G的ts文件丢了一半的数据，于是想到了ffmpeg转。

  • 2019-02-19 10:01:55

    node下使用open模块在指定浏览器下打开url

    最近在做一个项目的过程中，得到一个远程二维码图片的url，需要扫码登录，每次都是在控制台发url打印出来，再复制粘贴到浏览器的地址栏中打开扫码，整个过程过于繁琐，于是想找一个模块，直接在node下，指定浏览器打开该图片。这样可以省不少事。

  • 2019-02-24 09:47:09

    解决Node.js的命令行输出中文乱码问题（也适用于Electron）

    ​一般我们的js文件都是试用utf8编码保存的，但是中文windows的命令行一般默认使用cp936编码（就是gbk），这样我们用js代码 console.log('中文');输出日志的时候，会发现输出的是乱码。 网上有提供一些解决方案，典型的就是用iconv或iconv-lite，把这些中文字符串先转成gbk再输出。 但是这个方案我试了多次，在win10的命令行下，utf8的字符串是成功转成了gbk字符串了（通过打印Buffer可以见到），但是输出还是乱码。