レイページ+レイtplの例
- WBOYオリジナル
- 2016-08-04 08:56:182376ブラウズ
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,'status_{{vo.id}}_0');">审核</a><br>
{{# }else{ }}<br>
<a class="label label-danger" href="javascript:;" onclick="return ar_status(this,'status_{{vo.id}}_1');">审核</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