基于SpringBoot的大学社团管理系统的设计与开发

目录

  • 前端学生登陆系统
  • 后端管理系统

随着进入大学的学生数量不断增加,社团也更加多元化。那么学生如何查看所有的社团活动信息,学校如何进行有效管理,这是一个问题。基于此,便基于之前的学习,开发了一个前后端分离的大学社团管理系统。
所用技术点:

  • SpringBoot,Mybatis-Plus
  • Vue,Nuxt,axios
  • MySQL
  • Oss

前端学生登陆系统

该系统主要是给学生群体进行使用的,学生需要注册账号并使用,否则点击具体社团,活动或者资讯时,是会默认跳转到登录页面的。
基于SpringBoot的大学社团管理系统的设计与开发_第1张图片
基于SpringBoot的大学社团管理系统的设计与开发_第2张图片

学生可以在首页查看最新的招新横幅以及最新社团,最新活动。也可以通过模糊搜索跳转到相应社团。

进入社团栏目时,可以通过分页查看所有的社团信息,同时也可以在该页面申请社团,交由后端管理员进行审核。

而当社长点击进入自己社团时,是会和普通学生有所不同,如下图所示他会多出两个按钮,从而对社团信息以及社团活动进行有效管理。当然普通学生也可以点击申请加入进行社团申请,交由后端管理员审核。
基于SpringBoot的大学社团管理系统的设计与开发_第3张图片
基于SpringBoot的大学社团管理系统的设计与开发_第4张图片
点击活动栏目时,会通过分页展示出所有的活动信息,学生点击进去通过类型筛选,查看所有的活动信息。每当学生点击一次,浏览量会+1。学生也可以点击申请加入按钮,交由后端管理员审核。


在资讯列表学生可以查看所有社团资讯,当然也可以通过左侧筛选栏查看特定社团资讯。
基于SpringBoot的大学社团管理系统的设计与开发_第5张图片
当然每个资讯被点击一次,浏览量+1。当资讯发布者点击进入自己发布的文章界面时是有删除按钮的。具体展示效果如下:
基于SpringBoot的大学社团管理系统的设计与开发_第6张图片
最后学生也可以点击头像去管理自己的个人信息以及自己所创建/加入的社团,创建/加入的活动。

后端管理系统

由于后端管理系统是交给学校管理者使用,所以不提供注册接口,人员的增加修改交由超级管理员配置。
基于SpringBoot的大学社团管理系统的设计与开发_第7张图片
当管理员进入首页时,会提示没有处理的信息。相比于前端系统信息的展示,后端系统更加着重于信息的管理。首页会展示所有的社团数,学生数,活动数以及资讯数。以及通过定时任务刷新渲染折线图从而展示不同日期的学生注册数,社团创建数,活动创建数以及资讯发布数
基于SpringBoot的大学社团管理系统的设计与开发_第8张图片
当管理员进入权限管理页面可以对所有的管理员以及管理员所处的角色进行分配。同时考虑到社长的角色,避免超级管理员繁琐的录入工作,添加了一键导入社长的功能。
基于SpringBoot的大学社团管理系统的设计与开发_第9张图片
当然在超级管理员创建管理员时,管理员的密码会通过MD5加密,默认为6个1。新的管理员可以同过左上角的头像框中提供的修改密码进行修改。
基于SpringBoot的大学社团管理系统的设计与开发_第10张图片
而在学生管理界面则是展示出了所有的学生社团信息,这里利用了学生表,社团表以及产生的学生社团表进行联查,最后结果返回展示。当然管理员也可以新增学生信息,这里就不做展示。
基于SpringBoot的大学社团管理系统的设计与开发_第11张图片
而在社团管理这一块,并没有采用分页查询,而是采用下滑浏览的方式,可以通过回到顶部,或者提供的模糊搜索栏进行搜索。相应的新增页面不做展示。
基于SpringBoot的大学社团管理系统的设计与开发_第12张图片
学生社团模块,一共有三个模块,分别是学生社团列表,展示所有的社团学生信息。
基于SpringBoot的大学社团管理系统的设计与开发_第13张图片
一个是入社申请信息,管理员可以在这里管理社团的申请。
基于SpringBoot的大学社团管理系统的设计与开发_第14张图片
一个是创办社团申请(该权限只分配给了超级管理员)
基于SpringBoot的大学社团管理系统的设计与开发_第15张图片
活动信息与之前的社团信息类似,只是前端展示有所不同,这里就不做赘述。
基于SpringBoot的大学社团管理系统的设计与开发_第16张图片
学生活动也和学生社团类似,也不做赘述。
基于SpringBoot的大学社团管理系统的设计与开发_第17张图片
基于SpringBoot的大学社团管理系统的设计与开发_第18张图片
还有就是资讯模块的管理。在该页面资讯内容只会展示一行,管理员可以点击改行查看抽屉里的完整信息。增加资讯也不做赘述。
基于SpringBoot的大学社团管理系统的设计与开发_第19张图片
最后就是完善了权限管理模块。在权限的整合中并没有采用security等权限框架,只是简单的通过角色进行的判断。路由在前端写死了,根据不同的角色展示不同的左侧菜单。实际上也可以通过security动态权限渲染,这样更加的严谨。
基于SpringBoot的大学社团管理系统的设计与开发_第20张图片
总结:这次大学社团管理系统是我今年毕设的作品,断断续续的在两个月内完成。很感谢谷粒学院老师的讲解,也很感谢vue-admin-template这种开发模板带给我们的便利。希望以后有机会可以完善本次项目。

你可能感兴趣的:(项目实战,java,vue,spring,boot)