解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

相信用过Larvel框架的小伙伴或多或少都遇到过links()布局混乱的问题

恰巧我今天又一次遇到了这个问题

于是便记录下来,也给才入坑的小伙伴提供一些解决方案

首先,我如果直接使用links()函数,显示的分页会变成如下状态:

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

箭头直接把屏幕占满了有木有

下面来说解决方案:

一般遇到这种情况,我们可以使用自定义分页方案来解决

通过artisan命令行输入:

php artisan vendor:publish –tag=laravel-pagination

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

此时程序会在resources\views下生成一个vendor\pagination文件夹,里面就是自定义分页视图:

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

此时我们再去app\Providers\AppServiceProvider.php文件中定义分页视图

因为我的前端页面用的是layui框架,所以我在这里自己定义了一个layuiPage文件,大家可以根据自己的需求来定义(记得引入Paginator的命名空间):

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

去页面看看效果:

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

十分完美,分页样式混乱的问题已经解决

若是大家想要省事一点,也可以直接使用bootstrap的分页样式

解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

这样子只需要在框架中引入bootstrap的css样式即可,方便快捷

Original: https://www.cnblogs.com/luluBear/p/16512124.html
Author: 杏寿郎
Title: 解决Laravel中自带分页函数links()分页样式布局显示混乱的问题

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/612715/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球