結合Ajax進行PHP開發之入門
異步 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. 相冊查看器
/*
// Generate navigation for Previous and Next buttons $output .= ' ';$columns = 5; foreach ($images as $index => $image) {
// Begin directory listing at item number $limit_start
// End directory listing at item number $limit_end
// Begin column }
// Generate link to blown up image (see below) // Close column if ( $index - $limit_start % $columns == $columns - 1 ) { $output .= ''; } } $output .= '
return $nav . $output; } |
這個表很簡單,它從索引號 $limit_start 開始遍歷圖片列表。然后放上每個圖片的縮略圖,每五張圖片作為一行。達到 $limit_start + $limit_step 的時候循環結束。
該表是目錄列表的可視化表示,因此需要一個函數列出目錄中的所有圖像。清單 1 中的 get_file_list() 函數用索引數組返回 /images 目錄中的所有圖片列表。下面是一個示例實現。
清單 2. get_file_list 實現
function get_image_list ( $image_dir ) {
while (false !== ($file = $d->read())) { |
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩定
產品高可用性高并發貼心
項目群及時溝通專業
產品經理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽堅持
10年專注高端品質開發