레이페이지laytpl 예제
- WBOY원래의
- 2016-08-04 08:56:182382검색
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,'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>
~
{{# }}}<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>
}내가 만든 페이지
질문이 있으시면 저에게 연락해주세요: QQ 3126620990 제 웹사이트: http://www.renweinet.net
http://www.hjlog.net