🎈系统亮点：图形化分析；

一.系统开发工具与环境搭建

1.系统设计开发工具

后端使用Java编程语言的Spring boot框架
项目架构：B/S架构
运行环境：win10/win11、jdk17

前端：
技术：框架Vue.js；UI库：ElementUI；
开发工具：Visual Studio Code；

---

后端:
技术：Java语言、mybatis plus、Spring boot框架；
开发工具：IDEA 2023.3.3版本；

---

小程序端：
技术：框架Uniapp；
开发工具：HBuilder X；

---

数据库：
数据库：mysql5.7
数据库工具：Navicat12版本；

---

二.系统实现

1.小程序端

1.1用户登录注册界面

用户想要预约志愿活动，需要注册登录小程序，注册需要输入账号、密码、昵称点击登录后，跳转到登录界面，输入账号和密码即可登录校园志愿者小程序。

用户注册登录相关代码：

1.2序首页界面

首页展示所有的类型的志愿者活动，也可以进行关键字搜索查询想要参加的志愿者活动。点击进行，可以查看志愿者的详情信息。

首页相关代码：

1.3小程序志愿者话题界面

志愿者们可以在这个话题里进行讨论交流经验，搜索自己想要交流的话题进行讨论。如果没有找到想要的话题，也可以自己创建话题。

话题相关代码：

5.1.4小程序个人中心界面

个人中心可以看自己加入的时间，修改个人资料，查看积分、活动次数、我的话题。可以看到每次的积分记录，我的培训，我的预约，我发布的话题等，都有记录。

个人中心相关代码：

2管理员端

2.1管理员首页界面

管理员登录后，进入后台管理首页界面，展示管理员登录的打卡轨迹以及用户的信息。

2.2管理员决策分析界面

管理员可以根据图形分析更好的掌握活动参加的次数和退出人数占比，活动时长分析，也支持下载功能，为管理者提供决策支持。

2.3管理员用户管理界面

系统需要提供志愿者信息的录入界面，包括姓名、性别、年级、专业、联系方式等信息。同时，系统还需要提供志愿者信息的查询和修改和导出功能。

2.4管理员志愿活动管理界面

管理员可以添加志愿者活动，可以对志愿者活动进行查询和修改，对活动的状态进行变更。

三.需求分析

1.管理员：

(1) 志愿者信息管理：系统需要提供志愿者信息的录入界面，包括姓名、性别、年级、专业、联系方式等信息。同时，系统还需要提供志愿者信息的查询和修改和导出功能。

(2) 决策分析：根据参加的活动，会有一个决策分析页面，用饼状图显示活动参加的次数和退出人数占比，树状图显示时长分析。也支持下载功能，为管理者提供决策支持。

(3) 志愿活动：管理员可以添加志愿者活动，可以对志愿者活动进行查询和修改，对活动的状态进行变更。

(4) 志愿者活动报名记录：对于志愿者活动的报名，进行审核通过。

(5) 活动预约：管理活动预约，可以查看活动预约的人数，查看活动的热度。

(6) 活动签到：管理员可以查看活动的签到人数。

(7) 志愿活动记录：对参加志愿者的参加者的记录，参加的总时长，是否中途退出，支援者的评价和反馈，都会在这里记录。

(8) 活动排班：管理员可以对志愿者进行排班。

(9) 话题管理：添加话题类型，显示所有的话题，和话题的评论和删除不良好的评论和话题。

(10) 志愿者培训：可以看到所有的志愿者参加的培训记录和培训的活动，获奖证明等信息。

2.用户：

(1) 个人中心：用户可以修改自己的个人信息，包括姓名，邮箱，手机号，头像等信息。可以通过预约审核查看通过审核的活动。

(2) 首页：用户展示所有的志愿者活动，也可以对志愿者活动进行搜索。对于未开始的活动，用户可以点击提前预定。对于开始的活动，会提示用户活动开始，提示用户报名。

(3) 我的预约：可以查看个人的所有的预约活动，对于不想参加的活动进行退出。当活动开始签到后，可以进行签到。对参加后的活动可以进行评价和反馈，也可以开活动证明。

(4) 活动次数：显示用户所参加的活动次数。

(5) 我的话题:显示用户发布的话题，可以进行修改话题。

(6) 我的积分：每当我们完成一个活动，都会进行积分累计。

(7) 社区互动：展示所有的话题，可以对某一个话题进行评论和交流。

(8) 我的培训计划：展示用户参加的培训。

3.校园志愿者小程序的总体功能模块图

校园志愿者管理系统的使用者主要是用户和管理员。管理员可以登录注册，管理志愿者信息，管理决策分析，管理志愿活动，管理志愿者活动报名记录，管理活动预约，管理活动签到，管理志愿活动记录，管理活动排班，管理话题管理，管理志愿者培训功能。用户可以注册登录小程序，个人中心可以查看我的积分，活动次数，我的话题，我的预约，预约审核，积分记录，我的培训，个人资料。其中我的预约可以进行签到，反馈，进行活动证明和评价。首页可以预约活动，查看所有的活动，报名活动。话题可以进行发布，浏览，评论功能

4.校园志愿者小程序的流程设计

(1) 用户登录流程

(2) 用户注册流程

(3) 用户参加志愿活动流程

(4) 用户参加志愿活动流程

5.E-R图