&nbsh1;

 

MutualPic代拍照片系统分析与设计

李间 郑好 黄智煜 林小龙

【摘 要】为了满足人们对图片素材的实时需求，达到图片内容能匹配用户需求，我们基于智能手机的硬件基础，搭建一个照片代拍系统来解决以上需求。MutualPic正是可以解决这一需求的照片代拍系统;MutualPic系统基于LAMP环境、Laravel框架开发，集成RBAC权限管理功能、API接口以及多客户端，且具有前后端分离特色;本文将从系统功能概要设计、系统架构分析设计、数据库分析与API 接口功能设计、多客户端界面设计五大模块阐述拍照共享平台的系统分析与设计过程。

【Key】照片代拍;Laravel;MVC设计模式;应用程序接口;权限管理

： TP311.1-4;G642 ： A ： 2095-2457（2019）03-0106-002

DOI：10.19694/j.cnki.issn2095-2457.2019.03.043

MutualPic generation photo system analysis and design

LI Jian ZHENG Hao HUANG Zhi-yu LIN Xiao-long CHEN Yong-ling

（Guilin university of electronic technology， Guilin Guangxi 541000， China）

【Abstract】In order to meet people's real-time needs for picture materials and meet the needs of users for picture content matching， we built a photo-taking system based on the hardware basis of smart phones to solve the above needs. Mutualic.It is to solve this need of the photo generation system; The MutualPic system was developed based on LAMP environment and Laravel framework， and integrated with RBAC authority management function， API interface and multiple clients， with the characteristic of separation of front and rear ends. This paper will elaborate the system analysis and design process of the photo-sharing platform from five modules： system function outline design， system architecture analysis design， database analysis and AP interface function design， and multi-client interface design.

【Key words】Photo generation; Laravel; MVC design pattern; Application programming interface; Rights management

0 引言

在浩如煙海的信息化世界中，人们想找到需要的图片素材是比较费时和困难的，当下大部分用户寻找图片素材有两种方式，一种是利用搜索引擎来寻找，但搜索引擎返回的结果量多且杂;另一种是通过质量较高的图片素材网站来寻找素材，而这类网站虽然图片优质，但其匹配范围也仅限于该站的数据库，还是无法满足用户的需求。

而科技的发展使手机摄像头的分辨率越来越高，智能手机已经足够满足拍摄的需要，并且相比照相机等设备使用起来也更方便。因此，基于智能手机的硬件基础，搭建一个照片代拍系统来解决图片内容与用户需求匹配是我们的目标。

1 系统功能概要设计

1.1 使用方功能设计

对于MutualPic代拍照片系统而言，要解决的用户需求是对图片素材的需求，那么相应的功能设计如下：

（1）主体功能

创建相册与上传照片也就是平台用户创建相册，并能够通过上传或选择已有相册来回应其他需求者发出的图片需求信息;同时平台用户可以通过平台搜索引擎能够直接寻找自己需要的图片素材。

（2）客户端功能

注册和登录，让使用方成为平台用户，并通过用户这一角色能够享有平台数据;用户还可以进行数据总览、用户数据分类管理、用户信息修改;还有为用户提供各功能的使用方法的图文说明、以及用户反馈的提交。

（3）积分等级等功能：

从电子商务专业理论知识考虑，为了保持和拓展用户，从运营考虑而为使用者设计各种特色功能，如结合主要功能开发的一系列积分奖励系统或是等级权限系统等。

1.2 运营方功能设计

运营方作为MutualPic系统的运营者和维护者，需要具备MutualPic系统管理的最高权限，并为其提供可视化的数据管理操作，以及为其运营后期再次开发减少难度，相应功能设计如下有：管理控制面板，用户管理，权限管理，菜单管理， 公告 职业卫生公告栏下载公告怎么写公司公告范文安全风险承诺公告制度公告栏模版 管理，主题业务功能管理，其他业务功能管理，API接口与开发文档。

2 系统架构分析设计

开发环境与开发技术

本系统选择在LAMP环境下进行开发和运行，选用Ubuntu作为开发和运行环境主要原因是：开源免费、运行快、便于维护;A 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 示Apache，apache作为一个跨平台的Web服务器软件，其稳定的性能能让开发更具安全性;M是指采用Mysql数据库;P即是指选用PHP编程语言，制作Web应用使用PHP编程语言可谓是相当轻便迅速。

