基于springboot的校园社团信息系统的设计与实现

  其他源码获取可以看首页：代码老y

个人简介：专注于毕业设计项目定制开发：springboot+vue系统，Java微信小程序，javaSSM系统等技术开发，并提供远程调试部署、代码讲解、文档指导、ppt制作等技术指导。源码获取，毕设定制查看本人首页获取联系

技术范围：SpringBoot、Vue、SSM、Nodejs、小程序等设计与开发。
本人负责：系统功能设计、毕设开题报告的撰写、任务书的制定、中期检查PPT的制作、系统功能的具体实现、论文的撰写与辅导以及长期的答辩答疑辅导。

大家在毕设选题，项目以及论文编写等相关问题都可以和我沟通，我会尽自己所能给大家解答。

感兴趣的同学可在首页获取联系 

1、开发相关技术介绍

1.1 SpringBoot框架

    SpringBoot 是由 Pivotal 团队开发的开源 Java 基础框架，旨在简化 Spring 应用的初始搭建以及开发过程。它通过提供一系列的“Starters”来自动配置 Spring 及其集成的第三方库，极大地降低了开发者的配置难度。SpringBoot 应用通常可以独立运行，通常打包成 JAR 文件，内置了如 Tomcat、Jetty 或 Undertow 等 Web 服务器，无需外部 Servlet SpringBoot 提倡使用 Java 注解 来优化配置流程，简化了设置步骤。此外，它还包含了一些高级的监控和管控工具，特别是 Actuator 模块，它让开发者能够方便地追踪应用程序的运行状况和性能表现。这些特点使得 SpringBoot 成为开发微服务和云应用的优选，同样适用于企业级应用。

1.2 Vue框架

    Vue 是一款专为构建动态和响应式的用户界面而设计的渐进式前端框架。Vue 在与一些更为庞大和全面的框架相比之中以其轻量级和模块化的特性脱颖而出，它的核心专注于视图层的构建，这样降低学习曲线的同时也便于与现有的项目或库进行无缝集成。 Vue 的设计理念强调简洁性和实用性，使开发者可以逐步地将框架的功能集成到项目中，不管是构建小型的交互界面还是处理大型应用，Vue 均能提供强大的功能支持。这种灵活性和易用性使前端开发更加高效和灵活，也是 Vue 受到广泛欢迎的关键因素之一。

1.3 MySQL数据库

    MySQL 数据库是一个使用 SQL 作为查询语言的开源关系型数据库管理系统。这个系统一开始是 MySQL AB 公司所开发的，之后经历了 Sun Microsystems 的收购，最终成为 Oracle 公司旗下的产品。MySQL 因其出色的性能、可靠性和用户友好的特性而受到青睐，正因如此它也被广泛地应用于网站开发、数据存储解决方案和企业级软件系统中。它不但支持多种操作系统，而且还功能丰富且配置灵活，基本上都能满足从小型应用到大型数据仓库的需求，也正因如此是众多开发者和企业第一个选择的数据库解决方案。

2.3 系统功能分析

2.3.1 功能性分析

按照校园社团信息管理系统的角色，我划分为了社员用户模块、社长用户模块和管理员模块这三大部分。

社员用户管理模块：

（1）用户注册登录：游客可以随时进入到系统中，对系统中的信息浏览，但是想要实现门诊预约，就必须有这个系统的账号，如果没有账号的话，可以注册成员用户进行相关的操作，同时用户还可以通过“我的”这以按钮对个人信息以及操作的信息进行管控。

（2）查看校园社团信息管理系统的首页信息：校园社团信息管理系统的首页信息首页、交流论坛、新闻资讯、社团信息、社团活动、社团公告、学分申请、我的账户、个人中心等。

（3）交流论坛：在前台点击“交流论坛”按钮进入交流交流论坛，点击可以进入到已发布的交流文章详情，并且可以进行评论、收藏、点赞操作，发布新的交流帖子。

