关键是看懂laravel自带的 paginate() 方法。

在Builder.php文件(项目名称/laravel/vendor/laravel/framework/src/Illuminate/Database/Eloquent/Builder.php)里面有一个分页的方法paginate()。

页面:

<div id="a"  @if(isset($attr) && $attr[1]  == 'spage') style="display: none" @else style="display: block" @endif  >
@if(empty($goods))
<div class="cell">
<div>
<p>暂无商品</p>
</div>
</div>
@else
<table>
@foreach($goods as $v)
<div class="cell">
<img src="{{$v->picture}}" alt="暂无图片" />
<div>
<p>{{$v->name}}</p>
<p>所需积分:{{$v->exchange_integral}}</p>
<p>库存数量:{{$v->goods_number}}</p>
<div>立即兑换</div>
</div>
</div>
<div class="zhan"></div>
@endforeach
</table>
@endif
<div class="cell" style="text-align: center" >{{$goods->appends(['spage'=>$dui->currentPage()])->links()}}<br/></div>
</div>
<div id="b" @if(isset($attr) && $attr[1] == 'spage') style="display: block" @else style="display: none" @endif >
@if(empty($dui))
<div class="cell">
<div>
<p>暂无可兑换商品</p>
</div>
</div>
@else
<table>
@foreach($dui as $v)
<div class="cell">
<img src="{{$v->picture}}" alt="暂无图片" />
<div>
<p>{{$v->name}}</p>
<p>所需积分:{{$v->exchange_integral}}</p>
<p>库存数量:{{$v->goods_number}}</p>
<div>立即兑换</div>
</div>
</div>
<div class="zhan"></div>
@endforeach
</table>
@endif
<div class="cell" style="text-align: center" >{{$dui->appends(['fpage'=>$goods->currentPage()])->links()}} <br/></div>
</div>

后台:

//商品列表
public function goodsList(Request $request)
{
//所有的商品
$goods = Goods::orderBy('updated_at','desc')->paginate(2,['*'],'fpage');
//所有的可以兑换的商品
$userid = $this->getWxUserId();
$user = User::where('wx_userid',$userid)->first();
$point= $user->point; //用户积分
$dui = Goods::where('exchange_integral','<=',$point)->orderBy('updated_at','desc')->paginate(1,['*'],'spage'); //根据键值判断当前页面
$attr = array() ;
foreach($_GET as $k=>$v){
$attr[] = $k;
}
//首次进入,初始化
if(empty($attr)){
$attr[0] = 'spage';
$attr[1] = 'fpage';
}
return view("marketing.goods.goodsList",compact('goods','dui','attr'));
}

引用出处:

https://www.cnblogs.com/smallyi/p/6627855.html

