laypage+laytpl範例-php手册-PHP中文網

首頁

php教程

php手册

laypage+laytpl範例

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 04, 2016 am 08:56 AM

laypage加laytpl的使用方法，技术不好，摸索了好久才弄出来。
首先去layer官网下载这两个插件，按照他们的文档引入js
然后我的代码如下：
1：html+jquery<div></div> //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 <script></script> 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的方法來調用一些功能 <script> {{# for(var i=0;i<d.length;i++){ var vo=d[i] }} //這裡是js裡面的for循環了，只是要用 tpl的模板標籤 {{# } } 包含 <tr> <td>{{vo.catname}} <td style="text-align:center">{{vo.views}} <td style="text-align:center">{{vo.comments}} <td style="text-align:center">{{vo.author}} <td style="text-align:center">{{vo.uptime}} <td style="text-align:center"> {{# if(vo.status==1){ }} <a class="label label-info" href="javascript:;" onclick="return ar_status(this,'status_{{vo.id}}_0');">审核 {{# }else{ }} <a class="label label-danger" href="javascript:;" onclick="return ar_status(this,'status_{{vo.id}}_1');">审核 {{# } }} <td style="text-align:center"> <div class="btn-group"> <a data-toggle="dropdown" class="label label-info dropdown-toggle">文章操作 <ul class="dropdown-menu"> <li><a href="javascript:ar_edit({{vo.id}})" class="font-bold">修改 <li class="divider"> <li><a href="javascript:ar_del({{vo.id}})" class="J_del">删除 {{# }; }} </script>2：php//文章清單 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('list asc')-> 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(); }我做的頁面

laypage+laytpl範例

有不清楚的可以聯絡我：QQ 3126620990 我的網站:http://www.renweinet.net
http://www.hjlog.net