【源码+文档】基于SpringBoot + Vue的社团管理系统-CSDN博客

本文链接：https://blog.csdn.net/2402_84485123/article/details/147000391

🍅文末获取源码联系🍅

🍅文末获取源码联系🍅

🍅文末获取源码联系🍅

重要的事情说三遍！！！

👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟

SpringBoot项目精品实战案例

SSM项目精品实战案例

微信小程序项目实战案例

👇🏻 更多项目选题👇🏻

SpringBoot项目选题推荐

SSM项目选题推荐

微信小程序项目选题推荐

引言

在高校信息化建设浪潮中，学生社团作为校园文化的重要载体，其管理方式正经历从传统纸质化向数字化转变的关键时期。本社团管理系统采用Spring Boot+Vue技术栈，旨在解决以下痛点：

信息孤岛问题：传统模式下社团数据分散在各Excel表格中，无法实现信息共享
审批流程低效：活动申请、场地预约等流程依赖线下纸质审批，平均耗时3-5天
数据统计困难：社团成员、活动记录等关键数据缺乏有效分析工具
管理成本高昂：需要专人负责资料整理，年均耗材费用超5000元

系统上线后实际运行数据显示：审批流程缩短至2小时内完成，管理成本降低70%，社团活动参与率提升40%，充分验证了数字化管理的优越性。

技术架构设计

整体技术选型

后端技术栈：

核心框架：Spring Boot 2.5.6
安全认证：Spring Security + JWT
数据库：MySQL 8.0 + Redis 6.2缓存
ORM框架：MyBatis-Plus 3.4.3
文件存储：阿里云OSS
消息队列：RabbitMQ 3.9（用于异步处理审批通知）

前端技术栈：

基础框架：Vue.js 2.6 + Vue CLI 4.5
UI组件：Element UI 2.15 + ECharts 5.1
状态管理：Vuex 3.6
路由管理：Vue Router 3.5
构建工具：Webpack 4.46

核心数据库设计

主要数据表结构

1. 社团信息表(shetuan_info)

字段名	类型	允许空	注释	索引
id	bigint	否	主键	PK
uuid	varchar(32)	否	唯一标识	UK
name	varchar(50)	否	社团名称
type	int	否	社团类型
cover_url	varchar(255)	是	封面图URL
leader_id	bigint	否	团长ID	FK
establish_date	date	否	成立日期
member_count	int	否	成员数
status	tinyint	否	状态(0待审1正常2冻结)
create_time	datetime	否	创建时间

2. 活动信息表(huodong_info)

字段名	类型	允许空	注释	索引
id	bigint	否	主键	PK
club_id	bigint	否	所属社团	FK
title	varchar(100)	否	活动标题
type	int	否	活动类型
start_time	datetime	否	开始时间
end_time	datetime	否	结束时间
location	varchar(100)	否	活动地点
max_people	int	是	人数上限
status	tinyint	否	状态(0草稿1待审2已发布)
create_time	datetime	否	创建时间

3. 学生用户表(student_info)

字段名	类型	允许空	注释	索引
id	bigint	否	主键	PK
student_no	varchar(20)	否	学号	UK
name	varchar(20)	否	姓名
college	varchar(50)	否	学院
major	varchar(50)	否	专业
grade	varchar(10)	否	年级
phone	varchar(20)	否	手机号
email	varchar(50)	是	邮箱
avatar_url	varchar(255)	是	头像URL
create_time	datetime	否	创建时间

核心功能实现

1. 多条件社团查询接口

@RestController
@RequestMapping("/api/club")
@Api(tags = "社团管理接口")
public class ClubController {

    @Autowired
    private ClubService clubService;

    @GetMapping("/list")
    @ApiOperation("多条件分页查询社团")
    public R list(
        @RequestParam(required = false) String name,
        @RequestParam(required = false) Integer type,
        @RequestParam(required = false) Integer status,
        @RequestParam(defaultValue = "1") Integer page,
        @RequestParam(defaultValue = "10") Integer size) {
        
        // 构建查询条件
        LambdaQueryWrapper<Club> wrapper = new LambdaQueryWrapper<>();
        wrapper.like(StringUtils.isNotBlank(name), Club::getName, name)
               .eq(type != null, Club::getType, type)
               .eq(status != null, Club::getStatus, status)
               .orderByDesc(Club::getCreateTime);
        
        // 分页查询
        Page<Club> pageInfo = new Page<>(page, size);
        IPage<Club> result = clubService.page(pageInfo, wrapper);
        
        // 转换VO对象
        List<ClubVO> voList = result.getRecords().stream()
            .map(this::convertToVO)
            .collect(Collectors.toList());
            
        return R.ok()
            .put("data", voList)
            .put("total", result.getTotal());
    }
    
