php+mysql志愿者服务平台前端页面设计(3)

菜单

与原生App相比，WebApp有其独特的优势。所以，基于WebApp来开发志愿者服务平台是一个很好的选择。这个志愿者服务平台可以使申请加入志愿者、参加志愿者活动变得更加方便快捷，有利于志愿服务队伍不断壮大，持续、健康的发展，为城市文明建设提供强有力的群众基础。

2 需求分析

2.1 问题定义

本系统是一个基于WebApp的志愿者服务平台，给志愿为社会、他人做贡献的人们提供便捷的服务。人们可以利用手机等移动端设备随时随地的用浏览器访问本系统，进行便捷的操作。本系统利用市民的身份证号进行注册登录，登录之后可以进行志愿者的注册，每个志愿者在注册后会获得一个志愿者号。注册完志愿者就可以加入团队，可以根据地区、行业、时间等进行团队的选择，加入到团队后就可以参加一些只面向团队内部成员的活动，活动由团队管理者进行发布。当然，每个志愿者还可以参加所有面向全体成员的活动，可以浏览到相关活动信息。每个志愿者还可以创建团队，创建团队需要填写一些相关信息，在创建团队后就可以发布活动了。活动发起者在活动开始前还可以发起签到，想参与活动的志愿者可以通过定位方式进行签到，与发起者的位置在一定距离内就可签到成功。以上就是该系统的主要功能。文献综述

2.2 可行性分析

2.2.1 技术可行性

本系统主要用到了前端技术和后端数据库技术，前端技术主要包括HTML、CSS、JavaScript等，通过这些就可以构建网页，对网页进行移动端适配就变成了WebApp类型。前端方面还要实现轮播图功能，对移动端滑动进行优化，图表功能的实现和日期、时间的滑动选择实现，还有上传图片的预览功能。后端技术主要包括MySQL和PHP，由于我们所实现的是一个中小型数据库，所以MySQL完全能满足要求。后端使用PHP来和数据库进行连接，同时利用PHP输入一些简单的HTML页面。前端与后端之前可以利用AJAX进行通信。

基于上述技术，我们便可以实现该系统。

2.2.2 经济、操作可行性

本系统使用的开发软件都是免费的，不涉及到付费的问题，这样可以降低开发成本。由于人力资源有限，因此将实现系统的主要功能，留有接口可以后续完善。本系统是基于WebApp的，因此只需要任何手机等可以用浏览器访问网页的移动端设备就可以访问我们的系统，具有很高的实用性。本系统具有简易的操作逻辑，因此很快就可以熟悉使用。本系统在经济、操作上都具有很高的可行性。

2.3 系统功能需求

开发志愿者服务平台的目的是给参加志愿活动的群众和活动发起者提供便捷的服务，基于这个目的，本系统主要需要以下三方面功能：系统初始的注册登录功能，志愿者的注册以及浏览、参加活动和参加团队的功能，团队发起人创建团队和发布活动的功能。首先，系统会有个初始的注册登录页面，注册用户名和密码来登录本系统，之后的志愿者注册、团队注册等会关联到此用户名。在用户登录到系统后会进入主页面，在主页面用户可以点击注册成为志愿者，成为志愿者后就可以浏览相关活动信息，并选择自己喜欢的报名参加。对于想举办公益活动的用户，在注册成为志愿者后可以在主页面便捷的创建团队，在之后就可以发布自己的活动了。有了以上功能，用户就可以用手机便捷的参与公益活动。

a) 初始注册登录模块的主要功能：志愿者需要填写一些基本的信息才能注册登录到系统的主页面，主要需要填写用户名和密码，之后的志愿者注册、团队注册等会关联到此用户名，因此要求用户名在数据库中是唯一的。在用户登录到系统后会进入主页面，主页面会有本系统的一些数据信息，包括已注册志愿者总数和已注册团队总数，以及最近一年内由每月新增的志愿者数和团队数所构成的图表。此外主页还有最近将要举办的相关活动信息，包括活动名称，活动日期，活动地点以及活动需要人数及已报名人数等相关信息，以此来吸引用户注册成为志愿者。