本文介绍了基于Spring Boot框架的校园万能墙系统的设计和实现过程。该系统旨在为校园内师生提供一个便捷的信息发布与交流平台，具备信息发布、评论互动、点赞收藏等基本功能。文章首先概述了系统的需求和目标，随后详细描述了系统的架构设计、数据库设计以及关键模块的实现细节。

在架构设计方面，本文采用了基于Spring Boot的前后端分离架构，前端使用Vue.js框架进行开发，后端则采用Spring Boot框架搭建RESTful API接口。数据库设计方面，系统选用了MySQL作为存储后端，并设计了合理的表结构和关联关系，以确保数据的完整性和查询效率。

本文对系统进行了测试与性能分析，验证了系统的稳定性和性能表现。通过实际应用证明，该系统能够有效满足校园内信息发布与交流的需求，提升了校园信息化水平，为师生提供了一个便捷、高效的交流平台。

关键词：springboot；Java语言；校园万能墙系统；MySQL

Abstract

This article introduces the design and implementation process of a campus universal wall system based on the Spring Boot framework. The system aims to provide a convenient information publishing and communication platform for teachers and students on campus, with basic functions such as information publishing, comment interaction, likes and collections. The article first provides an overview of the system's requirements and objectives, followed by a detailed description of the system's architecture design, database design, and implementation details of key modules.

In terms of architecture design, this article adopts a front-end and back-end separation architecture based on Spring Boot. The front-end is developed using the Vue.js framework, while the back-end uses the Spring Boot framework to build RESTful API interfaces. In terms of database design, the system has chosen MySQL as the storage backend and designed a reasonable table structure and association relationships to ensure data integrity and query efficiency.

This article conducted testing and performance analysis on the system, verifying its stability and performance. Through practical application, it has been proven that the system can effectively meet the needs of information dissemination and communication on campus, improve the level of campus informatization, and provide a convenient and efficient communication platform for teachers and students.

Key words：Springboot; Java language; Campus Universal Wall System; MySQL

1 绪论

1.2研究现状

现代的校园万能墙系统不仅提供了基本的信息发布功能，还融入了评论、点赞、转发、私信等社交互动功能。此外，为了满足学生多样化的需求，一些系统还加入了课程表查询、失物招领、活动报名等实用功能。随着移动互联网技术的发展，校园万能墙系统在技术层面也不断创新。用户体验是评价一个系统好坏的重要标准。当前的校园万能墙系统注重用户界面的简洁美观，提供流畅的操作体验。同时，系统还通过优化算法减少信息过载，确保用户能够快速获取到感兴趣的内容。在信息安全和隐私保护方面，校园万能墙系统也面临着巨大的挑战。为了保障用户信息的安全，系统需要采用先进的加密技术和安全防护措施。同时，系统还需要制定严格的隐私政策，确保用户个人信息的合法使用。为了适应不同设备和操作系统的需求，校园万能墙系统需要具备良好的跨平台兼容性。这意味着系统需要能够在手机、平板、电脑等多种设备上顺畅运行，为用户提供一致的使用体验。

校园万能墙系统在功能、用户体验、安全与隐私保护以及跨平台兼容性等方面都取得了显著的进展。然而，随着技术的不断发展和用户需求的变化，校园万能墙系统仍需要持续创新和改进，以更好地满足学生的需求并提升校园信息化水平。

1.3论文结构与章节安排

本文共分为六章，章节内容安排如下：

第一章为引言，此章节对所设计和实现的系统的背景和意义进行详细的论述以及说明，同时进行了论文整体框架的结构的简要介绍。

第二章为系统需求分析，章节所做的主要的工作是对系统进行了技术、经济和操作方面可行性的分析；对系统实行了总体功能的需求、用例分析。

第三章为系统的设计，主要是对系统的功能结构进行设计，并对系统数据库的概念结构以及物理结构的设计进行了分析。

第四章就是对系统的实现，根据系统功能的划分，分别的对系统所需要实现的前台客户功能和后台管理员功能进行了分析和说明。

第五章：系统测试。主要对系统的部分界面进行测试并对主要功能进行测试

第六章：总结。

Spring Boot是一个基于Java的开源框架，用于快速构建独立的、生产级别的Spring应用程序。它提供了一种简化的方式来配置和构建Spring应用程序，大大减少了开发人员的工作量和配置复杂性。

