> 文档中心 > 基于SringBoot+Vue的前后端分离的大学生社团管理系统

基于SringBoot+Vue的前后端分离的大学生社团管理系统


项目背景

在网络迅速发展的时代,众多的软件被开发出来,给社团带来了很大的选择余地,而且学生越来越追求更个性的需求。在这种时代背景下,社团只能以学生为导向,按学生所需要大学生社团管理系统,以社团管理的持续创新作为学校最重要的社团信息管理网站。
系统采用了B/S结构,将所有业务模块采用以浏览器交互的模式,选择MySQL作为系统的数据库,开发工具选择My eclipse来进行系统的设计。基本实现了社团管理应有的主要功能模块,本系统有前台与后台两大功能模块,管理员:首页、个人中心、用户管理、社团负责人管理、社团信息管理、社团分类管理、社团新闻管理、用户咨询管理、社团活动管理、社团成员管理、社团经费管理、活动报名管理、留言板管理、系统管理。社团负责人;首页、个人中心、社团信息管理、、社团新闻管理、用户咨询管理、社团活动管理、社团成员管理、社团经费管理、活动报名管理。用户后台:首页、个人中心、社团成员管理、活动报名管理、我的收藏管理等操作。
对系统进行测试后,改善了程序逻辑和代码。同时确保系统中所有的程序都能正常运行,所有的功能都能操作,并且该系统有很好的操作体验,实现了对于大学生社团和社团负责人、用户双赢。

**关键词:**社团管理;java语言 Mysql数据库; ssm框架

架构设计

系统体系结构

在这里插入图片描述

数据库实体设计

数据库的功能就是对系统中所有的数据进行存储和管理。所有的数据可以在数据库中产时间的进行存储,方便用户的使用。而且所有的数据库中的数据也应该具有一定的共享性,任何的系统可以对一些数据进行使用,同时还应该保持一定的独立性,每一个数据库中的数据都有很强的安全性,可以被很好的存放到数据库,没有进行身份的验证是不能对这些数据进行查看和使用的。数据库的设计需要明确每一个实体之间的联系,系统的E-R图如下图所示:
管理员实体主要存储管理信息包账号、密码、验证码、角色属性。管理员信息属性图如
在这里插入图片描述
用户信息主要包括用户名、密码、姓名 、性别、头像、手机、邮箱、身份证等属性,用户信息属性图如
在这里插入图片描述
社团负责人管理实体属性主要包括社团编号、密码、姓名、社团名称、性别、头像、联系电、话邮箱、身份证等属性。社团负责人管理实体属性图如
在这里插入图片描述
社团信息属性主要包括社团编号、社团名称、类型、图片、社团宗旨、创办日期、社团地址、联系电话、邮箱等属性。社团信息实体属性图如
在这里插入图片描述

功能截图

管理员后台功能模块

管理员通过点击后台管理,进入页面可以输入账号、密码、验证码进行登录相对应操作
在这里插入图片描述
用户信息,管理员查看用户可以进行编辑用户名、密码、姓名 、性别、头像、手机、邮箱、身份证的操作,可以根据界面上的进行添加、删除、修改等操作,具体操作
在这里插入图片描述
社团负责人,在社团负责人面中可以对所有的信息进行查看,可以填写社团编号、密码、姓名、社团名称、性别、头像、联系电话、邮箱、身份证等,并可以进行添加、删除、修改等操作
在这里插入图片描述
社团信息,在社团信息当中可以填写社团编号、社团名称、类型、图片、社团宗旨、创办日期、社团地址、联系电话、邮箱,并且可以对这些选社团信息进行编辑和删除、添加等操作
在这里插入图片描述
社团新闻管理,在社团新闻管理页面可以对社团新闻信息进行添加、删除、修改等操作
在这里插入图片描述
社团活动,在社团活动当中可以填写活动名称、类型、图片、活动时间、活动地点社团编号、社团地址、社团名称、联系电话、并且可以对这些选社团活动信息进行编辑和删除、添加等操作
在这里插入图片描述
社团成员管理,在社团成员管理当中可以填写社团编号、社团名称、类型、图片、申请内容、申请日期、备注、用户名等等,并且可以对这些选社团成员管理进行编辑和删除、添加/修改等操作
在这里插入图片描述
留言板管理,在留言板当中可以填写用户、留言内容、回复内容等等并且可以对这些选留言板管理进行编辑和删除、添加、修改等操作
在这里插入图片描述
系统管理:该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理等进行上传图片进行添加、删除、修改以及查看并对整个系统进行维护等操作
在这里插入图片描述

社团负责人功能模块

个人中心,在个人中心页面中可以对个人信息进行添加、删除修改 等操作
在这里插入图片描述
社团信息,在社团信息当中可以填写社团编号、社团名称、类型、图片、社团宗旨、创办日期、社团地址、联系电话、邮箱,并且可以对这些选社团信息进行编辑和删除、添加等操作
在这里插入图片描述
用户咨询信息,在用户咨询信息可以对用户的咨询进行查看审核回复等操作
在这里插入图片描述
社团经费管理,可以对社团经费信息进行编辑经费名称、社团编号、社团名称、使用壮态、费用等进行查看详情删除、修改等操作
在这里插入图片描述

用户前后台功能模块

