首页 » 神马SEO » 异步分页seo_在基于ThinkPHP5的内容治理系统中运用UI框架layui实现分页

异步分页seo_在基于ThinkPHP5的内容治理系统中运用UI框架layui实现分页

访客 2024-11-11 0

扫一扫用手机浏览

文章目录 [+]

layui的分页模块laypage,供应了比较完善的分页逻辑,既能够作为异步分页,又可以作为页面刷新式的分页。
利用起来非常大略:

第一步,在HTML页面中须要展现分页的位置,增加一个div作为存放分页的容器。
比如:

异步分页seo_在基于ThinkPHP5的内容治理系统中运用UI框架layui实现分页 异步分页seo_在基于ThinkPHP5的内容治理系统中运用UI框架layui实现分页 神马SEO

<div id=\"大众pages\"大众></div>

第二步、加载laypage模块。
如果支配layui框架时,采取的是模块化支配,须要通过layui.use('laypage'),实现laypage模块的加载;

异步分页seo_在基于ThinkPHP5的内容治理系统中运用UI框架layui实现分页 异步分页seo_在基于ThinkPHP5的内容治理系统中运用UI框架layui实现分页 神马SEO
(图片来自网络侵删)

如果采取的是非模块化支配,直接定义var laypage=layui.laypage即可。

第三步,在javascript代码块中,通过做事端获取的一些初始化值,完身分页的渲染:

laypage.render({ elem: 'pages', count: 50});</script>

这只是最根本的利用方法,下面结合实例看一下layui框架的分页模块是如何发挥浸染的。
首先看一下基于thinkphp5+前端框架layui首先的文章管理功能:

本例中,利用laypage实现分页功能的干系js代码如下:

个中,我从做事器获取了三个数值,limit、count、page,分别为当前页面大小,即每页显示的条数;count,总记录数;page,当前页码。
由于我要实现可以选择每页展示条数,所需limit必须从做事器获取,其余当前页面如果不给定,页码展示会有问题。

分页切换功能实现,最紧张的是obj和first两个参数,obj包含了当前分页的所有参数,比如:obj.curr:当前页,以便向做事端要求对应页的数据;obj.limit:每页显示的条数。
first代表是否是首次,用于初始加载的判断。

个中,layout为自定义排版,根据layui官方文档,可选值有:count(总条款输区域)、prev(上一页区域)、page(分页区域)、next(下一页区域)、limit(条款选项区域)、skip(快捷跳页区域)。

本例中,关于分页的后台处理程序thinkphp5的代码为:

关于thinkphp5的这段分页查询的代码就不做阐明了。

标签:

相关文章

背帐免签协议,跨境旅游的便捷通行证

近年来,随着我国经济的快速发展,越来越多的国民选择走出国门,体验异国风情。繁琐的签证手续却成了众多游客心中的一块“绊脚石”。为了解...

神马SEO 2024-12-28 阅读0 评论0

苹果CMS黄,技术革新下的数字内容管理之路

在信息爆炸的互联网时代,内容管理成为企业、政府、媒体等机构的核心竞争力。而苹果CMS黄作为一款国内领先的内容管理系统,凭借其卓越的...

神马SEO 2024-12-28 阅读0 评论0

苹果协议下的QQ生态变革,创新与挑战并存

随着互联网技术的飞速发展,我国互联网企业纷纷崭露头角。其中,腾讯公司的即时通讯工具QQ在我国拥有庞大的用户群体,成为了人们日常生活...

神马SEO 2024-12-28 阅读0 评论0