校园志愿者管理系统-springboot+vue

19 阅读5分钟

淘宝店铺搜索:点创微科

校园志愿者管理系统-springboot+vue

860baf22f65c49da97e52f18e4b517cd~tplv-k3u1fbpfcp-jj-mark_0_0_0_0_q75.jpg

本项目为前几天收费帮学妹做的一个项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考

一、项目描述
基于springboot+vue的校园志愿者管理系统.通过springboot+vue框架进行开发

前台:http://localhost:8080/xiaoyaunzhiyuanzheguanlixitong/front/pages/login/login.html
志愿者账号密码: 志愿者1 / 123456

后台:http://localhost:8080/xiaoyaunzhiyuanzheguanlixitong/admin/dist/index.html#/login
管理员账号密码: admin / 123456
非志愿者账号密码: 非志愿者1 / 123456

二、项目功能

共有三个角色(管理员、非志愿者、志愿者)

  1. 前台(志愿者)

1.1 首页
1.1.1 志愿者活动展示:展示最新、最热的志愿者活动,支持按类型、时间等筛选。
1.1.2 活动展示:展示校园内其他活动信息,例如讲座、比赛等。
1.1.3 公告展示:展示学校或系统发布的公告信息。
1.1.4 轮播图: 展示重要活动、公告等信息的轮播图。
1.2 活动
1.2.1 查看详情:查看活动详细信息,包括时间、地点、内容、报名要求等。
1.2.2 立即报名:符合条件的志愿者可以在线报名参加活动。
1.3 论坛
1.3.1 发布帖子:志愿者可以发布与志愿服务相关的帖子,分享经验、交流心得。
1.3.2 评论:志愿者可以对帖子进行评论,与其他志愿者互动交流。
1.4 公告: 查看公告的详细内容。
1.5 志愿者活动
1.5.1查看详情:查看志愿者活动的详细信息,包括时间、地点、内容、报名要求等。
1.5.2立即报名:符合条件的志愿者可以在线报名参加志愿者活动。
1.6 个人中心
1.6.1 查看修改个人信息:查看和修改个人基本信息,例如姓名、联系方式、学院专业等。
1.6.2 查看删除活动报名信息:查看已报名的活动信息,并可以取消报名。
1.6.3 查看删除志愿者活动报名信息:查看已报名的志愿者活动信息,并可以取消报名。
1.6.4 查看添加删除志愿者活动信息:查看已发布的志愿者活动信息,并可以进行编辑或删除。
1.6.5 查看删除志愿者留言:查看已发布的留言信息,并可以进行删除。

1.7 客服
交流:志愿者可以通过在线客服系统与管理员进行实时交流,咨询问题、反馈意见等。

  1. 后台(管理员,非志愿者)

2.1 管理员
2.1.1 个人中心:修改管理员登录密码。
2.1.2 管理员管理:对管理员账号进行管理,包括添加、删除、修改、查询等操作。
2.1.3 志愿者管理
志愿者管理:对志愿者账号进行管理,包括添加、删除、修改、查询等操作。
志愿者留言管理:对志愿者发布的留言进行管理,包括删除、修改、查询等操作。
2.1.4 非志愿者管理:对非志愿者账号进行管理,包括添加、删除、修改、查询等操作。
2.1.5 客服聊天管理:对志愿者发起的客服聊天进行回复和管理。
2.1.6 活动管理:对活动信息进行管理,包括添加、删除、修改、查询等操作。
2.1.7 活动报名管理:对活动报名信息进行管理,包括添加、删除、修改、查询、审核等操作。
2.1.8 论坛管理:对论坛帖子进行管理,包括添加、删除、修改、查询、回复等操作。
2.1.9 公告管理:对公告信息进行管理,包括添加、删除、修改、查询等操作。
2.1.10 志愿者活动管理:对志愿者活动信息进行管理,包括添加、删除、修改、查询等操作。
2.1.11 志愿者活动报名管理:对志愿者活动报名信息进行管理,包括添加、删除、修改、查询、审核等操作。
2.1.12 基础数据管理
数据类型管理:对系统中使用的数据类型进行管理,例如活动类型、公告类型等。
活动类型管理:对活动类型进行管理,例如讲座、比赛等。
公告类型管理:对公告类型进行管理,例如通知、公告等。
志愿者活动类型管理:对志愿者活动类型进行管理,例如社区服务、环境保护等。
状态管理:对系统中使用的各种状态进行管理,例如活动状态、报名状态等。
2.1.13 轮播图管理:对首页轮播图进行管理,包括添加、删除、修改、查询等操作。

2.2 非志愿者

2.2.1个人中心:修改非志愿者登录密码。
2.2.2活动管理:对活动信息进行管理,包括添加、删除、修改、查询等操作。
2.2.3志愿者留言管理:对志愿者发布的留言进行管理,包括删除、修改、查询等操作。
2.2.4活动报名管理:对活动报名信息进行管理,包括添加、删除、修改、查询、审核等操作。
2.2.5论坛管理:对论坛帖子进行管理,包括添加、查询、回复等操作。
2.2.6公告管理:对公告信息进行管理,包括添加、删除、修改、查询等操作。
2.2.7志愿者活动管理:查看志愿者活动信息。
2.2.8志愿者活动报名管理:查看志愿者活动报名信息。

三、运行环境
开发环境 idea+vscode
运行环境 node14+MYSQL5+java1.8+maven3.8

四、项目技术
前端:vue,element-ui
后端:Java,springboot,mysql,mybatis, tomcat,maven

以上系统源码经过技术整理与调试,确保能正常运行

五、项目截图

2345_image_file_copy_76.jpg

2345_image_file_copy_77.jpg

2345_image_file_copy_78.jpg

2345_image_file_copy_79.jpg

2345_image_file_copy_80.jpg

2345_image_file_copy_81.jpg

2345_image_file_copy_82.jpg

2345_image_file_copy_83.jpg

2345_image_file_copy_84.jpg

2345_image_file_copy_85.jpg

2345_image_file_copy_86.jpg

2345_image_file_copy_87.jpg

2345_image_file_copy_88.jpg

2345_image_file_copy_89.jpg

2345_image_file_copy_90.jpg

2345_image_file_copy_91.jpg

2345_image_file_copy_92.jpg

2345_image_file_copy_93.jpg

2345_image_file_copy_94.jpg

2345_image_file_copy_95.jpg

2345_image_file_copy_96.jpg

2345_image_file_copy_97.jpg

2345_image_file_copy_98.jpg

2345_image_file_copy_99.jpg

2345_image_file_copy_100.jpg

2345_image_file_copy_101.jpg

2345_image_file_copy_102.jpg

2345_image_file_copy_103.jpg

2345_image_file_copy_104.jpg

2345_image_file_copy_105.jpg

2345_image_file_copy_106.jpg

32.png

33.png

34.png

35.png

36.png

37.png

38.png

39.png

41.png

42.png

43.png

44.png

45.png

46.png

47.png

48.png

49.png

50.png

51.png

52.png

53.png

54.png

55.png

56.png

57.png

58.png

59.png

60.png

61.png

62.png

63.png

64.png

65.png

66.png

67.png