> php教程 > php手册 > 본문

레이페이지laytpl 예제

WBOY
풀어 주다: 2016-08-04 08:56:18
원래의
2360명이 탐색했습니다.

laypage加laytpl的使用方法,技术不好,摸索了好久才弄出来。
首先去layer官网下载这两个插件,按照他们的文档引入js
然后我的代码如下:
1:html+jquery<div id="article_list"><!--这是循环获取的数据--></div><br> <br> //레이페이지 페이징<br> 아약스페이지();<br> 함수 Ajaxpage(curr,num){<br> If(!num){<br> NUM = 5; // num은 쿼리할 문의 개수입니다. 여기서는 기본값을 5개로 설정했습니다. 프런트 데스크에 표시되는 개수는 수정 가능합니다. <br> };<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,번호:번호,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).Rreder(data.info.lists, function(html) {// 획득한 JSON 데이터를 이 <br>에 전달합니다.                 document.getElementById('article_list').innerHTML = html; // 데이터를 가져온 다음 이를 article_list의 ID로 div에 렌더링하는 것입니다. <br>             });<br> > >                                                                    계속: $('#AjaxPage'), <br> 페이지:data.info.allpage, <br> 건너뛰기: 사실,<br> 스킨: '#23c6c8',<br>                 통화: 현재 || 그룹: 3,<br>                    점프: 기능(obj, 첫 번째){<br> If(!first){<br> Ajax페이지(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 /> > >                                    <td style="text-align:center">{{vo.views}}</td><br> ~                                      <td style="text-align:center">{{vo.comments}}</td><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> ~ {{# }}}<br> <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.=" 및 uptime>=".$starttime." 및 uptime<".$endtime."";                                                         }<br /> If(!empty($endtime)){<br />                $map.=" 및 uptime>=".$starttime." 및 uptime<".$endtime."";<br />             }<br />                if(!empty($title)){<br />                $map.=" 및 '%$title%'"와 같은 제목;<br />             }<br />              $limits = $_GET['num']?$_GET['num']:5 // 기본적으로 5개의 데이터가 쿼리됩니다. <br />                               // 총 항목 수 가져오기 <br />               $count = M('기사')->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')-> foreach($는 $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->성공($data);exit;<br>         }<br>           $cate=M('Category')->order('listorder ASC')->select();<br>           $this->할당('catelist',$cate);<br>           $this->display();<br> }내가 만든 페이지

레이페이지laytpl 예제
레이페이지laytpl 예제


질문이 있으시면 저에게 연락해주세요: QQ 3126620990 제 웹사이트: http://www.renweinet.net
http://www.hjlog.net


원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!