小言_互联网的博客

基于springboot+vue的校园社团管理系统(前后端分离)

454人阅读  评论(0)

博主主页猫头鹰源码

博主简介:Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目介绍: 

本系统分为三个角色,分别是管理员、社长、社员,以校园社团为主题,采用前后端分离,适合选题:社团管理、社团、校园社团、前后端分离类其他社团系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。

系统包含技术:

后端:springboot,mybatis
前端:element-ui、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

下面是首页

下面是登录页面,不同角色可以登录

管理员查看系统用户

 

管理员查看社团活动

 管理员查看社团类型

 查看社团申请

社团信息

 管理员通知信息查看

学生申请社团

信息维护

部分代码:

登录


  
  1. @PostMapping( "/login")
  2. @ResponseBody
  3. public R login( String userName, String passWord, HttpSession session){
  4. Log.info( "用户登录,用户名:{}, 用户密码:{}", userName, passWord);
  5. Users user = usersService.getUserByUserName(userName);
  6. if(user = = null) {
  7. return R. error( "输入的用户名不存在");
  8. } else {
  9. if(passWord.equals(user.getPassWord().trim())) {
  10. String token = IDUtils.makeIDByUUID();
  11. cacheHandle.addUserCache(token, user.getId());
  12. return R.success( "登录成功", token);
  13. } else {
  14. return R. error( "输入的密码错误");
  15. }
  16. }
  17. }

社团操作


  
  1. @GetMapping( "/info")
  2. @ResponseBody
  3. public R getInfo( String id) {
  4. Log.info( "查找指定社团信息,ID:{}", id);
  5. Teams teams = teamsService.getOne(id);
  6. return R.successData(teams);
  7. }
  8. @GetMapping( "/all")
  9. @ResponseBody
  10. public R getAll(){
  11. Log.info( "获取全部的社团");
  12. List <Teams > list = teamsService.getAll();
  13. return R.successData(list);
  14. }
  15. @GetMapping( "/man")
  16. @ResponseBody
  17. public R getListByManId( String manId){
  18. Log.info( "获取指定社团管理员相关的社团列表");
  19. List <Teams > list = teamsService.getListByManId(manId);
  20. return R.successData(list);
  21. }
  22. @GetMapping( "/page")
  23. @ResponseBody
  24. public R getPageInfos(Long pageIndex, Long pageSize,
  25. String token, Teams teams) {
  26. Users user = usersService.getOne(cacheHandle.getUserInfoCache(token));
  27. if(user.getType() = = 1){
  28. teams.setManager(user.getId());
  29. }
  30. Log.info( "分页查找社团信息,当前页码:{},"
  31. + "每页数据量:{}, 模糊查询,附加参数:{}", pageIndex,
  32. pageSize, teams);
  33. PageData page = teamsService.getPageInfo(pageIndex, pageSize, teams);
  34. return R.successData( page);
  35. }
  36. @PostMapping( "/add")
  37. @ResponseBody
  38. public R addInfo(Teams teams) {
  39. teams.setId(IDUtils.makeIDByCurrent());
  40. teams.setCreateTime(DateUtils.getNowDate( "yyyy-MM-dd"));
  41. Log.info( "添加社团信息,传入参数:{}", teams);
  42. teamsService. add(teams);
  43. return R.success();
  44. }

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~


转载:https://blog.csdn.net/mtyedu/article/details/129132659
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场