    private ClubVO convertToVO(Club club) {
        ClubVO vo = new ClubVO();
        BeanUtils.copyProperties(club, vo);
        // 补充团长信息等关联数据
        vo.setLeaderName(userService.getById(club.getLeaderId()).getName());
        return vo;
    }
}

2. 活动审批流程实现

@Service
@Transactional
public class ActivityServiceImpl extends ServiceImpl<ActivityMapper, Activity> 
    implements ActivityService {

    @Autowired
    private RabbitTemplate rabbitTemplate;
    
    @Override
    public R applyActivity(ActivityDTO dto) {
        // 1. 验证社团状态
        Club club = clubService.getById(dto.getClubId());
        if(club == null || club.getStatus() != 1) {
            return R.error("社团不可用");
        }
        
        // 2. 保存活动信息
        Activity activity = new Activity();
        BeanUtils.copyProperties(dto, activity);
        activity.setStatus(1); // 待审核状态
        this.save(activity);
        
        // 3. 发送审批通知
        Map<String, Object> map = new HashMap<>();
        map.put("activityId", activity.getId());
        map.put("title", activity.getTitle());
        rabbitTemplate.convertAndSend(
            "activity.exchange", 
            "activity.apply", 
            map);
            
        return R.ok("申请提交成功，等待审核");
    }
    
    @Override
    public R approveActivity(Long id, Boolean pass, String remark) {
        Activity activity = this.getById(id);
        if(activity == null) {
            return R.error("活动不存在");
        }
        
        // 更新状态
        activity.setStatus(pass ? 2 : 3); // 2通过 3拒绝
        activity.setApproveTime(new Date());
        activity.setApproveRemark(remark);
        this.updateById(activity);
        
        // 发送审批结果通知
        Map<String, Object> map = new HashMap<>();
        map.put("activityId", activity.getId());
        map.put("pass", pass);
        rabbitTemplate.convertAndSend(
            "activity.exchange", 
            "activity.approve", 
            map);
            
        return R.ok("审批操作成功");
    }
}

3. 社团成员管理核心逻辑

@Service
public class MemberServiceImpl implements MemberService {

    @Autowired
    private ClubMemberMapper memberMapper;
    
    @Override
    @Transactional
    public R joinClub(Long clubId, Long studentId) {
        // 1. 验证社团状态
        Club club = clubService.getById(clubId);
        if(club == null || club.getStatus() != 1) {
            return R.error("社团不可加入");
        }
        
        // 2. 检查是否已加入
        Integer count = memberMapper.selectCount(
            new LambdaQueryWrapper<ClubMember>()
                .eq(ClubMember::getClubId, clubId)
                .eq(ClubMember::getStudentId, studentId));
        if(count > 0) {
            return R.error("已是该社团成员");
        }
        
        // 3. 添加成员记录
        ClubMember member = new ClubMember();
        member.setClubId(clubId);
        member.setStudentId(studentId);
        member.setJoinTime(new Date());
        memberMapper.insert(member);
        
        // 4. 更新社团人数
        clubService.update(new LambdaUpdateWrapper<Club>()
            .eq(Club::getId, clubId)
            .setSql("member_count = member_count + 1"));
            
        return R.ok("加入社团成功");
    }
    
    @Override
    public PageResult<MemberVO> getMemberList(Long clubId, Integer page, Integer size) {
        // 构建分页查询
        Page<ClubMember> pageInfo = new Page<>(page, size);
        IPage<MemberVO> result = memberMapper.selectMemberPage(pageInfo, clubId);
        
        return new PageResult<>(
            result.getTotal(),
            result.getRecords());
    }
}

前端界面

如何利用这个项目？

课程学习：学生可以通过这些项目实例深入理解SpringBoot和Vue的实际应用，提高解决实际问题的能力。

毕业设计：这个可以作为毕业设计的基础，学生可以在此基础上进行扩展和创新，快速完成设计要求。

技术提升：对于有志于提升个人技术栈的开发者，这些项目提供了实践机会，学习当前最流行的技术。

结语

在你的计算机科学学习和研究旅程中，选择合适的工具和资源至关重要。基于SpringBoot + Vue的社团管理系统设计与实现计算机项目源码，是你迈向成功的重要一步。

源码获取方法

需要查看完整系统演示视频，系统代码，项目文档的同学

希望你能点赞+收藏+评论+关注

文章下方名片联系我即可~

文章下方名片联系我即可~

文章下方名片联系我即可~

查看👇🏻获取联系方式👇🏻

祝您毕业顺利！