레이페이지laytpl 예제
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

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











소개 코드 예제를 통해 Python 프로그래밍에 대해 알아보세요. Python은 배우기 쉽지만 강력한 프로그래밍 언어입니다. 초보자의 경우 Python 프로그래밍의 입문 코드 예제를 이해하는 것이 매우 중요합니다. 이 문서에서는 빠르게 시작하는 데 도움이 되는 몇 가지 구체적인 코드 예제를 제공합니다. Print HelloWorldprint("HelloWorld") 이것은 Python에서 가장 간단한 코드 예제입니다. print() 함수는 지정된 내용을 출력하는 데 사용됩니다.

PHP 변수는 프로그램 런타임 중에 값을 저장하며 동적 및 대화형 웹 애플리케이션을 구축하는 데 중요합니다. 이 기사에서는 PHP 변수를 심층적으로 살펴보고 10가지 실제 예제를 통해 실제로 작동하는 모습을 보여줍니다. 1. 사용자 입력 저장 $username=$_POST["username"];$passWord=$_POST["password"] 이 예에서는 양식 제출에서 사용자 이름과 비밀번호를 추출하여 추가 처리를 위해 변수에 저장합니다. 2. 구성 값 $database_host="localhost";$database_username="username";$database_pa를 설정합니다.

"Go 언어 프로그래밍 예제: 웹 개발의 코드 예제" 인터넷의 급속한 발전과 함께 웹 개발은 다양한 산업에서 없어서는 안 될 부분이 되었습니다. 강력한 기능과 뛰어난 성능을 갖춘 프로그래밍 언어인 Go 언어는 웹 개발 개발자들의 선호도가 점점 높아지고 있습니다. 이 기사에서는 특정 코드 예제를 통해 웹 개발에 Go 언어를 사용하는 방법을 소개하므로 독자는 Go 언어를 더 잘 이해하고 사용하여 자신의 웹 애플리케이션을 구축할 수 있습니다. 1. 간단한 HTTP 서버 먼저 시작해 보겠습니다.

제목: 초보자에서 숙달까지: Go 언어에서 일반적으로 사용되는 데이터 구조의 코드 구현 데이터 구조는 프로그래밍에서 중요한 역할을 하며 프로그래밍의 기초입니다. Go 언어에는 일반적으로 사용되는 데이터 구조가 많이 있으며 이러한 데이터 구조의 구현을 마스터하는 것은 좋은 프로그래머가 되는 데 중요합니다. 이 기사에서는 Go 언어에서 일반적으로 사용되는 데이터 구조를 소개하고 독자가 이러한 데이터 구조에 익숙해지는 데 도움이 되는 해당 코드 예제를 제공합니다. 1. 배열(Array) 배열은 기본 자료구조로, 같은 형태의 그룹

Java 버블 정렬의 가장 간단한 코드 예제 버블 정렬은 인접한 요소의 비교와 교환을 통해 순서가 지정된 순서로 정렬되는 순서를 점진적으로 조정하는 일반적인 정렬 알고리즘입니다. 다음은 버블 정렬을 구현하는 방법을 보여주는 간단한 Java 코드 예제입니다. publicclassBubbleSort{publicstaticvoidbubbleSort(int[]arr){int

Huawei 클라우드 엣지 컴퓨팅 상호 연결 가이드: 인터페이스를 신속하게 구현하기 위한 Java 코드 샘플 IoT 기술의 급속한 발전과 엣지 컴퓨팅의 부상으로 점점 더 많은 기업이 엣지 컴퓨팅 애플리케이션에 관심을 갖기 시작했습니다. Huawei Cloud는 엣지 컴퓨팅 서비스를 제공하여 기업에 매우 안정적인 컴퓨팅 리소스와 편리한 개발 환경을 제공하여 엣지 컴퓨팅 애플리케이션을 보다 쉽게 구현할 수 있도록 합니다. 이 기사에서는 Java 코드를 통해 Huawei Cloud 엣지 컴퓨팅 인터페이스를 빠르게 구현하는 방법을 소개합니다. 먼저 개발 환경을 준비해야 합니다. Java Development Kit가 설치되어 있는지 확인하십시오(

Java 선택 정렬 방법 코드 작성 가이드 및 예제 선택 정렬은 정렬되지 않은 요소 중에서 가장 작은(또는 가장 큰) 요소를 매번 선택하고 모든 요소가 정렬될 때까지 교환하는 간단하고 직관적인 정렬 알고리즘입니다. 이 기사에서는 선택 정렬을 위한 코드 작성 가이드를 제공하고 특정 Java 샘플 코드를 첨부합니다. 알고리즘 원리 선택 정렬의 기본 원리는 정렬할 배열을 정렬된 부분과 정렬되지 않은 부분의 두 부분으로 나누는 것입니다. 매번 정렬되지 않은 부분에서 가장 작은(또는 가장 큰) 요소가 선택되어 정렬된 부분의 끝에 배치됩니다. 위의 내용을 반복하세요.

PHP를 사용하여 재고 관리 시스템에서 재고 관리 기능 코드를 작성하는 방법 재고 관리는 많은 기업에서 없어서는 안될 부분입니다. 창고가 여러 개인 회사의 경우 재고 관리 기능이 특히 중요합니다. 재고를 적절하게 관리하고 추적함으로써 회사는 서로 다른 창고 간에 재고를 할당하고, 운영 비용을 최적화하며, 협업 효율성을 향상시킬 수 있습니다. 이 기사에서는 PHP를 사용하여 재고 창고 관리 기능을 위한 코드를 작성하는 방법을 소개하고 관련 코드 예제를 제공합니다. 1. 재고 창고 관리 기능에 대한 코드 작성을 시작하기 전에 데이터베이스를 구축하십시오.
