laypage分页插件的使用

chuwu chuwu     2023-01-22     179

关键词:

laypage是用于分页的插件,该插件通过js请求分页数据

1.载入js文件 <script type="text/javascript" src="__STATIC__/hadmin/lib/laypage/1.2/laypage.js"></script>
2.在页面中显示分页信息的地方插入标记<div id="laypage"></div>
3.添加js
<script type="text/javascript">
var url = ‘:url("article/listarticle")‘;
laypage(
cont: ‘laypage‘, //容器。值支持id名、原生dom对象,jquery对象,
pages: ‘$pageTotal‘, //总页数,它需要从后台统计后传到页面中
skin: ‘#5FB878‘, //皮肤
curr :‘$curr‘,//当前页,它需要从后台传到页面中,也就是当前是第几页
jump: function(e, first) //触发分页后的回调
if(!first) //一定要加此判断,否则初始时会无限刷新
location.href = url+‘?page=‘+e.curr;//从e.curr众获取用户点击的第几页


);
</script>

4.后台需要传给前台的数据为
1.查询结果集,也就是表格中显示的数据。该数据其实和分页插件无关,但是要让这些数据符合分页显示数据
2.传给分页插件的总页数,它可以通过sql查询数据库得到的总条数count除以每页显示的条数得到,php可以使用ceil函数将如1.2这样的小数转为2这样的整数
3.传给插件的当前页,插件能自动获取用户在页面选择的第几页(e.curr)传给后台,
但是也需要知道后台传给前台的当前页是第几页,好进行对当前页的特殊标识。如后台告诉前台当前是第3页,则插件将第3页添加背景颜色





















laypage分页控件使用方法(代码片段)

laypage是一款非常简单易用的分页控件,由于最近项目中使用到了,简单记录一下使用方法1、引入laypage所需的js和css文件<linkhref="js/laypage/1.3/skin/laypage.css"rel="stylesheet"/><scripttype="text/javascript"src="js/laypage/1.3/laypage.js"> 查看详情

关于layui.laypage.render刷新首页没有分页问题

...言:  最近写项目遇到一个问题,就是使用vue里的layui.laypage.render分页时,刷新首页会只有一页,但后台传来的数据是有50多页的,所有的数据也都一一对应,调了好久debug,终于发现了一个地方:layui.laypage.render的elem有点不对... 查看详情

laypage分页

1、分页laypage({cont:$("#page"),//容器,仅支持id名原生DOM对象,jquery对象pages:10,//总页数skip:true,//是否开启跳页groups:5,//连续显示分页数first:1,//首页last:10,//尾页skin:‘#fff‘,//皮肤curr:2,//当前页jump:function(obj,first){//触发分页后的回调//触... 查看详情

记录项目中用的laypage分页代码

...降,很多时候记不住东西。 参考url:http://www.layui.com/laypage/直接上代码了<scriptsrc="/assets/js/laypage/laypage.js"></script>进入页面时,默认加载第一页;定时器每隔60秒取新数据:$(document).re 查看详情

如何通过js获取layui-laypage

参考技术A本文实例为大家分享了laypage前端分页插件,ajax异步分页,获取json数据实现无刷新分页,供大家参考,具体内容如下:functionGetList(pageIndex)var_this=""varclone_this="";_this=$(".BindDataList");//数据列表容器... 查看详情

laypage分页源码

layui.use([‘laypage‘, ‘layer‘], function(){    var laypage = layui.laypage        ,layer = layui.layer;&n 查看详情

laravel5.1与laypage结合进行分页

路由Route::match(array(‘get‘,‘post‘),‘/orm‘,‘[email protected]‘);控制器<?phpnamespaceAppHttpControllers;useIlluminateHttpRequest;useAppHttpRequests;useAppUser;//user表的模型useAppPhone;//phone表 查看详情

分页插件(代码片段)

LayUI下载地址:http://www.layui.com/引用:layui.csslayui.js<h1>LayUI分页控件</h1><div><divid="demo7"></div></div> layui.use([‘laypage‘,‘layer‘],function()  &nbs 查看详情

tp3.23与laypage结合进行分页增删改查

控制器<?phpnamespaceHomeController;useThinkController;classIndexControllerextendsController{ /** *@brief查询 ****/publicfunctionindex(){ $choose=I(‘choose‘,‘-6‘); $c[‘easy_hard‘]=$choose; $type=I(‘ty 查看详情

layui独立组件layer-laydate-laypage项目实践用法

....com/日期组件laydate链接:https://www.layui.com/laydate/分页组件laypage链接:https://www.layui.com/laypage/轻量的JavaScript模板引擎laytpl链接:http 查看详情

layui分页处理--乐字节前端

参考技术A​<fontcolor="red">模块加载名称:laypage</font>​laypage的使用非常简单,指向一个用于存放分页的容器,通过服务端得到一些初始值,即可完成分页渲染。通过核心方法:laypage.render(options)来设置基础参数。... 查看详情

mybatis分页插件-pagehelper的使用

转载:http://blog.csdn.net/u012728960/article/details/50791343Mybatis分页插件-PageHelper的使用怎样配置mybatis这里就不提了,我来说说我配置这个分页插件的过程吧。下载JAR包分页插件pagehelper.jar:https://oss.sonatype.org/content/repositories/releases/ 查看详情

mybatis分页插件pagehelper使用

在mybatis中我们需要实现分页功能,如果我们连接的是mysql我们就要写mysql的分页sql,连接oracle就要写oracle的sql语句,这是很不友好的,而我们针对各种不同的数据库的分页我们有一个插件PageHelper这一定是最方便使用的分页插件。... 查看详情

mybatis分页插件pagehelper简单使用

Mybatis分页插件PageHelper简单使用一个好的讲解mybatis的博客地址http://www.jianshu.com/nb/5226994引言对于使用Mybatis时,最头痛的就是写分页,需要先写一个查询count的select语句,然后再写一个真正分页查询的语句,当查询条件多了之后,... 查看详情

mybatis分页插件pagehelper的使用(转)

Mybatis的分页插件PageHelper-4.1.1的使用Mybatis的分页插件PageHelper项目地址:http://git.oschina.net/free/Mybatis_PageHelper 文档地址:http://git.oschina.net/free/Mybatis_PageHelper/blob/master/wikis/HowToUse.markdown&nb 查看详情

laypagepage设置

1、引入laypage所需的js和css文件<linkhref="js/laypage/1.3/skin/laypage.css"rel="stylesheet"/><scripttype="text/javascript"src="js/laypage/1.3/laypage.js"></script><scripttype="text/javascript"src="js/layer/2.1/layer.... 查看详情

laypage使用

前台和后台代码呈现:1.HTML页面:1<style>2tabletrth{3width:100px;4}56tabletrtd{7width:100px;8}9</style>10<scriptsrc="~/Scripts/jquery-1.8.2.js"></script>11<scriptsrc="~/Scripts/js/laypage 查看详情

pagehelper(分页插件的使用)(代码片段)

1.分页概述:   1.1.为什么要分页?     1.1.1.为了提高查询效率     1.1.2.为了方便查看数据1.2.分页的三个必要条件:   当前页:由使用者提供   每一页显示大小:由使用者提供   总记录数:从数据库表统... 查看详情