1、学 位 论 文基于 PHP 的图片共享系统的设计与实现论文作者姓名： 申请学位专业： 申请学位类别： 工学学士指 导 教 师 姓 名 （ 职 称 ）： 论文提交日期： 年 月 日基于 PHP 的图片共享系统的设计与实现摘 要本系统主要从现代社会电脑化观念出发，通过对现有资料的分析、研究和整理，确定了在基于现存的 WEB2.0 模式下开发图片共享系统的可行性、紧迫性和必要性。在现阶段,国内基于 WEB2.0 的图片共享系统才刚起步,该市场还有很大的介入空间。其中，在国外，已经有了很成熟的图片共享平台。在 WEB2.0 时代，信息由以前的服务器发布变成了用户发布。也就是从以前的通过服务器搜集资源并
2、且发布变成了通过用户提供资源，服务器进行整理，分类，发布的模式。而且这种模式对于一个网站的用户吸引度也远远高于传统模式。本论文旨在详细说明如何在基于 PHP 以及 Ajax 框架的环境下，使用 MVC 的开发模式，完成一个具有完整功能的图片上传以及图片管理系统，并能够实现方便的添加，删除图片以及分类，后台主要实现对用户以及用户的图片进行管理；能实现相关个人的设置更改。并且系统中对于图片上传需要有比较直观的进度显示，图片的呈现使用比较友善的显示效果。关键词：模型-视图-控制器；图片共享；AjaxAbstractThis system mainly embarks from the modern
3、society computerization. Based on existence information analysis, the research and the reorganization, we considered the pressing and the necessity of implementing order form developing picture share system base on WEB2.0.At the present stage, the domestic picture share system based on WEB2.0 is jus
4、t underway. There is expansive to take part in this field, at the same time, mature picture share system aboard is already exist for a long time. In WEB2.0 period, the style of information publishing turned from server publishing to user publishing .In another word, it is changed from server publish
5、ing information to user providing information, and in this case, servers only need to coordinating, sorting and republishing. Furthermore, in this model, a website is much friendlier to user.This thesis mainly describes how to developing fully functional pictures upload and picture management system
6、. This system can easy to add, delete pictures and categories. In the backstage management, is mainly to implementing user and pictures management and user information changing. In this system, picture uploading is intuitionisticly showing, and the picture is need to be shown user friendly.Key words
7、: MVC; Picture Share; Ajax目 录论文总页数：36 页1 引言 .12 系统概述 .13 总体设计 .23.1 系统需求分析 .23.1.1 图片上传需要支持的方式 .23.1.2 用户上传图片需要支持的格式 .23.1.3 分类 .23.1.4 图片管理 .23.1.5 图片展现 .33.1.6 查询功能 .33.1.7 用户管理 .33.2 总体结构 .33.3 图片共享系统流程 .33.4 图片共享系统模块功能介绍 .53.4.1 用户界面子模块划分 .53.4.2 管理后台子模块划分 .74 方案选择 .84.1 方案比较 .84.1.1 系统模式比较 .84.
8、1.2 程序语言比较 .84.2 方案选择 .94.3 系统技术平台 .94.4 开发环境搭建 .95 实现技术与数据结构 .125.1 系统架构设计 .125.1.1 网络架构 .125.1.2 系统逻辑服务器 .125.2 系统处理流程 .135.2.1 基于 MVC 的 Smartemplate 架构 .135.2.2 SmartTemplate 技术概述 .145.2.3 SmartTemplate 与 html 模版之间的关系 .155.3 数据库设计 .185.3.1 前台用户主要数据库表结构设计 .215.3.2 管理后台数据库表结构设计 .226 特殊问题解决办法 .246.1
9、 乱码问题 .246.2 动态显示上传进度 .246.3 图片随意批量上传问题 .257 结果测试、性能分析 .297.1 运行模块组合 .297.2 系统登陆界面 .297.3 模块应用举例 .307.4 系统现存问题 .337.4.1 批量上传连接的 URL 参数泄漏 .337.4.2 批量上传页面源代码中回调脚本泄漏用户 ID .337.4.3 无法正常返回 .337.5 改进意见 .34结 论 .34参考文献 .34致 谢 .35声 明 .36第 1 页 共 36 页1 引言随着前段时间 WEB2.0 的热潮，整个 BS 开发方向和 WEB 的运营模式渐渐开始向另一个方向转变。随着 A
10、JAX 的重新使用，大大提高了用户的 WEB 体验。其页面局部刷新的方式在很大程度上减少了用户访问页面时所花的时间。并且让用户在提高体验的同时，也能够参与的内容的提供者里面来。在传统的 WEB 系统中，都是有某个网站的管理员，或者类似的人去收集网站所需要的资源，并且将这些资源发布出去，但是随着 WEB2.0 的兴起，分享和体验逐渐占据了网站发展的重要的位置。于是，网站从以前的集中发布式，渐渐的转变成了用户提供资源，网站整理发布的模式。其中最为常见的就是 BLOG，WIKI 这些形势。其中图片共享是很有发展潜力的一个方向。首先，中国拥有数码相机的人群正在以一个稳定的数值在不断增长，但是，目前没有
11、多少网站注意到了这片市场的潜力。当用户拍了照片后，他们会找一个可以方便的共享自己所拍的照片的地方。但是，现在传统的网站，要么操作太复杂，要么就是不方便共享，比如163，不支持外部连接图片，虽然这样做的确可以明显的降低服务器的负担，但是对用户体验却大大折扣。试想，当一个用户想直接给朋友看他某个相册里面的某一张图片的时候，他还必须将自己的相册连接给对方，然后对方还要在相册里面找到那张图片后才能查看。而且 163 上的图片没有专门针对数码照片的整理和分类，也就是说多而不精。导致资源无法有效利用。国内目前在这方面兴起的网站还不多，国外也有比较出名的，例如：Flikre：，巴巴变： 等。其中巴巴变基本仿
12、照 FLIKRE 改版过来。就目前看来，该市场还有比较大的介入空间。就目前看来，图片共享系统现在需要解决的问题主要是如何更快的让用户上传图片。如何以更快的形式显示图片。其中，影响到系统开发的主要有以下问题：1、市场竞争，2、软件的可用性，稳定性，3、时间限制。由于目前已经有部分市场被前期对手抢占，所以需要在尽可能短的时间内开发出一个可用的网站系统。该系统初步分为两个部分，一个是作为 WEB 界面的 WEB 端，还有一个部分是用来通过 C/S 模式远程上传本地图片的客户端工具。2 系统概述在对于由经用户提交的的方式来实现图片共享,首要就是提高用户上传效率，以及用户上传体验和用户的浏览是否方便。一
13、般的图片共享网站都是通过很单一的上传页面对文件进行上传，并且展现形式单一化，不方便用户使用和查看。在 WEB2.0 下，诞生了大批用于增强用户体验的控件，使得图片共享比传统的形式更加的美观以及人性化。第 2 页 共 36 页而且除了需要良好的用户体验外，还需要良好的系统支持。不仅仅是程序，而是随着用户需求可以不断拓展的业务平台，以及发展流程。本毕业设计就是根据目前 WEB2.0 的需求和特点有针对的利用现在比较成熟的框架所编写。应用 WEB2.0 中已经成熟的框架接口可以大大加快目前高可用性应用的开发以及设计。并且能够从用户角度来设计一个应用。大大减轻了设计的压力以及风险。该系统能够通过多种方
14、式来对用户的图片进行上传以及管理。并且使用了现在比较流行的视觉框架来实现图片的呈现，大大改进了用户体验。3 总体设计3.1 系统需求分析图片共享，有三个方面需要考虑：一，用户应该以什么方式上传图片；二，用户可以上传的图片有哪些类型；三，应该以什么方式展示这些图片。另外，还应该实现对图片的简单整理以及统计。因此，将上传图片的用户和浏览图片的用户作为系统服务的主要目标，对系统的功能提出了如下需求：3.1.1 图片上传需要支持的方式图片上传应该支持目前使用最多的页面表单方式。并且可以对其进行简单的处理。除此之外，最好还要支持客户端方式。并且需要实现在用户不安装客户端的情况下，在 WEB 上实现批量上
15、传图片。3.1.2 用户上传图片需要支持的格式一种是 JPEG 一种是 PNG，现在大多数的数码相机都是使用 JPEG 格式保存图片，但是考虑到版权问题，也应提供 PNG 格式图片的支持。3.1.3 分类图片上传后,根据图片的标签以及图片所在任务自动将图片按照标签以及任务进行分类3.1.4 图片管理 图片管理应该包括的基本内容：图片的删除，图片的添加，图片分类的添加以及删除，图片任务的添加以及删除，图片标签的添加以及删除。同时，在图片管理中，用户能够以比较直观的方式查看自己上传的图片。第 3 页 共 36 页3.1.5 图片展现应该能够很直观的展示给最终用户进行查看。3.1.6 查询功能用户需
16、要了解自己的分类下的图片总量以及任务下的图片情况，又因为用户可能需要根据不同的情况下，对自己的分类，任务下的图片情况做统计，因此该系统还应具有分类，任务，标签的多条件组合查询功能。3.1.7 由于该系统为多用户系统，系统后台还应该具有用户管理功能用户管理包括的功能如下：用户的添加，删除，查询。以及对用户图片的查看，删除；对用户的分类的查看，删除；对用户标签的查看，删除。3.2 总体结构图片共享系统主要功能模块结构示意图如下：图 片 共 享 系 统用 户 界 面 后 台 管 理用 户 前 台 图 片 处理用户登录验证用户图片上传用户图片预览用 户 后 台 管 理用 户 管 理 管 理 员 管 理
17、用户信息管理用户图片标签管理用户图片任务管理用户添加用户信息修改用户图片管理用户搜索后台用户添加后台用户修改后台用户删除后台用户权限分派图 3-1 图片共享系统功能模块图图片共享系统包括两大部分：用户界面和后台管理，其中用户界面为用户可视并且可使用的功能，后台管理为管理员所能使用的功能。3.3 图片共享系统流程 图片共享系统流程设计思想如下：1. 用户（这里主要指直接使用本系统的最终用户，不包括后台具有管理功能的用户）根据自己的图片格式，选择合适的图片上传到本系统的处理端。2. 系统在接到用户上传的图片后，应根据系统当前所允许上传的图片的类型判断用户所上传的文件是否符合系统的要求，确定用户为上
18、传图片所分配的标签，依据上传图片的设置对图片进行分类以及更改格式，此时的图片并非最第 4 页 共 36 页后存储在系统中的图片，该图片在经过裁减以及根据系统设定更改后的格式进行存储。 （这样做，是为了统一图片的格式，便于输出的处理以及图片入库时统一处理接口。 ）3. 图片添加成功后，将上传的图片直接缓存到用户所在的文件夹下，按照上传日期排列，并且同时在数据库中保存图片的副本。4. 图片在存储后，同时在前台显示已经上传的图片，并且将图片添加到所设定的标签下，并且按照任务对图片进行分批显示。5. 用户在用户管理台里面可以对当前所有图片进行管理，用户删除图片时，可以按照单个图片，分类，标签，以及任务
19、对图片进行删除操作。6. 已经上传的图片，可以通过用户查看图片的连接直接提供给第三方用户进行查看。或者直接通过系统生成的连接发送给第三方用户进行查看。7. 后台管理员可以通过系统提供的功能直接对管理用户进行添加以及更改。当需要具体赋予用户某个功能时，可以通过更改后台用户的细节设定来更改用户权限。8. 管理员在需要删除某个用户的上传图片时，也可通过统一的图片管理接口对用户的图片，分类，标签以及任务进行删除。 图片共享系统流程图如下：第 5 页 共 36 页图 3-2 图片共享系统流程图3.4 图片共享系统模块功能介绍图片共享系统，主要完成图片的添加，删除以及图片标签的添加，删除功能。以及对多用户的管理以及在后台对用户的图片进行管理。以下是子模块划分以及各模块的功能介绍。3.4.1 用户界面子模块划分图 3-3 用户界面子模块结构图 用户界面子模块 密码修改密码修改，作为用户界面子模块的一部分，主要完成用户密码修改的工作。
