首頁 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 Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1670
14
CakePHP 教程
1428
52
Laravel 教程
1329
25
PHP教程
1274
29
C# 教程
1256
24
Laravel中take和limit的使用方法詳解 Laravel中take和limit的使用方法詳解 Mar 10, 2024 pm 05:51 PM

《Laravel中take和limit的使用方法詳解》在Laravel中,take和limit是兩個常用的方法,用於在資料庫查詢中限制傳回的記錄數。雖然它們的作用類似,但在具體的使用場景中有一些細微的區別。本文將詳細解析這兩個方法的用法,並提供具體的程式碼範例。一、take方法在Laravel中,take方法用來限制傳回的記錄數,通常結合orderBy法一起

docker start起不來怎麼辦 docker start起不來怎麼辦 Oct 21, 2022 pm 03:43 PM

docker start起不來的解決方法:1、檢查運作狀態,然後透過「echo 3 &gt; /proc/sys/vm/drop_caches」指令釋放被佔用的記憶體;2、透過「$netstat -nltp|grep .. .”指令檢查連接埠是否已被佔用,如果上線後發現佔有,則改為可用埠再重啟即可。

step是什麼文件 step是什麼文件 Dec 20, 2023 pm 05:22 PM

STEP檔案格式是一種重要的3D模型資料交換格式,它在CAD、CAM和其他相關領域中發揮著重要作用,它的標準化和廣泛應用有助於提高工作效率、減少資料轉換的複雜性,並促進不同系統之間的互通性。全名為"Standard Terminal Equipment Protocol",是基於ASCII格式符合STEP應用協定ISO 10303-21標準的正文編碼的交換結構的三維影像資料。

node start 報錯怎麼辦 node start 報錯怎麼辦 Dec 29, 2022 pm 01:55 PM

node start報錯的解決方法:1、直接在終端機執行「node xx.js」;2、新增start啟動項目「 "scripts": {"test": "echo \"Error: no test specified\" && exit 1 ","start":"node service.js"}」;3、重新執行「npm start」即可。

深入探討Laravel中take和limit的不同之處 深入探討Laravel中take和limit的不同之處 Mar 10, 2024 pm 01:00 PM

在Laravel中,我們常常用到一些方法來限制查詢結果的數量,其中包含take和limit兩個方法。雖然它們都可以用來限制查詢結果的數量,但它們之間確實有一些細微的差異。在本文中,我們將深入探討take和limit在Laravel的不同之處,並透過具體的程式碼範例來加以說明。首先,讓我們來看看take方法。 take方法是Eloquent的一部分,通常用於

Laravel中take和limit的功能及用法對比 Laravel中take和limit的功能及用法對比 Mar 09, 2024 pm 09:09 PM

Laravel中take和limit是兩種常用的方法,用來限制查詢結果集的數量。雖然它們在功能上有一定的相似之處,但在使用方式和一些細節上有所不同。本文將對這兩種方法的功能及用法進行詳細對比,同時提供具體的程式碼範例,幫助讀者更好地理解它們之間的差異和如何正確地應用。 1.take方法take方法是LaravelEloquent查詢建構器中

如何使用Java中的Stream的limit和skip函數進行流程操作 如何使用Java中的Stream的limit和skip函數進行流程操作 Jun 26, 2023 pm 03:55 PM

Java8中引入了StreamAPI,它能夠大幅簡化對集合的操作。 Stream類別提供了許多用於操作流程的函數式方法,包括過濾、映射、合併等等。其中,limit和skip是用於流操作中限制元素數量的兩個函數。一、limit函數limit函數用來限制流中元素的數量,它接受一個long類型的參數n,表示限制的數量。呼叫limit函數後,傳回一個新的流,它只包含

link標籤和import有什麼差別 link標籤和import有什麼差別 Aug 28, 2023 am 11:19 AM

link標籤和import的差異有語法和用途、功能和特性、載入時機、相容性和支援等。詳細介紹:1、語法和用途,link標籤是HTML標籤,用於在HTML文件中引入外部資源,如CSS樣式表、JavaScript腳本、圖示等,import是ES6中的模組導入語法,用於在JavaScript文件中引入外部模組;2、功能和特性,link標籤可以引入多種資源,如CSS樣式表、圖示等等。

See all articles