（4）新闻资讯：在前台点击“新闻资讯”按钮进入新闻资讯列表，可以输入关键词进行查询新闻资讯信息，并且可以对查看的新闻资讯进行评论、收藏、点赞操作。

（5）社团信息：用户在前台点击“社团信息”这个菜单按钮，就会显示所有的社团列表，在查询到自己想要加入的社团时，可以进入查看详细的介绍，在这个界面，也可以对社团进行加入、点赞、收藏、评论操作。

（6）社团活动：用户在前台点击“社团活动”这个菜单按钮，就会显示所有的社团h活动列表，在查询到自己想要报名的活动时，可以进入查看详细的介绍，在这个界面，也可以对社团活动进行报名、点赞、收藏、评论操作。

（7）社团公告：在前台点击“社团公告”这一菜单按钮以后就会进入到社团公告界面。

（8）学分申请：在前台点击“学分申请”按钮会跳转到学分申请填写页面，根据页面提示输入学分申请的原因内容，点击“提交”进行提交学分申请。

（9）我的账户：在前台点击“用户名称”下面的“我的账户”可以对个人资料+密码修改+自己收藏的信息进行管控。

（10）加入社团：用户点击社团详情页面中右下角“加入社团”这一按钮以后会跳转到信息填写的界面，用户只要填写好加入原因，点击提交以后加入社团就完成一半了。

（11）活动报名：用户点击社团活动详情页面中右下角“活动报名”这一按钮以后会跳转到信息填写的界面，其中活动编号+社团名称+活动日期等信息是自动生成的，用户只要填写好报名原因，点击提交等待社长审核即可。

（12）个人中心：用户进入用户“个人中心”页面可以管理个人首页、加入记录、退出记录、报名记录、学分申请、收藏等信息，能够查看加入社团及活动报名的审核状态以及审核回复等。

社长用户管理模块：

（1）社团信息管理：社长点击“社团信息管理”这一菜单，可以查看到自己添加的社团信息管理信息，也可以对社团信息管理进行增删改查，同时也可以查看前台用户对社团提交的评论。

（2）加入记录管理：社长点击“加入记录管理”这一菜单，可以查看到用户提交的加入社团申请信息，可以对其进行审核以及审核回复。

（3）退出记录管理：社长点击“退出记录管理”这一菜单，可以查看到用户提交的退出社团申请信息，可以对其进行审核以及审核回复。

（4）社团活动管理：社长点击“社团活动管理”这一菜单，可以发布新的社团活动信息，也可以对社团活动信息进行增删改查。

（5）报名记录管理：社长点击“报名记录管理”这一菜单，可以查看到用户提交的活动报名申请信息，可以对其进行审核以及审核回复。

（6）社团财务管理：社长点击“社团财务管理”这一菜单，可以查看到自己添加的社团财务信息，也可以对社团财务进行增删改查。

（7）社团公告管理：社长点击“社团公告管理”这一菜单，可以发布新的社团公告信息，也可以对社团公告信息进行增删改查。

管理员管理模块：

（1）登录：管理员在后台可以输入用户名+密码进行登录，管理员的用户名和密码是在数据库中直接设定好的。

（2）系统用户：管理员可以对校园社团信息管理系统中的管理员，社长以及前台注册的社员用户进行增删改查。其中社长用户账号是由管理员在后台添加的。

（3）社团信息管理：管理员点击“社团信息管理”会显示出所有的社团信息，支持输入社团名称信息进行查询，如果想要添加新的社团信息，点击“添加”按钮，输入社团名称、社长用户、社长姓名、社团人数、社团图片、创建时间等信息，点击“提交”按钮就可以添加了，同时可以选择某一条社团信息，点击“删除”进行删除，也可以对用户提交的社团信息评论的信息进行管控。

（4）加入记录管理：管理员点击“加入记录管理”菜单可以查看社团成员的加入记录列表，进行增删改查，也可以进行退出社团操作。