Spring Boot的设计理念是约定优于配置，它采用了自动化配置的原则，通过推断应用程序的环境来为开发人员提供合理的默认设置。开发人员只需关注业务逻辑的实现，而不需要进行繁琐的配置。同时，Spring Boot还提供了丰富的起步依赖（starter dependencies），这些依赖项可以方便地集成常用的第三方库和框架，使开发人员能够更加便捷地构建功能强大的应用程序。

Spring Boot还具备诸多其他优势。首先，它内嵌了一个轻量级的Servlet容器，如Tomcat或Jetty，因此无需额外配置和安装外部服务器。其次，它提供了健康检查、监控、度量等管理功能，有助于对应用程序的运行状态进行监控和管理。此外，Spring Boot还支持各种数据访问技术、安全认证、缓存、消息队列等功能的集成。总之，Spring Boot是一个强大的后端框架，通过简化配置和自动化集成，极大地提高了开发效率，并能构建出稳定、高效的应用程序。它的优秀设计和丰富功能使得它成为了开发者们的首选框架之一。

 2.2JavaScript

JavaScript（简称“JS”）是一种轻量级的、解释型或即时编译型的编程语言。它最初是为浏览器设计的，用于在网页上添加交互性，使网页内容能够根据用户的操作或其他事件做出动态响应。随着其不断的发展和应用领域的拓宽，JavaScript也已经被广泛用于非浏览器环境，如服务器端编程（如Node.js）等。

JavaScript基于原型编程，并且支持多种编程范式，包括面向对象、命令式、声明式（如函数式编程）等。它采用弱类型的变量类型，对使用的数据类型未做出严格的要求，设计简单紧凑。

JavaScript的主要功能包括：交互式操作、表单验证、网页特效、Web游戏、服务器脚本开发等。它通常是通过嵌入在HTML中来实现这些功能的，使得网页能够为用户提供更流畅美观的浏览效果。

此外，JavaScript还有文档对象模型（DOM）和浏览器对象模型（BOM）两大组成部分。DOM描述了处理网页内容的方法和接口，而BOM则描述了与浏览器进行交互的方法和接口。

总的来说，JavaScript是一种功能强大、灵活且易于学习的编程语言，它在Web开发领域具有举足轻重的地位，并且随着技术的不断进步，其应用领域也在不断扩大。

MySQL是一个开源的关系型数据库管理系统（RDBMS），由MySQL AB公司开发，后被甲骨文收购。它使用C和C++编写，可运行于多种操作系统如Unix、Linux和Windows。MySQL功能强大、简单易用、管理便捷，且运行速度快、可靠安全。它支持多线程和多CPU，能满足多种应用场景的需求。

MySQL提供丰富的数据类型，如数值、日期时间、字符串和二进制等，以及多种存储引擎如InnoDB、MyISAM和MEMORY，可根据需要灵活选择。它提供大量数据库操作命令，如创建、修改、删除数据库和表格，以及数据的增删改查等。此外，它还支持多种索引，以提高查询性能。

MySQL在全球范围内应用广泛，是许多大型网站和独立软件开发商的首选。其开源、免费、高效、灵活和易用的特点，使其成为当前速度最快的SQL数据库之一。

2.3Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

系统可行行分析是对系统对系统可行性进行一个探讨。在探讨系统的可行性上我们主要从技术上的可行性和经济上的可行性以及法律层面的可行性上进行分析，如果三个层面度通过，我们则认为系统是比较可行的。

3.1.2 经济可行性分析

校园万能墙系统我划分为了学生用户管理模块、教师用户模块和管理员模块这三大部分。

学生用户管理模块：

（1）注册登录：点击“注册”，输入注册相关信息后点击页面的“注册”按钮，提示注册成功后，回到首页，点击“登录”按钮，根据注册输入的账号密码登录系统，登录时校验输入的账号密码，输入正确登录成功，输入错误会有提示信息；

（2）查看校园万能墙系统的首页信息：校园万能墙系统的首页信息包含了首页、信息交流、学校公告、学校资讯、新闻通知、学生发布、教师发布、二手物品。

