APP下载

基于PHP技术的电子相册网站设计与实现

2016-04-07朱小琴

河北软件职业技术学院学报 2016年4期
关键词:前台后台页面

朱小琴

(泉州经贸职业技术学院,福建泉州 362000)

基于PHP技术的电子相册网站设计与实现

朱小琴

(泉州经贸职业技术学院,福建泉州 362000)

电子相册网站的设计与开发是采用PHP技术,同时结合了MYSQL数据库,实现了对于相册的多层次管理,包括相册的分级存放,相册的浏览、上传、删除等编辑功能,极大地满足了广大摄影爱好者收集相册以及管理相册的个性化需求。

php;mysql;电子相册;个性化

0 前言

在线电子相册网站的设计与实现,能解决大量自拍者以及摄影爱好者大容量图片资料的存储与各种管理问题,能为这些图片等进行分级、分层次管理,通过上传、下载等功能来动态操作这些图片,并实现相册资料的在线、实时、交互式管理。

1 开发环境和配置介绍

网站的开发、设计工具是Dreamweaver CS6。Dreamweaver[1]是由Adobe公司开发的网站开发与编辑工具,利用Dreamweaver的各项菜单,用户可以进行网页设计、网站建设等各项活动。

网站的开发技术是PHP[2]技术。PHP是一种运行于服务器端的动态网站开发技术,它可以嵌入HTML标记语言,其独特的语法混合了C、JAVA、PERL以及PHP自创的语法。

基于PHP开发环境进行网站建设,常用的技术环境组合是:Windows操作系统、Apache[3]服务器、MySQL和PHP脚本语言。

Apache服务器是一款源代码开放的WEB服务器,其功能可以与微软的IIS媲美;MySQL是一个开放源代码的关系型数据库管理系统,具有体积小、速度快、成本低等优点;PHP是一种脚本语言,它不但引入了面向对象的全部机制,同时还保留了向下的兼容性。

PHP环境配置文件主要包含php.ini,httpd. conf和my.ini等三个文件,用户需要对这三个文件进行设置后,才可以正确运行网站的各个文件。

2 网站数据库设计

为了分层次、分级以及更好地管理这些大容量相册资料,满足实际要求,应创建一个数据库,数据库名称为photo,同时需要把该数据库文件置于MYSQL的DATABASE文件夹下面,在数据库中创建满足网站后台管理功能要求的数据表,其各个表的名称和相对应的字段、类型如表1至表3所示。

表1为photoclass,它主要存储相册的分类编号和分类名称,具体设计结构如下所示:

表1 photoclass

表2为photoinfo,它主要存储每一个相册的相关信息,具体设计结构如下所示:

表2 photoinfo

picdetail主要存储每一个相册中每一张图片的相关信息,具体结构设计如表3所示。

3 数据库与页面的连接代码

为了实现与数据库的连接,应利用dreamwea-ver软件先创建一个PHP本地网站文件夹,该文件夹位于C盘的WWW目录下面,对本地网站进行配置与测试之后,就可以进行前台阅览页面与后台数据库的连接了。连接首先需要创建一个公用的数据库连接文件myphotoconn.php,在该文件中编写连接代码[4],具体如下所示:

表3 picdetail

前台页面中有涉及到跟数据库进行交互操作的页面,都需要把该数据库文件myphotoconn.pph[5]包含到其页面中。

4 前台主要页面设计

一般动态网站的模式都是前台和后台分开设计与制作,因此,首先进行网站的前台页面设计。

在线电子相册网站主要的前台页面有:photoindex.php-相册首页、photoclass.php-相册分类展示页、photoclassinfo.php-分类相册详细信息描述页、picdetail.php图片列表信息页、单张图片详细内容页piccontent.php。

各个页面的设计过程如下:

(1)电子相册首页photoindex.php主要用于显示用户上传到数据库中的各条相册信息以及相关的各条图片信息,用户可以根据自己的兴趣爱好,进行点击选择,页面上包括相册分类信息,最新上传的相册信息,分列表图片展示信息等,具体如图1所示。

图1 电子相册网站首页

(2)电子相册分类展示页photoclass.php主要用于分列表展示不同类别的相册描述信息,点击链接之后,可以查看更详细的每个分类相册的相关信息,具体如图2所示。

图2 分类相册信息页

(3)电子相册分类相册详细信息页photoclassinfo.php主要用于展示每个分类相册的所有图片资料,具体如图3所示。

图3 分类相册详细信息页

(4)电子相册图片详细信息页picdetail.php主要用于展示每个分类相册下每张图片的简要描述信息,具体如图4所示。