用户通过系统注册、登录,用户通过输入用户名、密码、姓名、手机、邮箱、身份证等进行注册,然后进行登陆操作
在这里插入图片描述
在这里插入图片描述前台首页,通过系统查看前台的社团信息、社团新闻、社团活动、留言反馈、我的个人信息、后台管理信息
在这里插入图片描述
社团信息,在社团页面中可以查看社团编号、社团名称、类型、图片、社团宗旨、创办日期、社团地址、联系电话、邮箱等可以申请加入、评论详细操作
在这里插入图片描述
在这里插入图片描述
留言反馈,在留言反馈页面中用户可以进行留言,管理员和社团负责人会进行回复等详细操作
在这里插入图片描述
我的个人中心,在个人中心、我的收藏页面中可以查看户名、密码、姓名 、性别、头像、手机、邮箱、身份证等查看详情删除、修改等操作
在这里插入图片描述
个人信息,在个人信息页面中可以对个人资料进行编辑添加、修改、删除查看内容等详细操作
在这里插入图片描述
用户咨询管理,在咨询管理页面中可以对社团编号、社团名称、图片、留言、日期等等进行查看详情修改、删除等详细操作
在这里插入图片描述

相关代码

数据库配置

jdbc_url=jdbc:mysql://127.0.0.1:3306/ssm23uzf?useUnicode=true&characterEncoding=UTF-8&tinyInt1isBit=falsejdbc_username=rootjdbc_password=123456

控制层(controller)

package com.controller;import java.util.Arrays;import java.util.Calendar;import java.util.Date;import java.util.Map;import javax.servlet.http.HttpServletRequest;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PathVariable;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestBody;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestParam;import org.springframework.web.bind.annotation.ResponseBody;import org.springframework.web.bind.annotation.RestController;import com.annotation.IgnoreAuth;import com.baomidou.mybatisplus.mapper.EntityWrapper;import com.entity.TokenEntity;import com.entity.UserEntity;import com.service.TokenService;import com.service.UserService;import com.utils.CommonUtil;import com.utils.MPUtil;import com.utils.PageUtils;import com.utils.R;import com.utils.ValidatorUtils;/** * 登录相关 */@RequestMapping("users")@RestControllerpublic class UserController{@Autowiredprivate UserService userService;@Autowiredprivate TokenService tokenService;/** * 登录 */@IgnoreAuth@PostMapping(value = "/login")public R login(String username, String password, String captcha, HttpServletRequest request) {UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));if(user==null || !user.getPassword().equals(password)) {return R.error("账号或密码不正确");}String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());return R.ok().put("token", token);}/** * 注册 */@IgnoreAuth@PostMapping(value = "/register")public R register(@RequestBody UserEntity user){//    ValidatorUtils.validateEntity(user);    if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {    return R.error("用户已存在");    } userService.insert(user); return R.ok();    }/** * 退出 */@GetMapping(value = "logout")public R logout(HttpServletRequest request) {request.getSession().invalidate();return R.ok("退出成功");}/**     * 密码重置     */    @IgnoreAuth@RequestMapping(value = "/resetPass")    public R resetPass(String username, HttpServletRequest request){    UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));    if(user==null) {    return R.error("账号不存在");    }    user.setPassword("123456"); userService.update(user,null); return R.ok("密码已重置为:123456");    }/**     * 列表     */    @RequestMapping("/page")    public R page(@RequestParam Map<String, Object> params,UserEntity user){ EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();    PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params)); return R.ok().put("data", page);    }/**     * 列表     */    @RequestMapping("/list")    public R list( UserEntity user){EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();      ew.allEq(MPUtil.allEQMapPre( user, "user"));  return R.ok().put("data", userService.selectListView(ew));    }    /**     * 信息     */    @RequestMapping("/info/{id}")    public R info(@PathVariable("id") String id){ UserEntity user = userService.selectById(id); return R.ok().put("data", user);    } /**     * 获取用户的session用户信息     */    @RequestMapping("/session")    public R getCurrUser(HttpServletRequest request){    Long id = (Long)request.getSession().getAttribute("userId"); UserEntity user = userService.selectById(id); return R.ok().put("data", user);    }    /**     * 保存     */    @PostMapping("/save")    public R save(@RequestBody UserEntity user){//    ValidatorUtils.validateEntity(user);    if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {    return R.error("用户已存在");    } userService.insert(user); return R.ok();    }    /**     * 修改     */    @RequestMapping("/update")    public R update(@RequestBody UserEntity user){// ValidatorUtils.validateEntity(user); userService.updateById(user);//全部更新 return R.ok();    }    /**     * 删除     */    @RequestMapping("/delete")    public R delete(@RequestBody Long[] ids){ userService.deleteBatchIds(Arrays.asList(ids)); return R.ok();    }}

业务层(Service)

package com.service;import java.util.List;import java.util.Map;import org.apache.ibatis.annotations.Param;import com.baomidou.mybatisplus.mapper.Wrapper;import com.baomidou.mybatisplus.service.IService;import com.entity.UserEntity;import com.utils.PageUtils;/** * 系统用户 * @author yangliyuan * @date 2019年10月10日 上午9:18:20 */public interface UserService extends IService<UserEntity> { PageUtils queryPage(Map<String, Object> params);List<UserEntity> selectListView(Wrapper<UserEntity> wrapper);      PageUtils queryPage(Map<String, Object> params,Wrapper<UserEntity> wrapper);   }

数据访问层(Dao)

package com.dao;import java.util.List;import org.apache.ibatis.annotations.Param;import com.baomidou.mybatisplus.mapper.BaseMapper;import com.baomidou.mybatisplus.mapper.Wrapper;import com.baomidou.mybatisplus.plugins.pagination.Pagination;import com.entity.UserEntity;/** * 用户 */public interface UserDao extends BaseMapper<UserEntity> {List<UserEntity> selectListView(@Param("ew") Wrapper<UserEntity> wrapper);List<UserEntity> selectListView(Pagination page,@Param("ew") Wrapper<UserEntity> wrapper);}

MSDN工具下载