結(jié)合AJAX進(jìn)行PHP開發(fā)之入門（二）
Jun 08, 2016 pm 05:33 PM
導(dǎo)航的實(shí)現(xiàn)
雖然表格列出了目錄中的一些圖像，但用戶還需要一種查看表格中未出現(xiàn)的圖片的方法。要真正實(shí)現(xiàn)分頁器的導(dǎo)行，則需要一套標(biāo)準(zhǔn)的鏈接：首頁、上一頁、下一頁和尾頁。
清單 3. 分頁器導(dǎo)航
// 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() 函數(shù)，讓用戶將縮略圖展開成完整的圖像（參見清單 4）。注重，腳本 index.php（以及后面要?jiǎng)?chuàng)建的 expand.php）只在這兩個(gè)函數(shù)中調(diào)用。這樣就很輕易改變鏈接的功能。事實(shí)上在下面與 Sajax 進(jìn)行集成時(shí)，只有這兩個(gè)函數(shù)需要修改。
清單 4. get_image_link、get_table_link 實(shí)現(xiàn)
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 . '';
}
放大圖片
現(xiàn)在有了一個(gè)可用的分頁器為用戶提供一些縮略圖。相冊(cè)的第二項(xiàng)功能是答應(yīng)用戶單擊縮略圖來查看全圖。get_image_link() 函數(shù)調(diào)用了 expand.php 腳本，我們現(xiàn)在就來編寫它。該腳本傳遞用戶希望展開的文件的索引，因此必須在此列出目錄并獲得適當(dāng)?shù)奈募?。隨后的操作就很簡(jiǎn)單了，只需創(chuàng)建病輸出 image 標(biāo)記即可。
清單 5. get_image 函數(shù)
function get_image ( $index ) {
$images = get_image_list ( 'images' );
// Generate navigation
$output .= '
return $output;
}
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國(guó)語版
中國(guó)語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
8522
17
1747
16
1600
56
1542
28
1400
31
Laravelのtakeとlimitの使い方を詳しく解説
Mar 10, 2024 pm 05:51 PM
「Laravelのtakeとlimitの使い方を詳しく解説」 Laravelではtakeとlimitの2つがよく使われており、データベースクエリで返されるレコード數(shù)を制限するために使用されます。これらの機(jī)能は似ていますが、特定の使用シナリオでは微妙な違いがいくつかあります。この記事では、これら 2 つのメソッドの使用法を詳細(xì)に分析し、具體的なコード例を示します。 1. Take メソッド Laravel では、take メソッドは返されるレコードの數(shù)を制限するために使用され、通常は orderBy メソッドと組み合わせられます。
docker start が起動(dòng)できない場(chǎng)合はどうすればよいですか?
Oct 21, 2022 pm 03:43 PM
Docker の起動(dòng)に失敗した場(chǎng)合の解決策: 1. 実行ステータスを確認(rèn)し、「echo 3 > /proc/sys/vm/drop_caches」コマンドを使用して占有メモリを解放します; 2. 「$netstat -nltp|grep .. .」を使用します。 「」コマンドでポートが占有されているかどうかを確認(rèn)します。オンライン後に占有されていることが判明した場(chǎng)合は、空いているポートに変更して再起動(dòng)してください。
ステップとはどのようなファイルですか?
Dec 20, 2023 pm 05:22 PM
STEP ファイル形式は、重要な 3D モデル データ交換形式です。CAD、CAM およびその他の関連分野で重要な役割を果たしています。その標(biāo)準(zhǔn)化と広範(fàn)な適用により、作業(yè)効率の向上、データ変換の複雑さの軽減、および異なるシステム間の相互運(yùn)用性の促進(jìn)に役立ちます。 。正式名稱は「Standard Terminal Equipment Protocol」で、STEPアプリケーションプロトコルISO 10303-21規(guī)格に準(zhǔn)拠したASCII形式のテキストエンコード交換構(gòu)造に基づく3次元畫像データです。
Laravelのtakeとlimitの違いを深く掘り下げる
Mar 10, 2024 pm 01:00 PM
Laravelでは、クエリ結(jié)果の數(shù)を制限するために、takeメソッドやlimitメソッドなど、いくつかのメソッドをよく使用します。どちらもクエリ結(jié)果の數(shù)を制限するために使用できますが、微妙な違いがいくつかあります。この記事では、Laravelにおけるtakeとlimitの違いを詳しく掘り下げ、具體的なコード例で説明します。まずはtakeメソッドを見てみましょう。 take メソッドは Eloquent の一部であり、通常は次の目的で使用されます。
ノードの起動(dòng)でエラーが報(bào)告された場(chǎng)合の対処方法
Dec 29, 2022 pm 01:55 PM
ノード起動(dòng)エラーの解決策: 1. ターミナルで直接「node xx.js」を?qū)g行します; 2. 起動(dòng)スタートアップ項(xiàng)目「scripts」を追加します: {"test": "echo \"Error: no test specific\" && exit 1 " ,"start":"node service.js"}"; 3. 「npm start」を再実行します。
リンクタグとインポートの違いは何ですか?
Aug 28, 2023 am 11:19 AM
リンクタグとインポートの違いには、構(gòu)文と使用法、機(jī)能と特長(zhǎng)、読み込みタイミング、互換性とサポートなどが含まれます。詳細(xì)な紹介: 1. 構(gòu)文と使用法. リンク タグは HTML タグで、CSS スタイル シート、JavaScript スクリプト、アイコンなどの外部リソースを HTML ドキュメントに導(dǎo)入するために使用されます。 JavaScript ファイル. 外部モジュールの導(dǎo)入; 2. 機(jī)能と特徴. リンクタグではCSSスタイルシートやアイコンなど様々なリソースを?qū)毪扦蓼埂?/p>
Java でストリーム操作に Stream の制限およびスキップ機(jī)能を使用する方法
Jun 26, 2023 pm 03:55 PM
StreamAPI は Java 8 で導(dǎo)入され、コレクションの操作を大幅に簡(jiǎn)素化できます。 Stream クラスは、フィルタリング、マッピング、マージなど、ストリームを操作するための多くの機(jī)能メソッドを提供します。このうち、limit と Skip は、ストリーム操作の要素?cái)?shù)を制限するために使用される 2 つの関數(shù)です。 1. Limit 関數(shù) limit 関數(shù)は、ストリーム內(nèi)の要素?cái)?shù)を制限するために使用され、制限數(shù)を表す long 型パラメータ n を受け入れます。制限関數(shù)を呼び出した後、新しいストリームが返されます。このストリームには、
Laravelにおけるtakeとlimitの機(jī)能比較と使い方
Mar 09, 2024 pm 09:09 PM
Take と limit は、Laravel でクエリ結(jié)果セットの數(shù)を制限するためによく使用される 2 つのメソッドです。機(jī)能的には類似點(diǎn)がありますが、使用方法や詳細(xì)がいくつか異なります。この記事では、2 つのメソッドの機(jī)能と使用法を詳細(xì)に比較し、読者がそれらの違いとそれらを正しく適用する方法をよりよく理解できるように、具體的なコード例を示します。 1.takeメソッド takeメソッドはLaravelEloquentクエリビルダーにあります
