検索
ホームページphp教程php手册レイページ+レイtplの例

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,&#039;status_{{vo.id}}_0&#039;);">审核<br /> {{# }else{ }}<br /> <a class="label label-danger" href="javascript:;" onclick="return ar_status(this,&#039;status_{{vo.id}}_1&#039;);">审核<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> }私が作ったページ

レイページ+レイtplの例
レイページ+レイtplの例


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


声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

Safe Exam Browser

Safe Exam Browser

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境