結合AJAX進行PHP開發(fā)之入門（二）
Jun 08, 2016 pm 05:33 PM
導航的實現(xiàn)
雖然表格列出了目錄中的一些圖像，但用戶還需要一種查看表格中未出現(xiàn)的圖片的方法。要真正實現(xiàn)分頁器的導行，則需要一套標準的鏈接：首頁、上一頁、下一頁和尾頁。
清單 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() 函數(shù)，讓用戶將縮略圖展開成完整的圖像（參見清單 4）。注重，腳本 index.php（以及后面要創(chuàng)建的 expand.php）只在這兩個函數(shù)中調(diào)用。這樣就很輕易改變鏈接的功能。事實上在下面與 Sajax 進行集成時，只有這兩個函數(shù)需要修改。
清單 4. get_image_link、get_table_link 實現(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)在有了一個可用的分頁器為用戶提供一些縮略圖。相冊的第二項功能是答應用戶單擊縮略圖來查看全圖。get_image_link() 函數(shù)調(diào)用了 expand.php 腳本，我們現(xiàn)在就來編寫它。該腳本傳遞用戶希望展開的文件的索引，因此必須在此列出目錄并獲得適當?shù)奈募?。隨后的操作就很簡單了，只需創(chuàng)建病輸出 image 標記即可。
清單 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
人工智慧驅動的應用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Laravel中take和limit的使用方法詳解
Mar 10, 2024 pm 05:51 PM
《Laravel中take和limit的使用方法詳解》在Laravel中，take和limit是兩個常用的方法，用於在資料庫查詢中限制傳回的記錄數(shù)。雖然它們的作用類似，但在具體的使用場景中有一些細微的區(qū)別。本文將詳細解析這兩個方法的用法，並提供具體的程式碼範例。一、take方法在Laravel中，take方法用來限制傳回的記錄數(shù)，通常結合orderBy法一起
docker start起不來怎麼辦
Oct 21, 2022 pm 03:43 PM
docker start起不來的解決方法：1、檢查運作狀態(tài)，然後透過「echo 3 > /proc/sys/vm/drop_caches」指令釋放被佔用的記憶體；2、透過「$netstat -nltp|grep .. .”指令檢查連接埠是否已被佔用，如果上線後發(fā)現(xiàn)佔有，則改為可用埠再重啟即可。
step是什麼文件
Dec 20, 2023 pm 05:22 PM
STEP檔案格式是一種重要的3D模型資料交換格式，它在CAD、CAM和其他相關領域中發(fā)揮著重要作用，它的標準化和廣泛應用有助於提高工作效率、減少資料轉換的複雜性，並促進不同系統(tǒng)之間的互通性。全名為"Standard Terminal Equipment Protocol"，是基於ASCII格式符合STEP應用協(xié)定ISO 10303-21標準的正文編碼的交換結構的三維影像資料。
深入探討Laravel中take和limit的不同之處
Mar 10, 2024 pm 01:00 PM
在Laravel中，我們常常用到一些方法來限制查詢結果的數(shù)量，其中包含take和limit兩個方法。雖然它們都可以用來限制查詢結果的數(shù)量，但它們之間確實有一些細微的差異。在本文中，我們將深入探討take和limit在Laravel的不同之處，並透過具體的程式碼範例來加以說明。首先，讓我們來看看take方法。 take方法是Eloquent的一部分，通常用於
node start 報錯怎麼辦
Dec 29, 2022 pm 01:55 PM
node start報錯的解決方法：1、直接在終端機執(zhí)行「node xx.js」；2、新增start啟動項目「 "scripts": {"test": "echo \"Error: no test specified\" && exit 1 ","start":"node service.js"}」；3、重新執(zhí)行「npm start」即可。
link標籤和import有什麼差別
Aug 28, 2023 am 11:19 AM
link標籤和import的差異有語法和用途、功能和特性、載入時機、相容性和支援等。詳細介紹：1、語法和用途，link標籤是HTML標籤，用於在HTML文件中引入外部資源，如CSS樣式表、JavaScript腳本、圖示等，import是ES6中的模組導入語法，用於在JavaScript文件中引入外部模組；2、功能和特性，link標籤可以引入多種資源，如CSS樣式表、圖示等等。
如何使用Java中的Stream的limit和skip函數(shù)進行流程操作
Jun 26, 2023 pm 03:55 PM
Java8中引入了StreamAPI，它能夠大幅簡化對集合的操作。 Stream類別提供了許多用於操作流程的函數(shù)式方法，包括過濾、映射、合併等等。其中，limit和skip是用於流操作中限制元素數(shù)量的兩個函數(shù)。一、limit函數(shù)limit函數(shù)用來限制流中元素的數(shù)量，它接受一個long類型的參數(shù)n，表示限制的數(shù)量。呼叫l(wèi)imit函數(shù)後，傳回一個新的流，它只包含
Laravel中take和limit的功能及用法對比
Mar 09, 2024 pm 09:09 PM
Laravel中take和limit是兩種常用的方法，用來限制查詢結果集的數(shù)量。雖然它們在功能上有一定的相似之處，但在使用方式和一些細節(jié)上有所不同。本文將對這兩種方法的功能及用法進行詳細對比，同時提供具體的程式碼範例，幫助讀者更好地理解它們之間的差異和如何正確地應用。 1.take方法take方法是LaravelEloquent查詢建構器中