laravel一个页面两个表格分页处理的更多相关文章

  1. thinkphp 一个页面使用2次分页的方法

    thinkphp内置ORG.Util.Page方法分页,使分页变得非常简单快捷. 但是如果一个页面里需要使用2次分页,就会产生冲突,这里先记录下百度来的解决办法 可以说是毫无技术含量的办法: 将Pag ...

  2. 一个页面多Table多分页的问题

    一个页面有多个table,多个pagination,一个pagerForm.这种情况下怎么解决多个pagination不同pagenum的问题呢? 如果是这样的滴话,使用局部刷新就可以了,两个tabl ...

  3. 一个页面两个div(一个柱状图或者折线图一个饼图)

    需求是一个页面中两个图,一个饼图一个折线图,接口用的是一个接口,柱状图的图例要隐藏掉,X轴为月份,每月份都有两个数据,也就是图例是两个(进口和出口)的意思饼图需要显示最新月份数据,并且有一个下拉框可以 ...

  4. Word 分栏页码,一个页面两个不同页码的设置

    1. 前言 在一些报纸.杂志中,我们可以见到各种各样的排版风格效果,其中有一种效果是一个页面设置了两栏,并且每栏下面都有不同的页码,那么,这种效果是如何实现的呢?这种页码在Word中默认页码样式中是没 ...

  5. 自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用

    闲话部分 最近闲着实在无聊,就做了点小东西练练手,由于原来一直在用AspNetPager进行分页,而且也进行了深度的定制与原有系统整合的也不错,不过毕竟是用别人的,想着看自己能试着做出来不能,后台的分 ...

  6. 基于iview 封装一个vue 表格分页组件

    iview 是一个支持中大型项目的后台管理系统ui组件库,相对于一个后台管理系统的表格来说分页十分常见的 iview是一个基于vue的ui组件库,其中的iview-admin是一个已经为我们搭好的后天 ...

  7. Android 一个页面上下两个ListView的页面显示

    Android 一个页面上下两个ListView,当上面的ListView过长时,下面的List基本没有了滑动空间,查阅网上资料,解决办法基本是采用ScrollView做页面滑动,notifyData ...

  8. 如何用angularjs制作一个完整的表格之二__表格分页功能

    接上一次,这次主要介绍表格分页功能,由于项目需要这个案例是关于前端分页的方式,现在很少会这么用了,但如有需要可以参考其中的思路 html: 1.通过UL来展示页标,其中每个页标的li是通过异步加载从获 ...

  9. 这两天自己模仿写的一个Asp.Net的显示分页方法 附加实体转换和存储过程

    之前自己一直用Aspnetpager控件来显示项目中的分页,但是每次都要拖一个aspnetpager的控件进去,感觉很不舒服,因为现在自己写的webform都不用服务器控件了,所以自己仿照aspnet ...

随机推荐

  1. CodeMirror 小册子

    User manual and reference guide      version 5.41.1 用户手册和参考指南 CodeMirror is a code-editor component ...

  2. 链家鸟哥:从留级打架问题学生到PHP大神,他的人生驱动力竟然是?

    链家鸟哥:从留级打架问题学生到PHP大神,他的人生驱动力竟然是?| 二叉树短视频 http://mp.weixin.qq.com/s/D4l_zOpKDakptCM__4hLrQ 从问题劝退学生到高考 ...

  3. Linux 第五章 学习笔记

    ---恢复内容开始--- 第五章 系统调用 一.与内核通信 1.系统调用在用户控件进程和硬件设备之间添加了一个中间层. 为用户空间提供了一种硬件的抽象接口 系统调用保证了系统的稳定和安全 每个进程都运 ...

  4. javascript 函数的几种声明函数以及应用环境

    本页只列出常用的几种方式,当然还有比如new Function()以及下面三种的组合. 1.函数式声明 例子:function sum(a,b){ return a+b; }; 2.函数表达式声明(匿 ...

  5. DeepID人脸识别算法之三代

    DeepID人脸识别算法之三代 转载请注明:http://blog.csdn.net/stdcoutzyx/article/details/42091205 DeepID,眼下最强人脸识别算法.已经三 ...

  6. vs安装体验

    鉴于vs都是英文,所以安装的时间实在是太长了,经过4个小时终于装完了. 首先要下载和安装Unit Test Generator.步骤为:tools->Extensions and Updates ...

  7. (改进)Python语言实现词频统计

    需求: 1.设计一个词频统计的程序. 2.英语文章中包含的英语标点符号不计入统计. 3.将统计结果按照单词的出现频率由大到小进行排序. 设计: 1.基本功能和用法会在程序中进行提示. 2.原理是利用分 ...

  8. 格式化输出Json对象

    1.调用方式: alert(JsonUti.convertToString(jsonObj)); //jsonObj为json对象. 2.格式化输出Json对象方法定义: var JsonUti = ...

  9. TCP/IP之大明内阁 转

    原创: 刘欣 码农翻身 2016-11-02 本文是<TCP/IP之大明王朝邮差>的前传,  讲一讲大明内阁的各位大人是怎么设计TCP/IP网络的.大明天启年间,  明熹宗朱由校醉心于木工 ...

  10. js弹出层学习

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...