php教程 PHP源码 结合AJAX进行PHP开发之入门(二)

结合AJAX进行PHP开发之入门(二)

Jun 08, 2016 pm 05:33 PM
limit link output start step

<script>ec(2);</script>

导航的实现

  虽然表格列出了目录中的一些图像,但用户还需要一种查看表格中未出现的图片的方法。要真正实现分页器的导行,则需要一套标准的链接:首页、上一页、下一页和尾页。

  清单 3. 分页器导航

// Append navigation
$output = '

Showing items ' . $limit_start . '-' .
min($limit_start $limit_step - 1, count($images)) .
' of ' . count($images) . '
';

$prev_start = max(0, $limit_start - $limit_step);
if ( $limit_start > 0 ) {
 $output .= get_table_link('  $output .= ' | ' . get_table_link('Prev',
 $prev_start, $limit_step);
} else {
 $output .= ' }

// Append next button
$next_start = min($limit_start $limit_step, count($images));
if ( $limit_start $limit_step  $output .= ' | ' . get_table_link('Next',$next_start, $limit_step);
 $output .= ' | ' . get_table_link('>>',(count($images) - $limit_step), $limit_step);
} else {
 $output .= ' | Next | >>';
}

$output .= '

';

  最后还要编写 get_image_link() 和 get_table_link() 函数,让用户将缩略图展开成完整的图像(参见清单 4)。注重,脚本 index.php(以及后面要创建的 expand.php)只在这两个函数中调用。这样就很轻易改变链接的功能。事实上在下面与 Sajax 进行集成时,只有这两个函数需要修改。

  清单 4. get_image_link、get_table_link 实现

function get_table_link ( $title, $start, $step ) {
 $link = "index.php?start=$start&step=$step";
 return '' . $title .'';
}

function get_image_link ( $title, $index ) {
 $link = "expand.php?index=$index";
 return '' . $title . '';
}

  放大图片

  现在有了一个可用的分页器为用户提供一些缩略图。相册的第二项功能是答应用户单击缩略图来查看全图。get_image_link() 函数调用了 expand.php 脚本,我们现在就来编写它。该脚本传递用户希望展开的文件的索引,因此必须在此列出目录并获得适当的文件名。随后的操作就很简单了,只需创建病输出 image 标记即可。

  清单 5. get_image 函数

function get_image ( $index ) {
 $images = get_image_list ( 'images' );

 // Generate navigation

 $output .= '结合AJAX进行PHP开发之入门(二)';
 return $output;
}
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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 Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

docker start를 시작할 수 없으면 어떻게 해야 합니까? docker start를 시작할 수 없으면 어떻게 해야 합니까? Oct 21, 2022 pm 03:43 PM

docker 시작 실패에 대한 해결 방법: 1. 실행 상태를 확인한 후 "echo 3 &gt; /proc/sys/vm/drop_caches" 명령을 통해 점유된 메모리를 해제합니다. 2. "$netstat -nltp|grep .. . " 명령을 사용하여 해당 포트가 이미 점유되어 있는지 확인합니다. 온라인 접속 후 점유된 것으로 확인되면 사용 가능한 포트로 변경한 후 다시 시작하세요.

Laravel에서 테이크와 리밋을 사용하는 방법에 대한 자세한 설명 Laravel에서 테이크와 리밋을 사용하는 방법에 대한 자세한 설명 Mar 10, 2024 pm 05:51 PM

"Laravel에서 take와limit를 사용하는 방법에 대한 자세한 설명" Laravel에서 take와limit는 데이터베이스 쿼리에서 반환되는 레코드 수를 제한하는 데 일반적으로 사용되는 두 가지 방법입니다. 기능은 유사하지만 특정 사용 시나리오에서는 약간의 차이가 있습니다. 이 기사에서는 이 두 가지 방법의 사용법을 자세히 분석하고 구체적인 코드 예제를 제공합니다. 1. Take 메소드 Laravel에서 take 메소드는 반환되는 레코드 수를 제한하는 데 사용되며 일반적으로 orderBy 메소드와 결합됩니다.

step은 어떤 파일인가요? step은 어떤 파일인가요? Dec 20, 2023 pm 05:22 PM

STEP 파일 형식은 중요한 3D 모델 데이터 교환 형식으로 CAD, CAM 및 기타 관련 분야에서 중요한 역할을 합니다. 표준화 및 광범위한 적용은 작업 효율성을 향상시키고 데이터 변환의 복잡성을 줄이며 서로 다른 시스템 간의 상호 운용성을 촉진하는 데 도움이 됩니다. . 전체 이름은 "Standard Terminal Equipment Protocol"이며, 이는 STEP 응용 프로토콜 ISO 10303-21 표준을 준수하는 ASCII 형식의 텍스트 인코딩 교환 구조를 기반으로 하는 3차원 이미지 데이터입니다.

Laravel의 기능 비교 및 ​​take 및limit 사용 Laravel의 기능 비교 및 ​​take 및limit 사용 Mar 09, 2024 pm 09:09 PM

Take와limit는 Laravel에서 쿼리 결과 세트의 수를 제한하기 위해 일반적으로 사용되는 두 가지 방법입니다. 기능 면에서는 어느 정도 유사하지만 사용법과 일부 세부 사항에서는 다릅니다. 이 기사에서는 두 메서드의 기능과 사용법을 자세히 비교하고, 독자가 두 메서드의 차이점과 올바르게 적용하는 방법을 더 잘 이해할 수 있도록 구체적인 코드 예제를 제공합니다. 1.take 메소드 take 메소드는 LaravelEloquent 쿼리 빌더에 있습니다.

프런트엔드 출력 설정 프런트엔드 출력 설정 Feb 19, 2024 am 09:30 AM

프런트엔드 출력 구성에는 특정 코드 예제가 필요합니다. 프런트엔드 개발에서 출력 구성은 매우 중요한 구성입니다. 프로젝트가 패키징된 후 생성되는 파일 경로, 파일 이름 및 관련 리소스 경로를 정의하는 데 사용됩니다. 이 문서에서는 프런트 엔드 출력 구성의 역할, 일반적인 구성 옵션을 소개하고 특정 코드 예제를 제공합니다. 출력 구성의 역할: 출력 구성 항목은 프로젝트를 패키징한 후 생성되는 파일 경로와 파일 이름을 지정하는 데 사용됩니다. 프로젝트의 최종 결과물을 결정합니다. webpack 등으로 패키징

링크와 가져오기의 차이점이 자세히 설명되어 있습니다. 차이점은 무엇인가요? 링크와 가져오기의 차이점이 자세히 설명되어 있습니다. 차이점은 무엇인가요? Jan 06, 2024 am 08:19 AM

심층 분석: 링크와 가져오기의 차이점은 무엇입니까? 웹 페이지나 애플리케이션을 개발할 때 코드를 향상하거나 사용자 정의하기 위해 외부 CSS 파일이나 JavaScript 라이브러리를 도입해야 하는 경우가 많습니다. 이 과정에서 일반적으로 사용되는 두 가지 방법은 링크와 가져오기입니다. 외부 리소스를 도입하는 것이 목적이지만 구체적인 사용법에는 약간의 차이가 있습니다. 구문 및 위치: link: link 태그를 사용하여 외부 리소스를 HTML 파일에 연결합니다. 일반적으로 HTML 문서의 헤드에 위치합니다.

링크 태그와 가져오기의 차이점은 무엇인가요? 링크 태그와 가져오기의 차이점은 무엇인가요? Aug 28, 2023 am 11:19 AM

링크 태그와 가져오기의 차이점에는 구문 및 사용법, 기능 및 특징, 로딩 타이밍, 호환성 및 지원 등이 포함됩니다. 자세한 소개: 1. 구문 및 사용법 link 태그는 CSS 스타일 시트, JavaScript 스크립트, 아이콘 등과 같은 HTML 문서에 외부 리소스를 소개하는 데 사용되는 HTML 태그입니다. import는 ES6에서 사용되는 모듈 가져오기 구문입니다. JavaScript 파일. 외부 모듈을 소개합니다. 2. 링크 태그는 CSS 스타일 시트, 아이콘 등과 같은 다양한 리소스를 소개할 수 있습니다.

노드 시작이 오류를 보고하는 경우 수행할 작업 노드 시작이 오류를 보고하는 경우 수행할 작업 Dec 29, 2022 pm 01:55 PM

노드 시작 오류 해결 방법: 1. 터미널에서 직접 "node xx.js"를 실행합니다. 2. 시작 시작 항목 "scripts"를 추가합니다. ,"start":"node service.js"}"; 3. "npm start"를 다시 실행합니다.

See all articles