ホームページ 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ヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

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のtakeとlimitの使い方を詳しく解説 Laravelのtakeとlimitの使い方を詳しく解説 Mar 10, 2024 pm 05:51 PM

「Laravelのtakeとlimitの使い方を詳しく解説」 Laravelではtakeとlimitの2つがよく使われており、データベースクエリで返されるレコード数を制限するために使用されます。これらの機能は似ていますが、特定の使用シナリオでは微妙な違いがいくつかあります。この記事では、これら 2 つのメソッドの使用法を詳細に分析し、具体的なコード例を示します。 1. Take メソッド Laravel では、take メソッドは返されるレコードの数を制限するために使用され、通常は orderBy メソッドと組み合わせられます。

ステップとはどのようなファイルですか? ステップとはどのようなファイルですか? 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 でクエリ結果セットの数を制限するためによく使用される 2 つのメソッドです。機能的には類似点がありますが、使用方法や詳細がいくつか異なります。この記事では、2 つのメソッドの機能と使用法を詳細に比較し、読者がそれらの違いとそれらを正しく適用する方法をよりよく理解できるように、具体的なコード例を示します。 1.takeメソッド takeメソッドはLaravelEloquentクエリビルダーにあります

フロントエンド出力設定 フロントエンド出力設定 Feb 19, 2024 am 09:30 AM

フロントエンドの出力構成には特定のコード例が必要です。フロントエンド開発において、出力構成は非常に重要な構成です。これは、プロジェクトのパッケージ化後に生成されるファイル パス、ファイル名、および関連リソース パスを定義するために使用されます。この記事では、フロントエンド出力構成の役割、一般的な構成オプションを紹介し、具体的なコード例を示します。出力構成の役割: 出力構成アイテムは、プロジェクトのパッケージ化後に生成されるファイル パスとファイル名を指定するために使用されます。それがプロジェクトの最終的な成果物を決定します。 webpackなどにパッケージ化されています。

リンクとインポートの違いについて詳しく説明します。両者の違いは何ですか? リンクとインポートの違いについて詳しく説明します。両者の違いは何ですか? Jan 06, 2024 am 08:19 AM

詳細な分析: リンクとインポートの違いは何ですか? Web ページやアプリケーションを開発する場合、コードを強化またはカスタマイズするために、外部 CSS ファイルや JavaScript ライブラリを導入する必要があることがよくあります。このプロセスでは、リンクとインポートの 2 つの方法がよく使用されます。外部リソースの導入を目的としていますが、具体的な使い方にはいくつかの違いがあります。構文と場所: link: 外部リソースを HTML ファイルにリンクするには、link タグを使用します。通常は HTML ドキュメントの先頭にあります。

ノードの起動でエラーが報告された場合の対処方法 ノードの起動でエラーが報告された場合の対処方法 Dec 29, 2022 pm 01:55 PM

ノード起動エラーの解決策: 1. ターミナルで直接「node xx.js」を実行します; 2. 起動スタートアップ項目「scripts」を追加します: {"test": "echo \"Error: no test specific\" && exit 1 " ,"start":"node service.js"}"; 3. 「npm start」を再実行します。

リンクタグとインポートの違いは何ですか? リンクタグとインポートの違いは何ですか? Aug 28, 2023 am 11:19 AM

リンクタグとインポートの違いには、構文と使用法、機能と特長、読み込みタイミング、互換性とサポートなどが含まれます。詳細な紹介: 1. 構文と使用法. リンク タグは HTML タグで、CSS スタイル シート、JavaScript スクリプト、アイコンなどの外部リソースを HTML ドキュメントに導入するために使用されます。 JavaScript ファイル. 外部モジュールの導入; 2. 機能と特徴. リンクタグではCSSスタイルシートやアイコンなど様々なリソースを導入できます。

See all articles