laypage加laytpl的使用方法，技术不好，摸索了好久才弄出来。
首先去layer官网下载这两个插件，按照他们的文档引入js
然后我的代码如下：
1：html+jquery
2：php
//laypage分页
Ajaxpage();
function Ajaxpage(curr,num){
if(!num){
num=5; //num是当前要查询的数量，我这里设置了默认5条，前台可以修改要显示的数量
};
var catid=$('#catid').val(); //这是条件赛选栏目id
var starttime=$('#starttime').val();//这是条件筛选开始时间
var endtime=$('#endtime').val();//这是条件筛选结束时间
var title=$('#title').val();//这是标题关键词
$.get('{:U("Content/article")}', {
page: curr || 1,num:num,catid:catid,starttime:starttime,endtime:endtime,title:title
}, function(data){
//这一段是laytpl的模板渲染的赋值
var tpl = document.getElementById('arlist').innerHTML; //定义tpl
laytpl(tpl).render(data.info.lists, function(html){ //把获取到的json数据传给这里面
document.getElementById('article_list').innerHTML = html; //这是获取数据，然后渲染到 id为article_list的div里面
});
laypage({ //这一段是laypage的分页参数
cont: $('#AjaxPage'),
pages:data.info.allpage,
skip: true,
skin: '#23c6c8',
curr: curr || 1,
groups: 3,
jump: function(obj, first){
if(!first){
Ajaxpage(obj.curr,num)
}
}
});
});
}
//这是tpl的js模板 ， 部分相同的地方我删了，留了不相同的，里面还有if标签的用法，只是这里的U方法我不知道怎么使用，就用了jquery的方法来调用一些功能//文章列表我做的页面
public function article(){
if($_GET['page']){
$Nowpage = $_GET['page']?$_GET['page']:1; //获取当前页
$catid=intval($_GET['catid']);//获取条件筛选栏目id
$starttime=strtotime($_GET['starttime']);//条件筛选开始时间
$endtime=strtotime($_GET['endtime']);//条件筛选结束时间
$title=$_GET['title'];//条件筛选关键词
$map="id>0";//组合查询条件
if($catid>0){
$map.=" and catid=".$catid."";
}
if(!empty($starttime)){
$map.=" and uptime>=".$starttime." and uptime
}
if(!empty($endtime)){
$map.=" and uptime>=".$starttime." and uptime
}
if(!empty($title)){
$map.=" and title like '%$title%'";
}
$limits = $_GET['num']?$_GET['num']:5; //这里默认查询5条数据
// 获取总条数
$count = M('Article')->where($map)->count();
//计算总页面
$allpage = ceil($count / $limits);
$allpage = intval($allpage);
$lists = M('Article')->where($map)->page($Nowpage, $limits)-> order('listorder asc')-> select();
foreach($lists as $k=>$v){
$lists[$k]['catname']=catname($v['catid']);//这是我写的获取当前栏目名称的方法
$lists[$k]['uptime']=friendlyDate($v['uptime']);//这是我写的获取时间的方法
}
$data['allpage']=$allpage;//返回总页数
$data['lists']=$lists;//查询的数据列表
$this->success($data);exit;
}
$cate=M('Category')->order('listorder ASC')->select();
$this->assign('catelist',$cate);
$this->display();
}
有不清楚的可以联系我：QQ 3126620990 我的网站:http://www.renweinet.net
http://www.hjlog.net
0
0
laypage+laytpl示例
php中文网
发布时间：2016-08-04 08:56:18
|2530人浏览过
|来源于php中文网
原创
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变，以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销，利用平台社交电商红利实现盈利。
28
2026.01.26
在Edge浏览器中设置主页，请依次点击右上角“...”图标 > 设置 > 开始、主页和新建标签页。在“Microsoft Edge 启动时”选择“打开以下页面”，点击“添加新页面”并输入网址。若要使用主页按钮，需在“外观”设置中开启“显示主页按钮”并设定网址。
8
2026.01.26
苹果官方查询网站主要通过 checkcoverage.apple.com/cn/zh/ 进行，可用于查询序列号（SN）对应的保修状态、激活日期及技术支持服务。此外，查找丢失设备请使用 iCloud.com/find，购买信息与物流可访问 Apple (中国大陆) 订单状态页面。
31
2026.01.26
NPD（Narcissistic Personality Disorder）即自恋型人格障碍，是一种心理健康问题，特点是极度夸大自我重要性、需要过度赞美与关注，同时极度缺乏共情能力，背后常掩藏着低自尊和不安全感，影响人际关系、工作和生活，通常在青少年时期开始显现，需由专业人士诊断。
3
2026.01.26
关闭Windows安全中心（Windows Defender）可通过系统设置暂时关闭，或使用组策略/注册表永久关闭。最简单的方法是：进入设置 > 隐私和安全性 > Windows安全中心 > 病毒和威胁防护 > 管理设置，将实时保护等选项关闭。
5
2026.01.26
铁路12306提供起售时间查询、起售提醒、购票预填、候补购票及误购限时免费退票五项服务，并强调官方渠道唯一性与信息安全。
35
2026.01.26
以工资薪金所得为例，应纳税额 = 应纳税所得额 × 税率 - 速算扣除数。应纳税所得额 = 月度收入 - 5000 元 - 专项扣除 - 专项附加扣除 - 依法确定的其他扣除。假设某员工月工资 10000 元，专项扣除 1000 元，专项附加扣除 2000 元，当月应纳税所得额为 10000 - 5000 - 1000 - 2000 = 2000 元，对应税率为 3%，速算扣除数为 0，则当月应纳税额为 2000×3% = 60 元。
12
2026.01.26
oppo云服务https://cloud.oppo.com/可以在云端安全存储您的照片、视频、联系人、便签等重要数据。当您的手机数据意外丢失或者需要更换手机时，可以随时将这些存储在云端的数据快速恢复到手机中。
40
2026.01.26
网页端充值步骤：打开浏览器，输入https://www.douyin.com，登录账号；点击右上角头像，选择“钱包”；进入“充值中心”，操作和APP端一致。注意：切勿通过第三方链接、二维码充值，谨防受骗
7
2026.01.26
热门下载
相关下载
精品课程
