異步JavaScript和XML（Ajax）無疑是最受歡迎的新Web技術(shù)。 “結(jié)合使用Ajax進行PHP開發(fā)”本系列由兩部分組成，我們將使用PHP和Simple Ajax Toolkit（Sajax）創(chuàng)建一個簡單的相冊作為在線Web應(yīng)用程序。我們首先使用標準的PHP開發(fā)方法編寫一個簡單的相冊，然后使用Sajax將其轉(zhuǎn)換為活動的Web應(yīng)用程序。

創(chuàng)建一個簡單的相冊

本文將以兩種方式創(chuàng)建一個簡單的相冊：傳統(tǒng)的Web應(yīng)用程序和基于Sajax的應(yīng)用程序。我們將用PHP編寫一個專輯，讀取目錄的內(nèi)容，并顯示一個縮略圖表。如果用戶單擊縮略圖，則圖像將完全展開。因為您正在編寫傳統(tǒng)應(yīng)用程序，所以每次單擊都是新的HTTP請求，并且參數(shù)將作為URL的一部分傳遞。

您將學習如何將Sajax庫應(yīng)用于相冊，以了解使用Sajax可以加速應(yīng)用程序開發(fā)的原因。

添加一個分頁器表

訪問相冊的用戶需要某種快速查看照片的方式。由于許多大型照片不容易在一個頁面上顯示，因此您需要創(chuàng)建一個尋呼機——，這是一個簡單的表格，一次只顯示少量縮略圖。還可以編寫導航以幫助用戶在圖像列表中移動。

要完成本文的其余部分，請假設(shè)照片保存在/images子目錄中，縮略圖放在/images/thumbnails中。您可以在代碼中進行適當?shù)母摹４送猓覀冞€假設(shè)縮略圖和相應(yīng)的圖像使用相同的名稱。

尋呼機應(yīng)傳遞兩個參數(shù)。 start是按字母順序顯示的第一張照片的索引號，step是顯示的照片數(shù)。

清單1.相冊查看器

/**在/images中查找圖像列表并提供縮略圖*/function get_table（$ limit_start=0，$ limit_step=5）{$ images=get_image_list（'images'）;

//為上一個和下一個按鈕生成導航//下面給出的代碼

$ output。='

'; $ columns=5; foreach（$ images as $ index=＆gt; $ image）{

//在商品編號$ limit_startif（$ index＆lt; $ limit_start）繼續(xù)開始目錄列表;

//項目編號$ limit_endif（$ index＆gt;=$ limit_start + $ limit_step）的最終目錄列表繼續(xù);

//開始columnif（$ index - $ limit_start％$ columns==0）{$ output。='

“;}

//生成鏈接以炸毀圖像（見下文）$ thumbnail=''; $ output。='

'; //關(guān)閉columnif（$ index - $ limit_start％$ columns==$ columns - 1）{$ output。='';}} $ output。=''。 get_image_link（$ thumbnail，$ index）。 '';返回$ nav。 $輸出;}

這個表非常簡單，它遍歷從索引號$ limit_start開始的圖像列表。然后放置每個圖像的縮略圖，將五個圖像中的每一個作為一條線。當達到$ limit_start + $ limit_step時，循環(huán)結(jié)束。

此表是目錄列表的直觀表示，因此需要一個函數(shù)來列出目錄中的所有圖像。清單1中的get_file_list（）函數(shù)返回帶有索引數(shù)組的/images目錄中所有映像的數(shù)組。以下是一個示例實現(xiàn)。

清單2. get_file_list實現(xiàn)

函數(shù)get_image_list（$ image_dir）{$ d=dir（$ image_dir）; $ files=array（）; if（！$ d）返回null;

雖然（false！==（$ file=$ d-＆gt; read（）））{//getimagesize僅在有效imagesif（@getimagesize（$ image_dir。'/'。$ file））{$ files []時返回true