您的当前位置:首页正文

lay-ui +ajax实现分页

2024-11-07 来源:个人技术集锦

效果图:

1.创建html页面 01.html(前台文件)

2.创建index.php(后台文件)

------------------热身结束,开始正式分页之旅------------------

3.在html页面中引入layui需要用到的css以及js,还有我们自己额外需要用到的jquery

7.基本的分页栏以及表头已经显示出来了,接下来就要结合ajax将数据显示出来了

8.我们的思路是这样的:

–将页码(我们定义为p)和用户选择的每页显示多少条数据(我们定义为limit)传到php后台

–php后台根据接收到的p和limit到数据库查询相应数据,并返回给前台,展示出来

–代码是这样的

9.php后台处理的代码

注:要引入jquery文件,这样我们才能使用$.get(),要引入lay-ui的css和js文件,这样我们才能使用layui的组件laypage

Top