亚洲乱码卡一卡二卡三永久-亚洲乱码一二三四区-亚洲乱码一区二区三区在线观看-亚洲伦理一区-成人在色线视频在线观看免费大全-成人在线91

異步 JavaScript 和 XML(Asynchronous JavaScript and XML,Ajax)無疑是最流行的新 Web 技術。“結合 Ajax 進行 PHP 開發” 這個系列包括兩部分,我們將完全使用 PHP 和 Simple Ajax Toolkit (Sajax) 創建一個簡單的相冊作為在線 Web 應用程序。我們首先用標準的 PHP 開發方法編寫簡單的相冊,然后再用 Sajax 將其變成活動的 Web 應用程序。

創建一個簡單的相冊

本文將使用兩種方法創建一個簡單的相冊:傳統的 Web 應用程序和基于 Sajax 的應用程序。我們將用 PHP 編寫一個相冊,讀取某一目錄中的內容,顯示縮略圖組成的表格。如果用戶單擊一個縮略圖,就會完全展開該圖像。因為編寫的是傳統應用程序,所以每次單擊都會是一個新的 HTTP 請求,而參數則作為 URL 的一部分傳遞。

您將學習如何將 Sajax 庫應用于相冊,了解為何使用 Sajax 可以加快應用程序的開發。

添加一個分頁器表

訪問相冊的用戶需要某種快速查看照片的方法。因為很多大照片不容易在一頁上顯示,所以需要創建一個分頁器 —— 每次顯示少量縮略圖的簡單表格。還要編寫導航,幫助用戶在圖像列表中來回移動。

為了完成本文的剩余部分,后面假設照片保存在 /images 子目錄中,縮略圖則放在 /images/thumbnails 中。可以在代碼中做適當的修改。此外,我們還假定縮略圖和對應的圖像使用相同的名稱。

分頁器應該傳遞兩個參數:start 是按照字母順序顯示的第一幅照片的索引號,step 是顯示的照片數。

清單 1. 相冊查看器

/*
* Find a list of images in /images and provide thumbnails
*/
function get_table ( $limit_start = 0, $limit_step = 5 ) {
$images = get_image_list('images');

// Generate navigation for Previous and Next buttons
// Code given below

$output .= '

';
$columns = 5;
foreach ($images as $index => $image) {

// Begin directory listing at item number $limit_start
if ( $index < $limit_start ) continue;

// End directory listing at item number $limit_end
if ( $index >= $limit_start + $limit_step ) continue;

// Begin column
if ( $index - $limit_start % $columns == 0 ) {
$output .= '

';
}

// Generate link to blown up image (see below)
$thumbnail = '';
$output .= '

';
// Close column
if ( $index - $limit_start % $columns == $columns - 1 ) {
$output .= '';
}
}
$output .= '
' . get_image_link($thumbnail, $index) 
. '
';
return $nav . $output;
}

這個表很簡單,它從索引號 $limit_start 開始遍歷圖片列表。然后放上每個圖片的縮略圖,每五張圖片作為一行。達到 $limit_start + $limit_step 的時候循環結束。

該表是目錄列表的可視化表示,因此需要一個函數列出目錄中的所有圖像。清單 1 中的 get_file_list() 函數用索引數組返回 /images 目錄中的所有圖片列表。下面是一個示例實現。

清單 2. get_file_list 實現

function get_image_list ( $image_dir ) {
$d = dir($image_dir);
$files = array();
if ( !$d ) return null;

while (false !== ($file = $d->read())) {
// getimagesize returns true only on valid images
if ( @getimagesize( $image_dir . '/' . $file ) ) {
$files[] = $file;
}
}
$d->close();
return $files;
}

 

穩定

產品高可用性高并發

貼心

項目群及時溝通

專業

產品經理1v1支持

快速

MVP模式小步快跑

承諾

我們選擇聲譽

堅持

10年專注高端品質開發
  • 返回頂部
主站蜘蛛池模板: 91亚洲国产成人久久精品网站 | 69国产成人精品视频软件 | 中文字幕日韩在线 | 日本免费小视频 | 成人免费在线看片 | 色淫影院 | 精品伊人久久大线蕉色首页 | 美女天天射 | 亚洲韩国日本欧美一区二区三区 | 精品国产v无码大片在线观看 | 成人小视频免费在线观看 | 三级网站 | 天天摸天天摸天天躁 | 久久99精品免费视频 | 看中国一级毛片 | 欧美日韩一区二区在线 | 污污视频网址 | 亚洲一区在线免费观看 | 乱肉大合集小说 | 毛片在线视频观看 | 19xxxxxxxxx日本69| 日本不卡一区二区三区在线观看 | 国产黄色在线网站 | 久久中文字幕一区二区三区 | 老司机日日摸夜夜摸精品影院 | 又黄又爽的视频免费看 | 一二三四在线视频播放社区 | 男女日皮免费视频 | 天天操精品 | 福利片 在线 | 欧美日韩精品福利在线观看 | 人人爽人人爽人人片c | 欧美手机在线 | 亚洲国产一区二区三区综合片 | 天天综合天天添夜夜添狠狠添 | 天天插天天狠 | 人人人人凹人人爽人人澡 | 毛片免费永久不卡视频观看 | 黄色网址日本 | 99国产超薄丝袜足j在线观看 | 99久久中文字幕伊人 |