图4 图片列表信息页

(5)电子相册单张图片详细内容页piccontent. php主要用于展示每个分类相册下每张图片的详细内容信息,具体如图5所示。

图5 单张图片信息页

5 后台管理系统的实现

后台管理系统主要是通过对数据库的操作,把相对应的处理结果显示在前台页面中。

在线电子相册网站主要的后台管理页面有:photologin.php-登录页、photoadmin.php相册后台管理首页、photoadminclass.php-管理分类相册页、adminpic.php-管理图片列表页、addphoto.php添加相册信息页、addpic.php添加图片信息页、addphotoclass.php添加相册分类页。

各个页面的设计与实现过程如下:

(1)在登录页能通过设定好的用户名和密码,点击前台的登录链接按钮,进入到后台管理首页photoadmin.php,从而进行相对应的各项操作。

(2)相册后台管理首页是用户登录成功之后进入的页面,该页面分列表显示各个相册的信息,管理员通过点击相对应的按钮或者菜单,可以进入各个子页面进行相关的后台各项编辑操作,如删除、修改等。

(3)分类相册管理页面主要实现对不同类型的相册进行删除、修改功能;图片管理列表页用于分列表和分页显示每一种类型相册下的每一张图片信息,同时可以对指定的图片进行删除和修改操作。

(4)相册添加页实现了根据数据库中相册信息表格所对应的字段和内容,添加相册信息,并保存该相册记录到指定的数据库表中,其部分关键性代码[6]如下所示:

(5)图片添加页实现了根据数据库中图片信息表格所对应的字段和内容,添加图片信息,并保存该图片资料记录到指定的数据库表中,同时给单张图片创建详细信息页的链接,从而能跳转到图片的详细信息内容页中,更全面、更详细地了解图片相关资料。

(6)相册分类添加页面实现的功能是将相册分类号和相册分类名称添加到数据库中的表格新记录当中。

(7)当管理员要返回到前台页面的时候,需要进行注销操作,点击注销按钮,退出后台管理系统,进入前台界面,可以再次浏览和查看页面等。

6 结论

通过分析用户实际的个性化需求,利用PHP脚本语言和MYSQL数据库技术,借助Dreamweaver开发工具,设计与实现了一个在线的个性化电子相册,达到了大容量、分层次管理用户相关相册资料的目的,实现了图片和相册等资料的上传、下载等功能,为广大摄影爱好者提供了交流和沟通的平台。

[1]何新起.Dreamweaver CS6完美网页制作[M].北京:人民邮电出版社,2013:33-38.

[2]孔详盛.PHP编程基础与实例教程[M].北京:人民邮电出版社,2011:18-25.

[3]王凤玲.基于PHP+MySQL的新闻发布系统的研究与实现[J].计算机应用与软件,2012(2):234-236.

[4]余肖生,易偲.基于PHP的开发环境搭建与网站设计实现[J].重庆理工大学学报:自然科学版,2011(3):74-77.

[5]张子丰.基于PHP的商务网站设计与实现[D].成都:电子科技大学,2015.

[6]主福洋,郭坤.基于PHP技术的网站建设[J].软件工程师,2013(Z1):60-61.

Design and implementation of the electronic photo album website based on PHP Technology

ZHU Xiao-qin
(Quanzhou vocational college of economics business,Fujian Quanzhou 362000,China)

With the wide use of internet,smart phones and related shooting equipment,more and more image data are stored.Therefore,itisnecessarytodesignanonline electronic photo album website,which can manage these image data.Design and development of online electronic photo album website,which adopted PHP technology and combined with the MYSQL database,has realized the multi-level management of the album,including the album classificationstorage,thealbumbrowsing,uploading, deleting and other editing functions,this greatly satisfies the personaldemandsofmajorityofphotographylovers including collection album and photo album management.It has a certain practical significance for the album's real-time and large capacity management,and provides a feasible and convenient service for the majority of users.

PHP;MySQL;electronic album;personalization

TP393.092.3

A

1673-2022(2016)04-0056-04

2016-07-21

朱小琴(1982-),女,福建莆田人,讲师,硕士,主要研究方向为数据挖掘、web挖掘等。

猜你喜欢

前台后台页面
刷新生活的页面
Wu Fenghua:Yueju Opera Artist
庞鲜、周衍耀室内设计作品
公路电助力 从幕后走向前台
孟晚舟:从前台打杂到华为副总裁
后台暗恋
网站前台设计分包合同中应注意的问题
移动页面设计:为老人做设计
后台朋友
后台的风景