（3）学校资讯：用户点击“学校资讯”菜单后，系统将显示所有的学校资讯信息。用户可以根据条件进行学校资讯的筛选，也可以输入关键词进行局部搜索。点击新闻标题后，用户可以进入学校资讯的详细展示界面。在该界面上，用户可以收藏、点赞和评论相应的新闻内容。

（4）信息交流：用户点击“信息交流”菜单后，系统将展示所有的信息交流信息。用户可以按照分类查看帖子信息，或者输入关键词进行局部搜索。点击帖子标题后，用户将进入帖子的详细展示界面。在该界面上，用户可以点赞、收藏、评论，并且还可以点击“发布内容”以输入自己的帖子信息。

（5）学生发布：用户可以浏览“学生发布”菜单，查看所有学生发布信息。用户可以根据特定条件或输入关键词进行筛选和查询。点击学生发布后，用户可以进入详细展示界面，在此界面可以进行收藏、点赞和评论操作。

（6）二手物品：用户可以浏览“二手物品”菜单，查看所有二手物品。用户可以根据特定条件或输入关键词进行筛选和查询。点击二手物品后，用户可以进入详细展示界面，在此界面可以进行收藏、点赞和评论操作。

（7）我的账户：查看并修改个人资料跟密码；

（8）我的收藏：用户点击“我的收藏”，会显示出自己收藏的所有信息，点击某一条收藏可以查看信息详细介绍，同时删除收藏；

（9）学校公告：用户可以点击“学校公告”菜单查看管理员在后台发布的所有学校公告信息，并查看学校公告的详细内容。

管理员管理模块：

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

（3）资源管理：管理员点击“资源管理”菜单后，可以对其下子菜单学校资讯和学校资讯分类进行增加、删除、修改和查询操作。

（4）系统用户：管理员点击“系统用户”菜单后，可以对系统中存在的用户进行管理，包括管理员用户、教师用户和学生用户。管理员可以进行用户信息的添加、查看、编辑、删除等操作。

（5）交流管理：管理员点击“交流管理”菜单后，可以对其下的信息交流和交流分类进行增加、删除、修改和查询操作。

（6）学生发布：管理员在点击“学生发布”菜单后，系统会展示所有的学生发布。管理员可以根据学生用户或者学生姓名进行查询，并具有添加新学生发布的权限。在选择特定学生发布后，管理员可以进行添加、修改、查询和删除操作，同时管理用户提交的评论信息

（7）二手物品：管理员点击“二手物品”菜单后，系统将展示所有的二手物品。管理员可以根据物品名称或者物品类别进行查询，并具有添加、修改、删除相关二手物品的权限，还可以管理评论信息

3.2.2 非功能性分析

校园万能墙系统的非功能性需求比如校园万能墙系统的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

校园万能墙系统的完整UML用例图分别是图3-1和图3-2。

图3-1就是管理员角色的用例展示。

图3-1 校园万能墙系统管理员角色用例图

图3-2就是学生用户角色的用例展示。

图3-2 校园万能墙系统学生用户角色用例图

图3-3就是教师用户角色的用例展示。

图3-3 校园万能墙系统教师用户角色用例图

用户成功登入系统后就能够实现增加数据的操作，增加数据的编号是特定的，系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证合法通过就显示增加数据成功了，相反的话，就没有增加成功，图3-3显示的就是在增加数据时的流程。

图2-1  数据增加流程图

数据修改时的流程和上面介绍的数据增加时的流程差不多，如图3-4所示。

图3-4  数据修改流程图

如果系统里面存在一些没有用的数据的话，相关的管理人员还可以对这些数据进行删除，图3-5就是数据删除时的流程图。

图3-5  数据删除流程图

4 系统设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本校园万能墙系统中的用例。那么接下来就要开始对本校园万能墙系统的架构、主要功能和数据库开始进行设计。校园万能墙系统根据前面章节的需求分析得出，其总体设计模块图如图4-1所示。

图4-1 校园万能墙系统功能模块图

本系统的用户包括管理员和用户两种用户模块的功能基本是相同的，用户比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，用户模块结构图为例进行分析，如下图：

图4-2用户模块结构图

校园万能墙系统是一个交流性质的公开平台，用户在平台上提交评论，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的评论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：

图4-3评论管理模块结构图

图4-4学校资讯管理模块结构图

4.2 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