（5）退出记录管理：管理员点击“退出记录管理”菜单可以查看社团成员的退出记录列表，点击详情查看信息，进行增删改查。

（6）社团活动管理：管理员点击“社团活动管理”会显示出所有的社团活动信息，支持输入活动名称或社团名称信息进行查询，也可以对用户提交的活动评论的信息进行管控。

（7）报名记录管理：管理员点击“报名记录管理”菜单可以查看社团成员的活动报名记录列表，点击详情查看信息，进行增删改查。

（8）社团财务管理：管理员点击“社团财务管理”菜单可以查看社团的财务收支列表，点击详情查看信息，进行增删改查。

（9）社团公告管理：管理员点击“社团公告管理”菜单可以查看社团的公告列表，点击详情查看信息，进行增删改查。

（10）学分申请管理：管理员点击“学分申请管理”会显示出所有的学分申请信息，点击详情查看申请信息，进行学分申请审核回复，增删改查。

（11）系统管理：管理员点击“系统管理”菜单可以对首页展示的轮播图进行管理。

（12）资源管理：管理员可以对校园社团信息管理系统前台展示的新闻资讯以及新闻资讯所属的分类进行管控。

（13）交流管理：管理员可以对校园社团信息管理系统前台展示的交流论坛以及交流论坛所属的分类进行管控。

4 校园社团信息管理系统详细设计与实现
校园社团信息管理系统的详细设计与实现主要是根据前面的校园社团信息管理系统的需求分析和校园社团信息管理系统的总体设计来设计页面并实现业务逻辑。主要从校园社团信息管理系统界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块

4.1.1 前台首页界面

当进入校园社团信息管理系统的时候，系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是轮播图，再往下是各种各样的系统信息，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2 用户注册界面

不是校园社团信息管理系统中正式用户的是可以在线进行注册的，当用户右上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等信息后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。用户注册界面展示如下图4-2所示。

图4-2 前台用户注册界面图

注册关键代码如下所示。

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));

        query.put("username",user.getUsername());

        List list = service.selectBaseList(service.select(query, new HashMap<>()));

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}  

4.1.3 用户登录界面

校园社团信息管理系统中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到校园社团信息管理系统的首页中；否则将会提示相应错误信息，用户登录界面如下图4-3所示。

图4-3用户登录界面图

登录的逻辑代码如下所示。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

4.1.4交流论坛界面

当访客点击校园社团信息管理系统中导航栏上的“交流论坛”后将会进入到该“交流论坛”列表的界面，然后选择想要看的交流论坛，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作。交流论坛详情展示界面如下图4-4所示。

图4-4交流论坛详情展示界面图

4.1.5 新闻资讯界面

当访客点击校园社团信息管理系统中导航栏上的“新闻资讯”后将会进入到该“新闻资讯”列表的界面，然后选择想要看的新闻资讯，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，新闻资讯界面如下图4-5所示。

图4-5新闻资讯界面图

4.1.6 社团信息详情界面

当访客点击“社团信息”后就可以看到所有的社团信息，选择你想要了解的社团信息后将会进入该社团信息的详情界面，可以了解到社团名称、社长姓名、社团人数、社团介绍等，同时可以对点击下方的“加入社团”、“点赞”、“收藏”、“评论”，社团信息详情展示页面如图4-6所示。

图4-6 社团信息详情界面图

4.1.7 加入社团界面

当用户点击左下角的“加入社团”链接后就进入加入社团的界面展示，用户可以填写加入原因点击“提交”按钮进行提交加入。加入社团界面如下图4-7所示。

图4-7 加入社团界面图

4.1.8 社团活动详情界面

当访客点击“社团活动”后就可以看到所有的社团活动信息，选择你想要了解的社团活动信息后将会进入该活动信息的详情界面，可以了解到活动编号、活动名称、社团名称、社长用户、活动日期、活动人数、活动学分等，同时可以对点击下方的“活动报名”、“点赞”、“收藏”、“评论”，社团活动信息详情展示页面如图4-8所示。

