laypage加laytpl的使用方法,技术不好,摸索了好久才弄出来。
首先去layer官网下载这两个插件,按照他们的文档引入js
然后我的代码如下:
1:html+jquery<div><!--这是循环获取的数据--></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}}<br />
<td style="text-align:center">{{vo.uptime}}<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');">审核<br />
{{# }else{ }}<br />
<a class="label label-danger" href="javascript:;" onclick="return ar_status(this,'status_{{vo.id}}_1');">审核<br />
{{# } }}<br />
<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"><br />
<ul class="dropdown-menu"><br />
<li><a href="javascript:ar_edit({{vo.id}})" class="font-bold">修改 <br />
<li class="divider"><br />
<li><a href="javascript:ar_del({{vo.id}})" class="J_del">删除<br />
<br />
<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." および稼働時間
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

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

ドリームウィーバー CS6
ビジュアル Web 開発ツール

WebStorm Mac版
便利なJavaScript開発ツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
