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

創(chuàng)建一個(gè)簡(jiǎn)單的相冊(cè)

本文將以?xún)煞N方式創(chuàng)建一個(gè)簡(jiǎn)單的相冊(cè)：傳統(tǒng)的Web應(yīng)用程序和基于Sajax的應(yīng)用程序。我們將用PHP編寫(xiě)一個(gè)專(zhuān)輯，讀取目錄的內(nèi)容，并顯示一個(gè)縮略圖表。如果用戶(hù)單擊縮略圖，則圖像將完全展開(kāi)。因?yàn)槟诰帉?xiě)傳統(tǒng)應(yīng)用程序，所以每次單擊都是新的HTTP請(qǐng)求，并且參數(shù)將作為URL的一部分傳遞。

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

添加一個(gè)分頁(yè)器表

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

要完成本文的其余部分，請(qǐng)假設(shè)照片保存在/images子目錄中，縮略圖放在/images/thumbnails中。您可以在代碼中進(jìn)行適當(dāng)?shù)母摹４送?，我們還假設(shè)縮略圖和相應(yīng)的圖像使用相同的名稱(chēng)。

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

清單1.相冊(cè)查看器

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

//為上一個(gè)和下一個(gè)按鈕生成導(dǎo)航//下面給出的代碼

$ output。='

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

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

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

//開(kāi)始columnif（$ index - $ limit_start％$ columns==0）{$ output。='

“;}

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

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

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

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

清單2. get_file_list實(shí)現(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 []時(shí)返回true