在数据库概念模型设计的时候，一般都采用E-R实体图进行展示，在实体图中可以展示出数据库表中的所有字段名称，本校园万能墙系统中的主要的数据库E-R模型图如下图所示。

图4-5 学生用户信息E-R关系图

图4-6 教师发布信息E-R关系图

图4-7 学生发布信息E-R关系图

图4-8 评论信息E-R关系图

图4-9公告信息E-R关系图

下面是整个校园万能墙系统中主要的数据库表总E-R实体关系图。

图4-11 校园万能墙系统总E-R关系图

通过上一小节中校园万能墙系统中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表slides (轮播图)

当进入校园万能墙系统的时候，系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是轮播图，再往下是信息交流，其主界面展示如下图5-1所示。

图5-1 前台首页界面图

在校园万能墙系统中，用户可以进行注册和登录操作。当用户点击右上角的“注册”按钮时，需填写账号、密码、确认密码、昵称、邮箱、手机号等信息，并选择身份，填写身份信息后点击“注册”按钮。系统将首先验证输入是否有空数据，然后验证密码和确认密码是否匹配，最后验证输入的账户名是否与数据库中已注册账户名重复。只有在所有验证通过后，用户才能成功注册。其用注册界面展示如下图5-2所示。

图5-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);

}     

5.1.3用户登录界面

在校园万能墙系统中，注册后的用户可以通过其账户名和密码进行登录。用户输入完整的账户名和密码信息后，点击“登录”按钮。系统将首先验证输入是否存在空数据，然后验证输入的账户名和密码是否与数据库中当前保存的用户信息一致。只有在验证通过后，用户才能成功登录，并自动跳转到校园万能墙系统的首页。如果验证未通过，系统将提示相应的错误信息，用户登录界面如下图5-3所示。

图5-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.selectBaseList(service.select(map, new HashMap<>()));

        }

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

            map.put("email", email);

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

        }

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

            map.put("phone", phone);

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

        }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.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

        if (groupList.size()<1){

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

        }

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

        //查询用户审核状态

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

            String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

            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());

            Duration duration = Duration.ofSeconds(7200L);

            redisTemplate.opsForValue().set(accessToken.getToken(), accessToken,duration);

            // 返回用户信息

            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, "账号或密码不正确");

        }

    }

用户可以点击“教师发布”菜单查看所有教师发布信息，按条件或输入关键词进行查询。点击教师发布后可进入详细展示界面，在此界面可以进行收藏、点赞和评论操作。教师发布详情界面如下图5-4所示。

图5-4教师发布详情界面图

用户点击系统菜单中的“信息交流”，系统将显示所有的信息交流。用户可以按照分类查看帖子信息，或者通过输入关键词进行局部搜索来定位感兴趣的帖子。当用户点击某个帖子时，系统将进入帖子的详细展示界面。在该界面，用户可以进行点赞、收藏和评论等操作。此外，用户也可以点击“发布内容”按钮，输入帖子信息并发表自己的帖子。信息交流展示页面如图5-5所示。

图5-5信息交流界面图

5.1.6二手物品详情界面

用户可以点击“二手物品”菜单查看所有二手物品，按条件或输入关键词进行查询。点击二手物品后，可以进入详细展示界面，在此界面用户可以进行收藏、点赞和评论操作。二手物品详情界面如下图4-6所示。

图5-6二手物品详情界面图

5.2.1系统用户管理界面

管理员点击“用户管理”这一菜单会显示管理员、教师用户和学生用户这三个子菜单，管理员可以对这三个角色的信息进行增删改查操作。界面如下图5-7所示。

图5-7系统用户管理界面图

系统用户管理关键代码如下：

@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);

 }

5.2.2学生发布管理界面

管理员点击“学生发布”会显示出所有的学生发布信息，支持输入学生姓名对学生发布信息进行查询，如果想要添加新的学生发布信息，点击“添加”按钮，输入相关信息，点击“提交”按钮就可以添加了，同时可以选择某一条学生发布信息，点击“删除”进行删除，也可以对用户提交的学生发布评论的信息进行管控，界面如下图5-8所示。

图5-8学生发布管理界面图

学生发布管理关键代码如下：

 @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);

    }

系统测试包括：用户登录功能测试、学校资讯展示功能测试、学生发布添加、学生发布搜索、密码修改，如表6-1、6-2、6-3、6-4、6-5所示：