修改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


  • 2018-05-21 13:54:06

    laravel-nestedset:多级无限分类正确姿势

    Nested Set Model 是一种实现有序树的高明的方法,它快速且不需要递归查询,例如不管树有多少层,你可以仅使用一条查询来获取某个节点下的所有的后代,缺点是它的插入、移动、删除需要执行复杂的sql语句,但是这些都在这个插件内处理了!

  • 2018-06-02 00:29:58

    Android实现沉浸式状态栏的那些坑

    最近项目需要实现沉浸式的状态栏,其实我在之前就了解过Android的沉浸式,发现有些棘手就放弃了,但是此次是公司的项目需要的,就花了几天把这个问题搞定了,在此记录一下,并mark几个坑。 首先,沉浸式是Android 4.4及以上才有的,在后续的5.0及6.0上面都增加了一些相关支持,于是问题就不太好办了。先看我实现的效果:

  • 2018-06-02 00:30:35

    Android 解决沉浸式状态栏下,输入法弹出,布局不会自动调整的BUG

    在开发中,如果输入框在布局的底部。在弹出输入发时,为了使输入法不遮挡输入框通常有两种做法: 1.将布局压缩(Activity的android:windowSoftInputMode属性设置为”adjustResize”)。 2.移动布局,将布局顶到输入框之上(Activity的android:windowSoftInputMode属性设置为”adjustPan”)

  • 2018-06-02 00:31:27

    Android layout实现输入法弹出后,布局整体上移

    那如果要实现沉浸式状态栏又要保持布局不会被输入法遮挡,怎么办呢? 只要在根布局加上android:fitsSystemWindows=”true”即可,效果如下(为方便看效果我把背景改成了黄色):

  • 2018-06-04 10:06:43

    mysql查询数据的同时对它进行删除操作

    今天遇见一个问题,需要把mysql数据库里面的 商品主表 和它的每一个条目对应不上的数据给全部删除(数据如下图);也就是整理一下数据库里的数据保证数据的可用;