laravel5.5中添加对分页样式的修改上一页和下一页

博客原文地址http://www.xiegaosheng.com/post/view?id=93;

laravel自带的分页样式有点丑,laravel支持自定义样式的,
想把上一页和下一页显示成汉字而不是<<和>>
百度了一下都是去重写分页的函数render,于是打开了laravel分页的源码;
render()和links()方法是支持传递视图的;
在views视图目录下创建common/pagination.blade.php文件;代码如下,只需要把laravel自带的default改一下
[php] view plain copy
@if ($paginator->hasPages())  
    <ul class="pagination">  
        {{-- Previous Page Link --}}  
        @if ($paginator->onFirstPage())  
            <li class="page-item disabled"><span class="page-link">第一页</span></li>  
        @else  
            <li class="page-item"><a class="page-link"   
            href="{{ $paginator->previousPageUrl() }}" rel="prev">上一页</a></li>  
        @endif  
  
        {{-- Pagination Elements --}}  
        @foreach ($elements as $element)  
            {{-- "Three Dots" Separator --}}  
            @if (is_string($element))  
                <li class="page-item disabled">  
                <span class="page-link">{{ $element }}</span></li>  
            @endif  
  
            {{-- Array Of Links --}}  
            @if (is_array($element))  
                @foreach ($element as $page => $url)  
                    @if ($page == $paginator->currentPage())  
                        <li class="page-item active">  
                        <span class="page-link">{{ $page }}</span></li>  
                    @else  
                        <li class="page-item">  
                        <a class="page-link" href="{{ $url }}">  
                        {{ $page }}</a></li>  
                    @endif  
                @endforeach  
            @endif  
        @endforeach  
  
        {{-- Next Page Link --}}  
        @if ($paginator->hasMorePages())  
            <li class="page-item"><a class="page-link"   
            href="{{ $paginator->nextPageUrl() }}" rel="next">下一页</a></li>  
        @else  
            <li class="page-item disabled"><span   
            class="page-link">最后一页</span></li>  
        @endif  
    </ul>  
@endif  
想要改成其他的样式只需要自己去写一些css就行;
然后在视图中调用
[php] view plain copy
{{$lists->links('common.pagination')}}  
效果如下图;

原文地址:http://blog.51cto.com/11760810/2120453

时间: 2024-10-10 14:10:34

laravel5.5中添加对分页样式的修改上一页和下一页的相关文章

原生JS实现分页效果2.0(新增了上一页和下一页,添加当前元素样式)

虽然写的很烂,但至少全部都是自己写的,因为这个没有固定的顺序,所以就没有封装,如果你技术好的话,可以你写的分享给我,谢谢. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原生JS实现分页效果</title> <style> body{ margin:100px 200px; } #page{ m

GridView自定义分页样式(上一页,下一页,到第几页)

今天要为网站做一个文章列表,发现GridView的分页样式很难看,于是结合网上的例子,自己做了一个.不是很美观,不过还是很实用的,先看下效果吧,如图(1). 图(1)GridView分页效果 自定义GridView的分页样式,使用的是GridView的  <PagerTemplate>元素.我们先看这段分页代码. 1 <PagerTemplate> 2 <br /> 3 <asp:Label ID="lblPage" runat="s

GridView分页(第一页、上一页、下一页、最后页、当前页数/总页数)

<PagerTemplate>                <table width="100%">                    <tr>                        <td width="75%">                            <asp:ImageButton ID="imgBtnFirst" runat="server&qu

HTML静态分页(形如:首页,上一页,下一页,尾页)

在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页  首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考. <div class="page"> <!-- a href="tosearch.jsp" target="_blank" class="blue">更多</a --> <SCRIPT typ

关于ng-class中添加多个样式类的解决方案

想要达到ng-class的效果,有两种写法 1.class=“{{class}} class1 class2” 2.ng-class="{true: 'active', false: 'inactive'}[isActive]" 第一种可以使用多个样式类,但官方并不提倡.还想用第二种方法,并且想用多个样式类改怎么办呢? 如下: ng-class="{'class1 class2' : expression1}"   ,当expression1为true,则显示单引号

在js中添加HTML类样式

有时候需要给元素添加类样式,但又要保留之前的类,可以使用element.classList.add("类名"); 原文地址:https://www.cnblogs.com/helloworldlx/p/8973399.html

laravel5.6中jquery+ajax分页

public function shows(Request $request){ $p=$request->get("page"); $page=empty($p)?1:$p; $count=DB::table("shop")->count(); $length = 4; $num_page = ceil($count/$length); $limit = ($page-1)*$length; $data=DB::select("select

表中添加列,删除列,修改列名字

首先创建一个表里面四项. 1,然后输入查询新建一个列 alter table lx add name varchar(20) 然后就添加完成了一个新的列 2.然后现在输入代码,删除一个列 alter table lx drop column name 就删除了name这一列 变成了这样 3.现在输入代码修改列的名字 alter table lx change class banji varchar(20) 就变成了这样

.net中实现aspnetpager分页

第一步首先导入aspnetpager控件,然后再把他从工具箱中拖出,代码如下: <webdiyer:AspNetPager ID="aspnetpager1" runat="server" CustomInfoTextAlign="Left" FirstPageText="首页 " LastPageText ="末页" NextPageText=" 下一页" NumericButt