使用LayUI实现前端分页功能

尚

发布时间：2020-06-17 16:49:16

4397人浏览过

来源于博客园

转载

一、LayUI介绍

layui 是一款采用自身模块规范编写的国产前端ui框架，遵循原生html/css/js的书写与组织形式，门槛极低，拿来即用。内置了一些常用元素和组件的ui框架。

下载地址为http://www.layui.com/，下载后引入项目中。

二、LayPage参数介绍

aypage是内置封装好的一个对象，在进行分页的时候直接调用即可，这里主要有以下几个参数，用于配置laypage的键值对集合：

键	默认值	类型	描述
cont	必填	String/Object	容器。值可以传入元素id或原生DOM或jquery对象
pages	必填	Number	分页数
curr	1	Number	当前页。
groups	5	Number	连续分页数。
skin	default	String	控制分页皮肤
first	1	Number/String/Boolean	用于控制首页。first: false，则表示不显示首页项
last	总页数值	Number/String/Boolean	用于控制尾页。last: false，则表示不显示尾页项
prev	上一页	String/Boolean	用于控制上一页。若不显示，设置false即可
next	下一页	String/Boolean	用于控制下一页。若不显示，设置false即可
jump	核心参数	Function	触发分页后的回调，函数返回两个参数。 obj是一个object类型。包括了分页的所有配置信息。 first一个Boolean类，检测页面是否初始加载。非常有用，可避免无限刷新。

三、分页实现

在前端展示页面，代码如下：

分页效果如下：

I-Shop购物系统

部分功能简介：商品收藏夹功能热门商品最新商品分级价格功能自选风格打印结算页面内部短信箱商品评论增加上一商品，下一商品功能增强商家提示功能友情链接用户在线统计用户来访统计用户来访信息用户积分功能广告设置用户组分类邮件系统后台实现更新用户数据系统图片设置模板管理CSS风格管理申诉内容过滤功能用户注册过滤特征字符IP库管理及来访限制及管理压缩，恢复，备份数据库功能上传文件管理商品类别管理商品添加/修改/

下载

立即学习“前端免费学习笔记（深入）”；

更多layui知识请关注PHP中文网layui教程栏目

layui 表格怎么设置分页显示条数

layui 滑块组件怎么获取当前值

layui 菜单怎么动态添加菜单项

layui 单选框如何设置默认选中项

layui 表单怎么重置所有字段

相关标签:

layui php jquery css layui html String Boolean Object 封装值类型 JS number function 对象 dom http ui

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：Layui连接mysql操作CRUD 下一篇：layui中动态设置checkbox选中状态的方法介绍

作者最新文章

python中如何创建数值列表

2020-06-19 17:10

python中5种连接字符串的方法

2020-06-19 17:18

10种java数组常用的方法

2020-06-19 17:28

go语言中的结构体与方法详解

2020-06-19 17:44

go语言中自定义包的方法

2020-06-19 17:51

JavaScript判断"字典"为空的方法

2020-06-20 13:30

layui中动态设置checkbox选中状态的方法介绍

2020-06-20 16:12

SpringBoot整合Redis缓存的方法介绍

2020-06-20 16:30

增加redis命令的方法

2020-06-20 16:40

php+redis实现加锁与解锁操作

2020-06-20 16:55

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

php文件怎么打开

打开php文件步骤：1、选择文本编辑器；2、在选择的文本编辑器中，创建一个新的文件，并将其保存为.php文件；3、在创建的PHP文件中，编写PHP代码；4、要在本地计算机上运行PHP文件，需要设置一个服务器环境；5、安装服务器环境后，需要将PHP文件放入服务器目录中；6、一旦将PHP文件放入服务器目录中，就可以通过浏览器来运行它。

2513

2023.09.01