基于PHP技术电子相册系统研究和设计.doc

基于PHP技术电子相册系统研究和设计 　　摘 要：PHP技术具有响应速度快、可移植性好、可维护性好等优点，本文使用PHP技术设计并开发的校园电子相册系统。给出了该电子相册的设计方案，实现细节。该电子相册具有使用简单，方便师生上传照片、分享照片等特点。 关键词：PHP；电子相册；CSS滤镜；层拖拽技术 中图分类号：TP315 随着智能手机的普及，越来越多的学生使用了智能手机对自己的学习、生活情况进行拍照。随着照片量的增多，学生迫切需要一种能够展示其照片的地方；对于学校方来说，每学期都会举办大量的活动，每次活动也会产生大量的图片，这些图片也需要有一个地方进行展示。这些照片的管理要求是：方便查找、易于浏览、易于分享。虽然有QQ相册等第三方的相册，但这些相册私密性太强，不易于分享。本文以共享性为出发点，使用PHP开发了一个易于分享，方便使用的电子相册系统。 1 系统设计 1.1 系统功能设计 本电子相册总体功能设计包括前台和后台两个部分。前台的功能主要是浏览，后台功能具有上传相册照片、管理相册类别、添加文字、制作动感影集等功能。 1.2 用户角色设计 用户分为两类，普通用户，管理员。普通用户没有登录，只能浏览开放性的相册。普通用户登录后还可以实现管理类别的功能，包括：上传图片、添加修改类别、相册加密等。管理员具有删除用户，更改用户密码，删除用户相册等功能。 1.3 数据库设计 根据电子相册的核心功能进行数据库设计。本电子相册的数据库表包括：用户表（tb_user），保存电子相册注册用户信息，包括用户名、密码、email等信息。相册表（tb_ablum），保存了相册的影集。包括相册id、影集名称、滚动文字等信息。照片表（tb_photo），保存了所有上传的照片信息。包括照片名称、所属类别、所属用户、图片说明等。类别表（tb_type），保存了图片的类别。主要包括类别名称、所属用户、类别等级等。 2 系统实现关键技术 2.1 CSS滤镜技术 CSS滤镜有着不逊于其他专业的制图软件的功能，除了可以对页面进行效果处理外，还可以实现页面间跳转的过渡效果。浏览相册模块下的制作影集子模块就是使用滤镜来实现的。 CSS滤镜有两种实现效果。第一种是页面中某元素的静态效果，在本项目中广泛使用半透明效果、聚光灯效果、图片翻转效果等。另一种是页面跳转间的转换效果。转换滤镜是在对象内容发生变化时，如页面刷新、重定向等，添加一些过场动作，在视觉上给人一种美感。在本项目中广泛使用barn滤镜、BlendTrans滤镜、Blinds滤镜、Wheel滤镜、Strips滤镜等。 2.2 层拖拽技术 在本电子相册中，实现了使用鼠标对照片的拖拽方法，可以把照片由一个地方拖拽到另外一个地方。 层拖拽实现方法如下：首先使用javascript获取鼠标与页面元素的位置、大小。通过鼠标按下事件（onmouseup）和鼠标移动事件（onmousemove），实现页面元素的拖到。 2.3 上传图片 用户上传图片时，需要使用到图片的一些属性，如图片的类型、大小、长、宽、等。获取图片信息的方法有两种，一种是通过$FILES预定义变量来得到图片的类型、图片大小等信息；另一种是通过getimagesize（）函数来获取图片的类型、长、宽等信息。本项目中将$FILES变量和getimagesize（）函数配合使用，实现对上传图片的各种操作。 2.4 缩略图技术 在进行相册浏览时，广泛使用到了照片的缩略图。在此讨论一下缩略图的实现方法。实现缩略图技术有多种方法，在PHP中广泛使用GD2库中imagecopyresize（）函数实现，该函数可以复制一个图像并重新设置大小。实现的核心代码如下： Imagecopyresize（$dt，$source，0，0，0，0，$newwidth，$newheight，$oldwidth，$oldheight）； $dt代表新的图像；$source代表原图像；0，0，0，0 代表新旧图像左上角坐标；$newwidth，$newheight代表新图像的宽与高；$oldwidth，$oldheight代表就图像的宽与高。 3 系统实现 3.1 加密相册的访问实现 当点击相册后系统弹出一个密码输入框。使用AJAX技术来验证密码。核心代码如下： Url=checkpwd.php？Tid=+tid+’typepwd=’+pwdobj.value+’rnd=’+Math.random（）； Xmlhttp.open（get’，url，true）； Xmlhttp.onreadystatechange=fu