图4-8 社团活动信息详情界面图

4.1.9 活动报名界面

当用户点击左下角的“活动报名”链接后就进入活动报名的界面展示，用户可以填写报名原因点击“提交”按钮进行提交加入。活动报名界面如下图4-9所示。

图4-9 活动报名界面图

4.1.10 学分申请界面

点击导航栏上的“学分申请”，可以填写申请标题、社员用户、社员姓名、学分数值和申请内容，然后点击“提交”按钮进行学分申请提交，学分申请界面如下图4-10所示。

图4-10 学分申请界面图

学分申请关键代码如下：

@RequestMapping(value = "/del")

    @Transactional

    public Map<String, Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

    }

    public void delete(Map<String,String> query,Map<String,String> config){

        QueryWrapper wrapper = new QueryWrapper<E>();

        toWhereWrapper(query, "0".equals(config.get(FindConfig.GROUP_BY)),wrapper);

        baseMapper.delete(wrapper);

        log.info("[{}] - 删除操作：{}",wrapper.getSqlSelect());

    }

4.2社长功能模块

4.2.1 社团信息管理界面

社长在后台“社团信息管理”这一界面能够查看自己提交的社团信息，可以进行增删改查操作，也可以对社团进行发布活动、添加财务、发布公告等操作，社团信息管理界面如下图4-11所示。

图4-11社团信息管理界面图

4.2.2 加入记录管理界面

社长在“加入记录管理”界面能够对社员提交的加入社团信息进行管理，审核社员的加入申请通过与否，可以进行增删改查操作，加入记录管理界面如下图4-12所示。

图4-12加入记录管理界面图

4.2.3 退出记录管理界面

社长在“退出记录管理”界面能够对社员提交的退出社团信息进行管理，审核社员的退出申请，可以进行增删改查操作，退出记录管理界面如下图4-13所示。

图4-13 退出记录管理界面图

4.2.4 社团活动管理界面

社长在后台菜单栏点击“社团活动管理”，可以增删改查发布活动信息，管理员进行审核回复，社长发布活动界面如下图4-14所示。

图4-14发布活动界面图

4.2.5 报名记录管理界面

社长在“报名记录管理”这一界面能够查看学生提交的活动报名信息，可以对申请报名信息进行审核回复，报名记录管理界面如下图4-15所示。

图4-15报名记录管理界面图

4.2.6 社团财务界面

社长在“社团财务”这一界面能够查看自己提交的社团财务信息，可以进行增删改查操作，社团财务界面如下图4-16所示。

图4-16社团财务界面图

4.3管理员功能模块

4.3.1 用户管理界面

校园社团信息管理系统中的管理人员在“用户管理”这一菜单是中可以对注册的社员用户、社长以及管理员进行管控，这里以社长用户管理为例。界面如下图4-17所示。

图4-17用户管理界面图

用户管理关键代码如下：

  @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

public Map<String, Object> addMap(Map<String,Object> map){

    service.insert(map);

     return success(1);

 }

4.3.2 社团信息管理界面

校园社团信息管理系统中的管理人员在“社团信息管理”这一菜单下是可以对校园社团信息管理系统内的加入社团、发布活动、添加财务、发布公告、查看评论进行管控的，其管理界面如下图4-18所示。

图4-18社团信息管理界面图

4.3.3 资源管理界面

校园社团信息管理系统中的管理人员在“资源管理”这一菜单中是可以对校园社团信息管理系统内的新闻资讯以及资讯分类信息进行维护和管理的，界面如下图4-19所示。

图4-19资源管理界面图

资源管理关键代码如下：

@PostMapping("/set")

@Transactional

    public Map<String, Object> set(HttpServletRequest request) throws IOException {

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

    }

 

源码获取

谢谢大家点赞、收藏、关注、评论，如有需要可查看主页获取联系方式