폭포수 flow_php 예제를 구현하는 thinkPHP 메소드

이 기사의 예에서는 thinkPHP가 폭포 흐름을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

많은 사람들이 폭포수 흐름의 효과를 만들고 싶어합니다. 여기서는 먼저 폭포수 흐름 플러그인 jquery.masonry.min.js를 다운로드합니다. .desandro.com/index.html 여기에는 많은 예시가 포함되어 있습니다.

과정:

1. 페이지가 초기화되면 플러그인이 호출되어 레이아웃이 한 번 수행됩니다.

2. 사용자가 스크롤바를 하단으로 드래그하면 ajax를 사용하여 데이터를 한 번 로드하고 표시할 형식을 지정합니다

3. 데이터가 없을 때까지 2를 반복합니다

HTML 코드:

코드 복사 코드는 다음과 같습니다.

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
 

瀑布流下来了

 
 
 

 
 
 

 
加载中，请稍后... 

 
 
 

我是页脚

 
 

";
})
var $newElems = $(html).css({ 불투명도: 0 }).appendTo($container)
$newElems.imagesLoaded(함수(){
$newElems.animate({ 불투명도: 1 })
$container.masonry( '추가', $newElems, true ); })
//요청이 완료되면 false로 설정하시면 다음 요청을 진행하실 수 있습니다
loading.data("on", false)
}
로딩.페이드아웃()
},
"json"
);
}
})
})
스크립트>
본문>

액션 코드:

코드 복사 코드는 다음과 같습니다. //초기화된 데이터

공개 함수 목록(){

$data = D('정보')->order('id DESC')->limit(10)->select()
$this->할당('데이터', $data)
$this->디스플레이()
}
//요청된 데이터를 한 번 가져옵니다
공개 함수 getMore(){
//마지막 ID 가져오기
if(!emptyempty($_GET['lastid']))$map['id'] = array('lt', $_GET['lastid'])
$data = D('정보')->where($map)->order('id DESC')->limit(10)->select()
$this->ajaxReturn($data)
}

참고:

창이 페이지 하단까지 스크롤되었는지 판단하여 ajax를 사용하여 데이터를 한 번에 로드할지 여부를 결정합니다. 처리되지 않으면 한 번에 여러 번 요청하게 됩니다. 조건을 사용하여 제한해야 합니다. 여기서 사용되는 것은 $("#loading").data("on", true); 요소에 값을 할당하는 것입니다. 요청 중에 true로 판단되면 요청이 계속되지 않습니다. 그러면 페이지 요청이 완료된 후 값이 할당됩니다.

이 글이 모든 분들의 ThinkPHP 프레임워크 프로그래밍에 도움이 되기를 바랍니다.