计算机毕业设计java志愿者招募网站ssmvueweb毕设

第五章系统功能实现

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1D84y1Q75e/

三、运行截图：

3.1系统功能模块

志愿者招募网站，在网站首页可以查看首页，组织信息，志愿活动，新闻资讯，个人中心，后台管理等内容，并进行详细操作；如图3-1所示。

图3-1网站首页界面图

用户注册，在用户注册页面通过填写账号,密码,确认密码，姓名,手机,所在学校，邮箱，验证码等信息进行注册操作，如图3-2所示。

图3-2用户注册界面图

组织信息，在组织信息页面可以查看组织名称，组织编号，组织宣言，负责人，联系电话等内容，并进行评论和收藏操作，如图3-3所示。

图3-3组织信息界面图

个人中心，在个人中心页面通过填写账号,密码,姓名,性别,上传图片,手机,所在学校，志愿时等内容进行更新信息操作，并根据需要对我的收藏进行详细操作；如图3-4所示。

图3-4个人中心界面图

3.2后台登录模块

后台登录，管理员，志愿组织和用户进入系统前在登录页面根据要求填写账号，密码，验证码和选择角色等信息，点击登录进行登录操作，如图3-5所示。

图3-5后台登录界面图

3.2.1管理员功能

管理员登陆系统后，可以查看首页，个人中心，用户管理，志愿组织管理，组织信息管理，组织申请管理，志愿活动管理，活动报名管理，活动打卡管理，取消报名管理，通知公告管理，系统管理等功能，还能对每个功能逐一进行相应操作，如图3-6所示。

图3-6管理员功能界面图

用户管理，在用户管理页面可以对账号，姓名，性别，手机，所在学校，志愿时，头像，邮箱等内容进行详情，修改和删除操作，如图3-7所示。

图3-7用户管理界面图

志愿组织管理，在志愿组织管理页面可以对组织编号，组织名称，所在学校，负责人，联系电话，组织图片，邮箱等内容进行详情，修改和删除等操作，如图3-8所示。

图3-8志愿组织管理界面图

组织信息管理，在组织信息管理页面可以对组织编号，组织名称，负责人，联系电话，组织图片，审核回复，审核状态等内容进行详情，查看评论和删除等操作，如图3-9所示。

图3-9组织信息管理界面图

组织申请管理，在组织申请管理页面可以对组织编号，组织名称，申请时间，申请说明，账号，姓名，审核回复，审核状态等内容进行详情和删除等操作，如图3-10所示。

图3-10组织申请管理界面图

志愿活动管理，在志愿活动管理页面可以对活动编号，活动名称，活动地点，开始时间，活动时长，活动状态，活动图片，组织编号，组织名称，审核回复，审核状态等内容进行详情，查看评论和删除等操作，如图3-11所示。

图3-11志愿活动管理界面图

系统管理，在新闻资讯页面可以对标题,图片等内容进行详情，修改和删除等操作，还可以对轮播图管理进行详细操作；如图3-12所示。

图3-12系统管理界面图

3.2.2用户功能

用户登陆系统，可以查看首页，个人中心，组织申请管理，活动报名管理，活动打卡管理，取消报名管理等功能，还能对每个功能逐一进行相应操作，如图3-13所示。

图3-13用户功能界面图

个人中心，在个人信息页面通过填写账号,姓名,性别,头像,手机,所在学校，志愿时，邮箱等内容进行个人信息修改操作，如图3-16所示。

图3-16个人中心界面图

组织申请管理，在组织申请管理页面可以对组织编号，组织名称，申请时间，申请说明，账号，姓名，审核回复，审核状态等内容进行详情操作，如图3-17所示。

图3-17组织申请管理界面图

3.2.3志愿组织功能

志愿组织登陆系统，可以对首页，个人中心，组织信息管理，组织申请管理，志愿活动管理，活动报名管理，活动打卡管理，取消报名管理等功能进行详细操作，如图3-18所示。

图3-18志愿组织功能界面图

组织信息管理，在组织信息管理页面可以对组织编号，组织名称，负责人，联系电话，组织图片，审核回复，审核状态等内容进行详情，修改，查看评论和删除操作，如图3-19所示。

图3-19组织信息管理界面图

活动报名管理，在活动报名管理页面可以对活动编号，活动名称，活动地点，报名时间，备注，组织编号，账号，姓名，审核回复，审核状态等内容进行详情，活动打卡和删除操作，如图3-20所示。

图3-20活动报名管理界面图

活动打卡管理，在活动打卡管理页面可以对活动编号，活动名称，活动地点，打卡时间，活动时长，账号，组织编号，组织名称等内容进行详情，修改和删除操作，如图3-21所示。

图3-21活动打卡管理界面图