レイページ+レイtplの例

laypage加laytpl的使用方法，技术不好，摸索了好久才弄出来。
首先去layer官网下载这两个插件，按照他们的文档引入js
然后我的代码如下：
1：html+jquery<div id="article_list"><!--这是循环获取的数据--></div><br> <br> //レイページページング<br> Ajaxpage();<br> 関数 Ajaxpage(curr,num){<br> If(!num){<br> NUM = 5; // Num は現在問い合わせている件数です。ここではデフォルトで 5 件を設定しています。フロントに表示される数字は変更可能です。 };<br> var catid=$('#catid').val(); //これは条件付き選択列の ID です<br> var starttime=$('#starttime').val();//これは条件付きフィルタリングの開始時刻です<br> var endtime=$('#endtime').val();//条件付きフィルタリングの終了時刻です<br> var title=$('#title').val();//これはタイトルのキーワードです<br> $.get('{:U("コンテンツ/記事")}', {<br> ページ: 現在 1,num:num,catid:catid,starttime:starttime,endtime:endtime,title:title<br> }、関数(データ){<br> //この段落はlaytpl<br>のテンプレートレンダリングの割り当てです var tpl = document.getElementById('arlist').innerHTML // tpl を定義します <script id="arlist" type="text/html"></script> Laytpl (tpl).Rreator (data.info.lists, function (html) {// 取得した JSON データを渡します。 document.getElementById（ 'article_list'）。innerhtml = //これは、データを取得してから、article_list<br>のIDでdivにレンダリングすることです。 });<br>                                                                                                                                                                                                                                                                                                           続き: $('#AjaxPage')、<br> ページ:data.info.allpage、<br> スキップ: 本当です<br> スキン: '#23c6c8'、<br> カレ: カレ 1、<br> グループ: 3,<br> Jump: function(obj, first){<br> if(!first){<br> Ajaxpage(obj.curr,num) <br> }<br> }<br> });<br> });<br> }<br> //これは tpl の js テンプレートです。同じ部分をいくつか削除し、別の部分を残しました。if タグの使い方もありますが、ここでは U メソッドを使用する方法がわかりません。 jquery メソッドを呼び出すためのいくつかの機能 <br> <script id="arlist" type="text/html"><br> {{# for(var i=0;i<d.length;i++){ var vo=d[i] }} //これは js の for ループです。tpl テンプレート タグを使用するだけです {{# } } <br />                                                                                                                                                                                                             ＆lt; td style = "text-align：center"＆gt; {{vo.views}}＆lt;/td＆gt;<br /> ＆lt; td style = "text-align：center"＆gt; {{vo.comments}}＆lt;/td＆gt;<br /> <td style="text-align:center">{{vo.author}}</td><br>           <td style="text-align:center">{{vo.uptime}}</td><br>           <td style="text-align:center"><br>                 {{# if(vo.status==1){ }} <br>                     <a class="label label-info" href="javascript:;" onclick="return ar_status(this,&#039;status_{{vo.id}}_0&#039;);">审核</a><br>                 {{# }else{ }}<br>                     <a class="label label-danger" href="javascript:;" onclick="return ar_status(this,&#039;status_{{vo.id}}_1&#039;);">审核</a><br>                 {{# } }}<br>            </td><br>            <td style="text-align:center"><br>                <div class="btn-group"><br>                    <a data-toggle="dropdown" class="label label-info dropdown-toggle">文章操作  <span class="caret"></span></a><br>                    <ul class="dropdown-menu"><br>                         <li><a href="javascript:ar_edit({{vo.id}})" class="font-bold">修改</a> </li><br>                         <li class="divider"></li><br>                         <li><a href="javascript:ar_del({{vo.id}})" class="J_del">删除</a></li><br>                      </ul><br>                 </div><br>                                                                                                                                                                                        {{# }}<br> </script><br>2：php<br>//記事一覧 公開機能記事(){ If($_GET['ページ']){<br> $Nowpage = $_GET['page']?$_GET['page']:1; // 現在のページを取得します<br>; $catid=intval($_GET['catid']);//条件付きフィルターの列IDを取得します<br> $starttime=strtotime($_GET['starttime']);//条件付きフィルタリングの開始時刻<br> $endtime=strtotime($_GET['endtime']);//条件付きフィルタリングの終了時刻<br> $title=$_GET['title'];//条件付きフィルタリングキーワード<br> $map="id>0";//複合クエリ条件<br> if($catid>0){<br> $map.=" および catid=".$catid.""; }<br> if(!empty($starttime)){<br> $map.=" および稼働時間>=".$starttime." および稼働時間<".$endtime.""; }<br /> if(!empty($endtime)){<br /> $map.=" および稼働時間>=".$starttime." および稼働時間 }<br> if(!empty($title)){<br> $map.= と「%$title%」のようなタイトル;<br> }<br> $limits = $_GET['num']?$_GET['num']:5; // デフォルトでは 5 個のデータがクエリされます<br>; // アイテムの総数を取得します <br> $count = M('Article')->where($map)->count();<br> //合計ページを計算します<br> $allpage = ceil($count / $limits);<br> $allpage = intval($allpage);<br> $lists = M('Article')->where($map)->page($Nowpage, $limits)->order('listorder asc')->select();<br>; foreach($lists as $k=>$v){<br> $lists[$k]['catname']=catname($v['catid']);//これは、現在の列名を取得するために私が書いたメソッドです<br> $lists[$k]['uptime']=friendDate($v['uptime']);//これは時間を取得するために私が書いたメソッドです<br> }<br> $data['allpage']=$allpage;// 総ページ数を返します<br> $data['lists']=$lists;//クエリデータリスト<br>$this->success($data);exit;<br> }<br> $cate=M('Category')->order('listorder ASC')->select();<br> $this->assign('catelist',$cate);<br> $this->display();<br> }私が作ったページ





ご質問がございましたら、私にご連絡ください: QQ 3126620990 私のウェブサイト: http://www.renweinet.net
http://www.hjlog.net