结合AJAX进行PHP开发之入门(二)
导航的实现
虽然表格列出了目录中的一些图像,但用户还需要一种查看表格中未出现的图片的方法。要真正实现分页器的导行,则需要一套标准的链接:首页、上一页、下一页和尾页。
清单 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 .= '
return $output;
}

핫 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)

뜨거운 주제











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

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

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

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

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

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

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

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