使用Ajax开始PHP开发

异步JavaScript和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.相册查看器

/**在/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）继续开始目录列表;

//项目编号$ limit_endif（$ index＆gt;=$ limit_start + $ limit_step）的最终目录列表继续;

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

“;}

//生成链接以炸毁图像（见下文）$ thumbnail=''; $ output。='

'; //关闭columnif（$ index - $ limit_start％$ columns==$ columns - 1）{$ output。='';}} $ output。=''。 get_image_link（$ thumbnail，$ index）。 '';返回$ nav。 $输出;}

这个表非常简单，它遍历从索引号$ limit_start开始的图像列表。然后放置每个图像的缩略图，将五个图像中的每一个作为一条线。当达到$ limit_start + $ limit_step时，循环结束。

此表是目录列表的直观表示，因此需要一个函数来列出目录中的所有图像。清单1中的get_file_list（）函数返回带有索引数组的/images目录中所有映像的数组。以下是一个示例实现。

清单2. get_file_list实现

函数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