(具体的项目设计分工及演示截图请看项目报告pdf)
一、项目概述
“数字百团”是中山大学软件工程学院 21 级项目实训的成果,是一个专门为校园社团活动管理打造的综合性平台。此平台旨在通过数字化手段,全面优化校园社团的管理流程,提高管理效率,增强透明度,为学生创造更加便捷、丰富和优质的社团参与体验。
二、项目背景
- 行业现状
- 在当前的高校社团管理模式中,存在诸多问题。由于社团数量众多、成员构成复杂且活动频繁,传统依赖纸质文档或简单电子表格的管理方式,已无法满足需求。信息更新不及时、查询不便、易丢失等问题严重制约了社团管理的效率和效果。
- 随着高校规模的不断扩大,社团活动的种类和数量日益丰富,对管理的精细化和规范化提出了更高的要求。
- 数字化趋势
- 互联网的普及和信息技术的迅猛发展,促使社会各领域加速数字化、信息化转型。教育行业也不例外,高校积极推进智慧校园建设,社团管理作为其中的重要一环,数字化转型势在必行。
- 数字化管理能够实现信息的实时更新、快速检索和精准分析,有助于提升管理决策的科学性和及时性。
- 用户需求
- 学生作为社团活动的主要参与者,期望能够方便快捷地查看社团信息、参与感兴趣的活动,并能随时更新个人信息。
- 社团管理员需要高效地管理社团成员、组织活动、分配资源,并能及时处理各种申请。
- 超级管理员则需要全面掌控整个系统,对所有社团和学生进行管理,审批重要活动,确保系统的稳定运行和数据安全。
三、技术架构与关键技术
- 技术架构
- 本系统采用前后端分离的架构,前端基于 Vue3 和 Element UI 框架,后端运用 Java 技术栈,包括 SpringBoot、MybatisPlus 等。
- 前后端通过规范的接口进行数据交互,保证了系统的灵活性和可扩展性。
- 关键技术
Md5
加密技术用于保障用户密码的安全性,有效防止信息泄露。- 文件上传与
Excel
识别功能支持批量导入数据,大大提高了数据录入和管理的效率。 - 定时任务实现了日志定时保存等功能,保障系统稳定运行。
- 流量控制机制能够有效防止服务器因并发请求过多而崩溃,确保系统的高可用性。
- 全局异常处理机制提高了系统的健壮性,能够快速定位并解决问题。
Redis
缓存技术加快了数据访问速度,减轻了数据库的压力。- 数据可视化通过图表展示数据,直观呈现社团管理的各类情况,为决策提供有力支持。
- 邮箱验证功能增强了用户注册及密码找回的安全性,提升了用户体验。
四、项目目标
- 解决高校社团管理中的实际问题,如信息不畅通、管理效率低等,提高管理的精细化和规范化水平。
- 打造一个集社团信息管理、活动组织、成员招募、申请审批等多功能于一体的数字化平台,实现一站式服务。
- 提升社团管理的效率和透明度,让学生能够更方便地参与社团活动,同时让管理过程更加公开、公正。
- 为高校社团管理的数字化转型和智慧化升级提供有益的探索和实践经验,推动校园管理的创新发展。
五、项目逻辑与功能
- 学生端
- 学生可以申请加入社团,并向管理员发送申请。
- 能够方便地搜索和查看社团的详细信息。
- 可以修改个人信息,以保持信息的准确性和及时性。
- 申请参加社团组织的活动,并向管理员提交申请。
- 查看自己已加入的社团,了解社团的最新动态和活动安排。
- 管理员端
- 查看申请加入社团的学生列表,并有权批准或拒绝学生的申请。
- 方便地管理社团成员,包括成员的信息录入、修改和删除等操作。
- 向超级管理员申请举办活动,并等待审批结果。
- 编辑社团的详细信息,如社团简介、活动安排等。
- 超级管理员端
- 查看相关的可视化数据,以便全面了解社团管理的情况,为决策提供依据。
- 对所有社团和学生进行管理,包括信息的查询、修改和删除等操作。
- 审批管理员提交的活动申请,确保活动的合法性和合理性。
- 批量添加学生、管理员和社团,提高管理效率。
六、项目设计及分工
- 负责人:谢锦培 - 21311610
- 主要负责前端页面搭建、前后端对接、整体项目把控、宣传
ppt
/海报制作、项目报告整合。 - 前端任务分配上,先搭建大体方向,再将模块任务细分给组员,积极沟通,高效定位和解决
bug
。 - 完成的主要任务包括学生端的个人信息页面和社团列表显示,管理员端的社团编辑页面和申请列表,超级管理员端的导航栏搭建和批量导入页面,以及全端的上传文件/附件、登陆页面、
store
储存与调用等。 - 还负责前端
md5
适配、前端全端规范化命名修改以及各种bug
修复等工作。
- 主要负责前端页面搭建、前后端对接、整体项目把控、宣传
- 负责人:黎谨华 - 21311608
- 负责前端超管端和学生端的部分界面构建,如超管端最火社团的构建、学生端首页可视化的构建以及学生端我的社团界面的构建。
- 采用
Vue.js
构建界面,并使用e-charts
对学生端首页进行动态可视化显示。 - 完成后端所有测试集的构建,通过相似代码模板确保代码的泛用性和规划性。
- 使用
postcode
向后端接口输入和传输数据,辅助后端组员完善传输接口。 - 负责测试需求分析、测试用例编写、测试执行,编写测试计划、测试报告、操作手册,对
Bug
进行跟踪管理,定期向老师、助教、组长和组员汇报项目进展情况,与组员密切合作完成各项工作。
- 负责人:吕杰 - 21311366
- 主要负责使用
SpringBoot
架构完成对项目账户管理、信息维护、年检与审批、申请处理、数据批量管理、日志与流量控制等功能的后端开发。 - 完成了项目后端大部分基础应用功能的开发,总开发接口数约为 100 个。
- 在综合账户管理方面,实现了校团委、管理端和学生端的登录功能,以及账户信息的编辑和管理、管理者权限转让等功能。
- 在社团信息维护、活动信息维护、年检与审批、申请处理等方面,完成了一系列重要功能的开发。
- 特色部分包括使用
SpringBoot
默认的日志框架logback
进行日志编写与保存,使用redis
进行流量控制和报错结果处理,实现用户批量导入功能,以及使用md5
算法对密码进行加密。
- 主要负责使用
- 负责人:陈天蔚 - 21311609
- 实现前端的活动、社团界面与对应申请界面,学生列表及各个学生详情界面,并修复其他前端界面的
bug
。 - 以活动界面为例,使用
created
钩子函数尽快获取和展示数据,通过el-row
和el-col
容器展示活动,搜索功能通过按钮点击事件与后端交互。 - 申请界面中,申请表的部分信息根据账号信息和
store
实例填写,上传文件功能使用el-upload
组件实现,并进行了详细的设置。 - 学生显示界面采用列表形式(管理员端)和树状图形式(超级管理员端),分别使用
el-table
和el-tree
组件,并进行了数据处理和显示设置。 - 最后负责寻找和修复前端界面的各种
bug
。
- 实现前端的活动、社团界面与对应申请界面,学生列表及各个学生详情界面,并修复其他前端界面的
- 负责人:谢靖宁 - 21307351
- 负责前端开发、接口测试。
- 采用
Vue.js
和Element
开发了学生端、管理员端和超级管理员端的部分页面,高质量完成代码编写,确保符合团队规范,高还原度还原视觉稿。 - 对
WEB
页面进行性能优化,打造良好的用户体验,配合后端负责人完成网站开发。 - 使用
Postcode
对后端的提供的接口进行测试,负责测试需求分析、测试用例编写、测试执行,编写测试计划、测试报告、操作手册,对Bug
进行跟踪管理,定期汇报项目进展情况,与组员密切合作完成各项工作。
七、结论及展望
“数字百团”社团管理系统在实际应用中取得了显著的效果。它极大地提高了社团管理的效率,使得社团信息的更新、活动组织的安排以及成员招募的流程都变得更加便捷和高效。同时,系统的透明度也得到了提升,学生可以随时了解到社团的最新动态和活动信息。此外,系统的易用性和丰富性也得到了广大用户的认可和好评。
“数字百团”社团管理系统项目的成功实施为高校社团管理带来了新的变革。它不仅提高了管理效率,还提升了学生的参与度和满意度。展望未来,我们将继续完善系统的功能,优化用户体验,并探索更多创新的应用场景,以期为高校社团管理的发展贡献更大的力量。
最后更新日期:2024 年 7 月 13 日