3 数据库分析与设计

数据库需求分析

MutualPic數据库要建立一系列数据表来反应各业务功能之间的关系。MutualPic系统的主要业务功能是：用户注册与登录模块、照片与相册相关功能模块、需求与回应相关功能模块。以及其他的业务功能比如菜单模块、收藏模块、点赞模块、公告模块等，是系统的附属功能，主要考虑如何满足相应业务功能的需求或做的更佳完善。

数据表详细设计

用账户表users的具体结构，users表用于存储MutualPic的账户信息。

相册表photogroups的详细字段设计，photogroups表用来表示用户创建的相册，并标注该相册内图片素材的地点、描述等信息。

照片（图片素材）表photos的详细字段设计，photos表用来 记录 混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载 用户上传的照片或图片素材的存储路径已经所属相册，以便在客户端显示时获取图片路径以及素材的相关信息。

需求表requests的详细字段设计，根据用户的需求以便平台推荐图片素材或其他用户查看需求信息并做出回应。

回应表responses的详细字段设计，responses表记录哪个用户（user）用其发布的哪一个相册（photogroup）来回应哪一个需求。

4 多客户端界面设计

MutualPic作为一个照片代拍系统，主要数据是图片信息，其Web前端设计的视觉效果必然十分重要，且代拍照系统针对的主要用户是移动端用户，在Web前端设计时应用响应式设计也是必然的。同时由于带拍照系统主要面对移动端客户，也将调用API接口制作一个Android客户端应用，不仅作为一个简易的、临时的App也可以为后期的运维者或开发者提供API调用的示例，所以多用户界面设计分为Web前端界面设计和Android界面设计。

4.1 Web前端界面设计

（1）首页设计

MutualPic系统Web前端首页作为一个图片类平台的主展示页面，在设计上要做到雅观、大气，功能菜单简单明了，主要功能布局突出，展示信息量全而优;并且在首页设计时就要考虑到前端的主题风格，并设计出一些公用的代码片段、样式文件、脚本文件以统一风格。

（2）相册列表界面设计

相册列表界面要做到分类齐全，搜索简便，相册信息以及相册相关操作按钮视觉效果突出。

（3）相片展示界面设计

相册展示针对已登录用户与未登录用户提供不同的操作按钮，并需要拥有视觉效果良好的展示和轮播效果。

（4）需求列表界面设计

相册列表界面要做到搜索简便，需求信息以及回应需求的操作按钮视觉效果突出，并提供相关推荐。

（5）用户面板界面设计

用户面板要做到信息完整，功能链接布局突出、分类规整、链接有效。

（6）注册登录界面设计

登录注册界面设计做到操作简单，需填写的表单字段表达清楚，能够做到注册快捷、登录简便。

（7）使用帮助界面设计

帮助界面采用简单的针对功能的提问链接，并放弃传统的冗长的文字说明采用实际操作截图进行说明。

4.2 Android界面设计

由于带拍照系统主要面对移动端客户，本说明书虽然主要针对系统开发，但也将调用API接口制作一个Android客户端应用，不仅作为一个简易的、临时的App也可以为后期的运维者或开发者提供API调用的示例，Android客户端主要界面设计也分为主界面设计和账户页面设计。

4.3 管理系统界面设计

管理系统虽不属于客户端，但其界面统一，设计成本低，因此不另作一节，而在本节进行简要的界面设计。

（1）业务功能管理数据表 模板 个人简介word模板免费下载关于员工迟到处罚通告模板康奈尔office模板下载康奈尔 笔记本 模板 下载软件方案模板免费下载 界面

业务功能管理的界面模板采用左侧分栏菜单，右侧数据功能 记录表 体温记录表下载消防控制室值班记录表下载体温记录表 下载幼儿园关于防溺水的家访记录表绝缘阻值测试记录表下载 以及相关条目操作的形式，以此做到管理视觉明朗易读、风格统一的效果。

（2）相册、照片管理界面

照片与相册功能模块的管理界面与普通的管理界面不同，需要显示图片缩略图，因此设计不同的界面模板。

（3）菜单管理界面

菜单管理界面实现管理员对MutualPic系统管理面板左侧的分栏菜单进行自定义调整，要求界面能够实现可拖拽功能。

（4）登录界面

后端管理系统登录界面设计做到操作简单，需填写的表单字段表达清楚，能够做到登录简便快捷。