（附源码）基于web的校园媒体信息发布系统计算机毕设42272

淩亂°似流年 2024-02-05 14:39 2阅读 0赞

目 录

摘要

1 绪论

1.1研究背景与意义

1.2国内外研究现状

1.3研究内容

1.4 ssm框架介绍

1.5论文结构与章节安排

2 校园媒体信息发布系统系统分析

2.1 可行性分析

2.2 系统流程分析

2.2.1数据增加流程

2.2.2数据修改流程

2.2.3数据删除流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3 校园媒体信息发布系统总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3评论管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结 20

4 校园媒体信息发布系统详细设计与实现 21

4.1用户功能模块 21

4.1.1 前台首页界面 21

4.1.2 用户登录界面 21

4.1.3用户注册界面 25

4.1.4院校介绍界面

4.1.5 密码修改界面

4.1.6时政要闻界面

4.1.7 校内通告界面

4.2管理员功能模块

4.2.1 登录界面

4.2.2系统用户管理界面

4.2.3 轮播图管理界面 30

4.2.4资源管理界面 31

5系统测试 32

5.1系统测试的目的 32

5.2 系统测试用例 32

5.3 系统测试结果 33

结论 34

参考文献 35

致 谢

摘要

科技进步的飞速发展引起人们日常生活的巨大变化，电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新时代。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设校园媒体信息发布系统。

本设计主要实现集人性化、高效率、便捷等优点于一身的校园媒体信息发布系统，完成首页、个人资料（个人信息、修改密码）轮播图管理、校内通管理、系统用户（管理员、登陆用户）资源管理（媒体资讯、资讯分类）模块管理（院校介绍、时政要闻、学生活动、学术讲座）等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。校园媒体信息发布系统使用Java语言，采用基于 MVVM模式的SSM技术进行开发，使用 Eclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

**关键词**：ssm技术；MYSQL；校园媒体信息发布系统

**Abstract**

The rapid development of science and technology has caused tremendous changes in people's daily lives. The rapid development of electronic information technology has made the application level of electronic information technology in various fields popular and applied. The arrival of the information age has become an irresistible fashion trend, and the history of human development is entering a new era. In practical application, the working rules and development steps of the application software are used to build a campus media information release system using Java technology.

This design mainly implements a campus media information release system that integrates the advantages of humanization, efficiency, and convenience. It completes functional modules such as homepage, personal information (personal information, password modification), carousel map management, campus communication management, system user (administrator, login user) resource management (media information, information classification) module management (college introduction, current political news, student activities, academic lectures), and so on. The system communicates with the server through a browser to achieve data interaction and change. This system improves work efficiency and reduces errors and omissions in data storage through scientific management methods and convenient services. The campus media information release system uses Java language, uses SSM technology based on MVVM mode for development, and uses Eclipse 2017 CI 10 compiler for writing. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and cooperates with the front-end HTML+CSS technology to complete the system development.

**Key words:** SSM technology; MYSQL； Campus Media Information Release System

#### **1 绪论** ####

1.1研究背景与意义

随着信息化的不断发展，传统的报纸，书刊早已满足不了人们的需求。当今这个信息化的时代人们更加渴望便捷的获取海量有效的最新信息。校园媒体信息发布系统的网络化发展在很大的程度上代替了原有的传播模式，给学生和访者对于校园媒体信息有了全新的体验。系统使校园媒体信息发布有序化，简洁化，让用户在短时间内得到自己所要的校园资讯等信息。于是我们就很有必要创建一个校园媒体信息发布系统发。大部分校园媒体信息发布网站都是采用静态的方式发布和管理信息的，但是现在网站需要更新的信息量越来越大，静态的方式很不利于网站管理人员的工作。为了更加方便的管理网站，于是我们就很迫切的建立一个利用动态技术开发的网站。

随着网络的不断发展，互联网已经成了人们学习和生活中的不可缺少的部分。互联网上的各种功能都是通过网站来实现的，而校园媒体信息发布系统的发布与浏览是校园媒体信息发布系统中不可缺少的功能。校园媒体信息发布系统在国内外早已有着成熟的研究成果和广泛的社会应用。国内外众多校园媒体信息发布系统每天甚至时刻进行着海量数据的维护，以保证网站校园媒体信息的实时更新。校园媒体信息发布系统起着绝对重要的作用，是当今动态网站进行数据库更新的主要手段。

1.2研究现状

随着网络时代的多元化发展，校园媒体信息发布系统的运用很快成为了趋势。一个具有完善的校园媒体资讯发布、管理、浏览、搜索等功能的系统能够为管理员、用户带来很大的便利。而随着我国经济实力的增强，科技实力的迅速提升，对于此系统的掌握程度也逐渐接近世界科技前进的脚步。也随着校园媒体信息的多元化发展，校园媒体信息发布系统的运用很快成为了趋势。随着信息科学的飞速发展，网络及依托网络发展起来的各种网络产品，已走进了人们的生活、工作与学习之中。通过全球成千上万的网站查找某一学样的专项技术，或了解最新的科学发展前沿动向，网络成了一种最方便、快捷的方法。除了学术上的广泛应用，人们还可通过网络实现与远方朋友的交流，结识其他国度的朋友，这些都从本质，上改变着现代人的生活和工作方式，越来越让人们感受到了从工业社会进入信息社会的全新体验。以人为本、科技为人服务的理念得到最广泛的认同，并真正改变着人们的理念。随着因特网的普及，大家不仅可以在网上浏览信息，而且可以参与其中，很多人都拥有自己的网页和网站，在因特网.上展示和宣传自己。因此就需要有信息发布系统来发布这些信息，包括大量的校园资讯，它是人们以后工作生活中不可缺少的工具。

校园媒体信息发布系统(信息发布系统)，是将网页上的某些需要经常变动的信息，类似媒体资讯、时政要闻、学生活动等更新信息集中管理，并通过信息的某些共性进行分类，最后系统化、标准化发布到网站上的一种网站应用程序。网站信息通过一个操作简单的界面加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。它是针对校园发布时效性较强的多类型媒体信息而开发，此系统可发布多类媒体信息，如院校介绍、学生活动、时政要闻等，且可支持最多达两级分类。系统还具有发表评论、点赞次数统计、相关信息、关键字查询功能。

1.3研究内容

校园媒体信息发布系统的开发及实现，所需要的工作内容：

（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。

（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，校园媒体信息发布系统的开发使用ssm框架，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成系统的实现。

（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对校园媒体信息发布系统的设计主要划分别为管理员和用户角色，并所使用的功能模块也相应不同，但是系统的数据库实现的内容是交互的，用户可以随时根据自己的需求进行校园媒体信息发布系统的了解以及媒体资讯的参考，对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作，管理员获取到所有用户的详细数据信息，并根据需求进行第一时间处理解决。

（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用。

1.4ssm框架介绍

SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。

Spring

Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。

Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地\`new\`一个对象，而是让Spring框架帮你来完成这一切。

SpringMVC

SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。

mybatis

mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。

页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。

![e2247165c2dd4778a6a0f43bf4bd31fe.png][]

1.5论文结构与章节安排

论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第一章：引言。第一章主要介绍了课题研究的背景，系统开发的现状和本文的研究现状与主要工作。

第二章：系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章：系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章：系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

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

第六章：总结。

## **2 校园媒体信息发布系统分析** ##

系统分析是开发一个项目的先决条件，通过系统分析可以很好的了解系统的主体用户的基本需求情况，同时这也是项目的开发的原因。进而对系统开发进行可行性分析，通常包括技术可行性、经济可行性等，可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析，分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。

2.1 可行性分析

#### **（1）技术可行性分析** ####

校园媒体信息发布系统存储所使用的是mysql数据库以及开发中所使用的是IDEA、Tomcat这些开发工具的使用，能够给我们的编写工作带来许多的便利。系统使用SSM框架进行开发，使系统的可扩展性和维护性更佳，减少java配置代码，简化编程代码，目前SSM框架也是很多企业选择的框架之一。

#### **（2）经济可行性分析** ####

在开发校园媒体信息发布系统中所使用的开发软件像IDEA开发工具、Tomcat8.0服务器、MySQL5.7数据库、Photoshop图片处理软件等，这些都是开源免费的，这些环境在学校都进行了系统的学习，自己能够独立操作完成，不需要额外花费，而且系统的开发工具从网上都可以直接下载，因此在经济方面是可行的。

#### **（3）操作可行性分析** ####

此次项目设计的时候我参考了很多类似系统的成功案例，对它们的操作界面以及功能都进行了系统的分析，将众多案例结合在一起，突出以人为本简化操作，所以具有基本计算机知识的人都会操作本项目。因此操作可行性也没有问题。

2.2系统流程分析

业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程，在进行系统分析的时候，业务流程可以帮助开发人员更好的理解业务，发现错误，完善系统。

2.2.1 数据增加流程

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

![97372b66d39f432daef64edb45fc7575.png][]

图2-1 数据增加流程图

2.2.2 数据修改流程

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

![c503dcc30a8e407480d5eebf2e5513ed.png][]

图2-2 数据修改流程图

2.2.3 数据删除流程

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

![5d5c58a3f2b4473989f288f00fcce912.png][]

图2-3 数据删除流程图

2.3 系统功能分析

2.3.1 功能性分析

按照校园媒体信息发布系统的角色，我划分为了注册用户管理模块和管理员管理模块这两大部分。

登陆用户管理模块：

（1）用户注册登录：用户注册为用户并登录校园媒体信息发布系统；用户对个人信息的增删改查，比如个人资料，密码修改。

（2）查看校园媒体信息发布系统的首页信息：校园媒体信息发布系统的首页信息包含了校内通告、媒体资讯、院校介绍、时政要闻、学生活动、学术讲座、个人中心、个人账户、个人收藏等。

（3）校内通告：当用户点击“校内通告”这一菜单按钮，会显示管理员在后台发布的所有的通告信息，可以查看详情；

（4）新闻中心：当用户点击“新闻中心”这一菜单按钮，会显示管理员在后台发布的所有的资讯信息，可以查看详情，进行收藏、点赞、评论等；

（5）个人账户：当用户点击点击“个人账户”可以对个人的资料、登录系统的密码等信息进行设置管理；

（6）个人收藏：当用户点击“个人收藏”可以对自己收藏的信息进行管理；

（7）个人中心：当用户点击“个人中心”这个按钮，就会进入到对应的后台进行信息的管理了；

（8）媒体资讯：用户在媒体资讯这一菜单可通过筛选或排序进行搜索查看媒体资讯信息，可对喜欢的资讯文章进行收藏、点赞或发表评论等操作；

（9）院校介绍：用户在院校介绍这一菜单可通过关键字、下拉或排序进行搜索查看院校介绍信息，如：院校名称、负责人、联系电话、点赞数、院校介绍等详细信息，并可进行收藏、点赞或发表评论等操作；

（10）时政要闻：用户在时政要闻这一菜单可通过关键字、类别、下拉或排序进行搜索查看时政要闻信息，如：时政标题、时政标签、时政类型、要闻视频、点赞数、时政详情等详细信息，并可进行收藏、点赞或发表评论等操作；

（11）学生活动：用户在学生活动这一菜单可通过关键字、下拉或排序进行搜索查看学生活动信息，如：活动地点、活动人数、活动名称、活动时间、活动视频、活动简介、活动内容、点赞数等详细信息，并可进行收藏、点赞或发表评论等操作；

（12）学术讲座：用户在学术讲座这一菜单可通过关键字、下拉或排序进行搜索查看学术讲座信息，如：讲座标题、讲座人物、讲座地点、讲座日期、讲座视频、点赞数、详情内容等详细信息，并可进行收藏、点赞或发表评论等操作；

管理员管理模块：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）系统用户：当点击“系统用户”这一菜单的时候，会出现管理员\+登陆用户这两个子菜单，可以对这两个模块进行增删改查操作；

（3）轮播图管理：管理员可以对系统前台展示的轮播图进行增删改查，方便用户进行查看。

（4）校内通告：管理员可以对系统前台展示的通告信息进行增删改查，方便用户进行查看。

（4）资源管理：管理员可以校园媒体信息发布系统前台展示的媒体资讯以及资讯分类所属的分类进行管控。

（5）个人信息：管理员点击“个人信息”按钮，可以对个人的头像、昵称、手机号码等信息进行更新。

（6）修改密码：管理员点击“修改密码”按钮，可以对登录密码进行更改，首先输入原密码，然后再输入新密码和确认密码，当原密码正确，输入两次新密码一致，则修改成功，否则给出错误提示信息。

（7）模块管理：管理员可以对校园媒体信息发布系统前台展示的院校介绍、时政要闻、学生活动、学术讲座进行增删改查等操作。

2.3.2 非功能性分析

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

表3-1 校园媒体信息发布系统非功能需求表

<table style="width:458.7pt;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 安全性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 主要指&nbsp;校园媒体信息发布系统数据库的安装，数据库的使用和密码的设定必须合乎规范。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可靠性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 可靠性是指校园媒体信息发布系统能够安装用户的指示进行操作，经过测试，可靠性90%以上。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 性能 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 性能是影响校园媒体信息发布系统占据市场的必要条件，所以性能最好要佳才好。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可扩展性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 易用性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 用户只要跟着校园媒体信息发布系统的页面展示内容进行操作，就可以了。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:104.65pt;"> 可维护性 </td> 
 <td style="vertical-align:top;width:354.05pt;"> 校园媒体信息发布系统开发的可维护性是非常重要的，经过测试，可维护性没有问题 </td> 
 </tr> 
 </tbody> 
</table>

2.4 系统用例分析

通过2.3功能的分析，得出了本校园媒体信息发布系统的用例图：

登陆用户角色用例如图2-3所示。

![f6c00e9a46d442d2b74ca27174638ac8.png][]

图2-3校园媒体信息发布系统登陆用户角色用例图

web后台管理上的管理员是维护整个校园媒体信息发布系统中所有数据信息的。管理员角色用例如图2-4所示。

![7de48d7e810348af9f2613afb6088d00.png][]

图2-4校园媒体信息发布系统管理员角色用例图

2.5本章小结

本章主要通过对校园媒体信息发布系统的可行性分析、流程分析、功能需求分析、系统用例分析，确定整个校园媒体信息发布系统要实现的功能。同时也为校园媒体信息发布系统的代码实现和测试提供了标准。

3 校园媒体信息发布系统总体设计

本章主要讨论的内容包括校园媒体信息发布系统的功能模块设计、数据库系统设计。

3.1 系统架构设计

本校园媒体信息发布系统从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

![442d11a58484468c90f3229775c961af.png][]

图3-1校园媒体信息发布系统架构设计图

表现层（UI）：又称UI层，主要完成本校园媒体信息发布系统的UI交互功能，一个良好的UI可以打打提高用户的用户体验，增强用户使用本校园媒体信息发布系统时的舒适度。UI的界面设计也要适应不同版本的校园媒体信息发布系统以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互结果，这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层（BLL）：主要完成本校园媒体信息发布系统的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层（DL）：由于本校园媒体信息发布系统的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完成本校园媒体信息发布系统的数据存储和管理功能。

3.2 系统功能模块设计

3.2.1整体功能模块设计

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

![ed76d4be63bf49199bc08b6f637ec07f.png][]

图3-2校园媒体信息发布系统功能模块图

3.2.2用户模块设计

后台管理者能够实现对前台注册的用户增删改查操作，用户模块结构图如下图：

![a9f08b408968452bbe3469ed424e37c5.png][]

图3-3用户用户模块结构图

3.2.3评论管理模块设计

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

![05eb8924e2794a89a08304d106f07ffc.png][]

图3-4评论模块结构图

3.3 数据库设计

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

3.3.1 数据库概念结构设计

下面是整个校园媒体信息发布系统中主要的数据库表总E-R实体关系图。

![7ddea1be8d904c43851c9bc75e870375.png][]

校园媒体信息发布系统E-R关系图

下面根据 校园媒体信息发布系统的数据库总E-R关系图可以得出 校园媒体信息发布系统需要很多E-R图，在此罗列出来一些主要的数据库E-R模型图。

![5752b986ad5248d99e47b3b7fe38b7e4.png][]

图3-7登陆用户E-R关系图

![0a2d827e8e944b60b66cbb91f2deefaf.png][]

图3-8 通告E-R关系图

![9043e82d758a4ea8a4c691cc41611b0d.png][]

图3-9评论信息E-R关系图

3.3.2 数据库逻辑结构设计

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

### **表academic\_lectures (学术讲座)** ###

### **表access\_token (登陆访问时长)** ###

### **表article (文章：用于内容管理系统的文章)** ###

### **表article\_type (文章分类)** ###

### **表auth (用户权限管理)** ###

<table style="width:520pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#e7e6e6;width:57.6pt;"> 编号 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 名称 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 数据类型 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 长度 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 小数位 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 允许空值 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 主键 </td> 
 <td style="background-color:#e7e6e6;width:57.65pt;"> 默认值 </td> 
 <td style="background-color:#e7e6e6;width:58.85pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 1 </td> 
 <td style="vertical-align:top;width:57.65pt;"> auth_id </td> 
 <td style="vertical-align:top;width:57.65pt;"> int </td> 
 <td style="vertical-align:top;width:57.65pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 授权ID： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 2 </td> 
 <td style="vertical-align:top;width:57.65pt;"> user_group </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 用户组： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mod_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 模块名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 4 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 64 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 表名： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 5 </td> 
 <td style="vertical-align:top;width:57.65pt;"> page_title </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 页面标题： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 6 </td> 
 <td style="vertical-align:top;width:57.65pt;"> path </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 255 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 路由路径： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 7 </td> 
 <td style="vertical-align:top;width:57.65pt;"> position </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 位置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 8 </td> 
 <td style="vertical-align:top;width:57.65pt;"> mode </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 32 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> _blank </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跳转方式： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 9 </td> 
 <td style="vertical-align:top;width:57.65pt;"> add </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可增加： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 10 </td> 
 <td style="vertical-align:top;width:57.65pt;"> del </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可删除： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 11 </td> 
 <td style="vertical-align:top;width:57.65pt;"> set </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可修改： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 12 </td> 
 <td style="vertical-align:top;width:57.65pt;"> get </td> 
 <td style="vertical-align:top;width:57.65pt;"> tinyint </td> 
 <td style="vertical-align:top;width:57.65pt;"> 3 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> 1 </td> 
 <td style="vertical-align:top;width:58.85pt;"> 是否可查看： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 13 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_add </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 添加字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 14 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_set </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 修改字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 15 </td> 
 <td style="vertical-align:top;width:57.65pt;"> field_get </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 查询字段： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 16 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav_name </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航名称： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 17 </td> 
 <td style="vertical-align:top;width:57.65pt;"> table_nav </td> 
 <td style="vertical-align:top;width:57.65pt;"> varchar </td> 
 <td style="vertical-align:top;width:57.65pt;"> 500 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 跨表导航： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 18 </td> 
 <td style="vertical-align:top;width:57.65pt;"> option </td> 
 <td style="vertical-align:top;width:57.65pt;"> text </td> 
 <td style="vertical-align:top;width:57.65pt;"> 65535 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> Y </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> </td> 
 <td style="vertical-align:top;width:58.85pt;"> 配置： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> create_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 创建时间： </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:57.6pt;"> 20 </td> 
 <td style="vertical-align:top;width:57.65pt;"> update_time </td> 
 <td style="vertical-align:top;width:57.65pt;"> timestamp </td> 
 <td style="vertical-align:top;width:57.65pt;"> 19 </td> 
 <td style="vertical-align:top;width:57.65pt;"> 0 </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> N </td> 
 <td style="vertical-align:top;width:57.65pt;"> CURRENT_TIMESTAMP </td> 
 <td style="vertical-align:top;width:58.85pt;"> 更新时间： </td> 
 </tr> 
 </tbody> 
</table>

### **表collect (收藏)** ###

### **表comment (评论)** ###

### **表current\_affairs (时政要闻)** ###

### **表hits (用户点击)** ###

### **表introduction\_to\_colleges\_and\_universities (院校介绍)** ###

### **表login\_user (登陆用户)** ###

### **表notice (公告)** ###

### **表praise (点赞)** ###

### **表slides (轮播图)** ###

### **表student\_activities (学生活动)** ###

### **表upload (文件上传)** ###

### **表user (用户账户：用于保存用户登录信息)** ###

### **表user\_group (用户组：用于用户前端身份和鉴权)** ###

3.4本章小结

整个校园媒体信息发布系统的需求分析主要对系统总体架构以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

## **4 校园媒体信息发布系统详细设计与实现** ##

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

4.1用户功能模块

4.1.1 前台首页界面

当进入校园媒体信息发布系统的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

![0006508bd20344afa9f6999014835a76.png][]

图4-1 前台首页界面图

4.1.2用户登录界面

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

![e36a56e0348a4a289417692b373166f6.png][]

图4-2用户登录界面图

登录关键代码如下所示。

/\*\*

\* 登录

\* @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;

QueryWrapper wrapper = new QueryWrapper<User>();

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

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

public String select(Map<String，String> query，Map<String，String> config)\{

StringBuffer sql = new StringBuffer("select ");

sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "\*" : config.get(FindConfig.FIELD)).append(" ");

sql.append("from ").append("\`").append(table).append("\`").append(toWhereSql(query， "0".equals(config.get(FindConfig.LIKE))));

if (config.get(FindConfig.GROUP\_BY) != null && !"".equals(config.get(FindConfig.GROUP\_BY)))\{

sql.append("group by ").append(config.get(FindConfig.GROUP\_BY)).append(" ");

if (config.get(FindConfig.ORDER\_BY) != null && !"".equals(config.get(FindConfig.ORDER\_BY)))\{

sql.append("order by ").append(config.get(FindConfig.ORDER\_BY)).append(" ");

if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)))\{

int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

sql.append(" limit ").append( (page-1)\*limit ).append(" ， ").append(limit);

log.info("\[\{\}\] - 查询操作，sql: \{\}"，table，sql);

return sql.toString();

public List selectBaseList(String select) \{

List<Map<String，Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String，Object> map:mapList) \{

list.add(JSON.parseObject(JSON.toJSONString(map)，eClass));

return list;

4.1.3用户注册界面

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

![5b79f9b55a87413e832be5e3fb789851.png][]

图4-3用户注册界面图

注册关键代码如下所示。

/\*\*

\* 注册

\* @return

\*/

@PostMapping("register")

public Map<String， Object> signUp(HttpServletRequest request) throws IOException \{

// 查询用户

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

Map<String，Object> map = service.readBody(request.getReader());

query.put("username"，String.valueOf(map.get("username")));

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

public Map<String，Object> readBody(BufferedReader reader)\{

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try\{

br = reader;

String str;

while ((str = br.readLine()) != null)\{

sb.append(str);

br.close();

String json = sb.toString();

return JSONObject.parseObject(json， Map.class);

\}catch (IOException e)\{

e.printStackTrace();

\}finally\{

if (null != br)\{

try\{

br.close();

\}catch (IOException e)\{

e.printStackTrace();

return null;

public void insert(Map<String，Object> body)\{

E entity = JSON.parseObject(JSON.toJSONString(body)，eClass);

baseMapper.insert(entity);

log.info("\[\{\}\] - 插入操作：\{\}"，entity);

4.1.4院校介绍界面

用户在院校介绍这一菜单可通过关键字、下拉或排序进行搜索查看院校介绍信息，如：院校名称、负责人、联系电话、点赞数、院校介绍等详细信息，并可进行收藏、点赞或发表评论等操作；院校介绍界面如下图4-4所示。

![239859c9097f40fcaa4cf72278a8f869.png][]

图4-4院校介绍界面图

4.1.5 密码修改界面

用户使用该校园媒体信息发布系统注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。密码修改界面如下图4-5所示。

![e14a076be84b4f5b8337acd6cea455e2.png][]

图4-5密码修改界面图

4.1.6时政要闻界面

时政要闻：用户在时政要闻这一菜单可通过关键字、类别、下拉或排序进行搜索查看时政要闻信息，如：时政标题、时政标签、时政类型、要闻视频、点赞数、时政详情等详细信息，并可进行收藏、点赞或发表评论等操作；时政要闻界面如下图4-6所示。

![66011a216c1742b6b2b2c5cfde502201.png][]

图4-6时政要闻界面图

4.1.7校内通告界面

当点击导航栏上的“校内通告”的时候，就会进入对应的界面查看公告信息，校内通告界面如下图4-7所示。

![3a85ea4c991145188f1396653ca8808b.png][]

图4-7校内通告界面图

4.1.8 学生活动

用户在学生活动这一菜单可通过关键字、下拉或排序进行搜索查看学生活动信息，如：活动地点、活动人数、活动名称、活动时间、活动视频、活动简介、活动内容、点赞数等详细信息，并可进行收藏、点赞或发表评论等操作；学生活动如下图4-8所示。

![0cb6586af88f45d1a12c9a84fb03ea91.png][]

图4-8学生活动界面图

4.1.9 学术讲座

用户在学术讲座这一菜单可通过关键字、下拉或排序进行搜索查看学术讲座信息，如：讲座标题、讲座人物、讲座地点、讲座日期、讲座视频、点赞数、详情内容等详细信息，并可进行收藏、点赞或发表评论等操作；学术讲座如下图4-9所示。

![9f41c262f58841289d04d17688c4aa2a.png][]

图4-9学术讲座界面图

4.10媒体资讯

用户在媒体资讯这一菜单可通过筛选或排序进行搜索查看媒体资讯信息，可对喜欢的资讯文章进行收藏、点赞或发表评论等操作；媒体资讯如下图4-10所示

![4fdddfdfa32f4d3d97197ed90b83c2e7.png][]

图4-10媒体资讯界面图

4.2管理员功能模块

4.2.1登录界面

管理员在登录界面输入账号+密码，点击“登录”按钮，系统在用户数据库表中会对管理员，系统用户的账号进行匹配，账号+密码正确的话，就会登录到系统中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，如果管理人员忘记密码的话，点击“忘记密码”根据提示可以找回密码，然后再进行登录其主界面展示如下图4-11所示。

![02659972c1a94d9e9749c4371318f67f.png][]

图4-11登录界面图

4.2.2系统用户管理界面

校园媒体信息发布系统中的管理员在“系统用户”这一菜单是中可以对注册的登陆用户以及管理员人员进行管控。界面如下图4-12所示。

![1f71acd5c6bc46c98f7e62125717e452.png][]

图4-12系统用户管理界面图

系统用户代码如下所示。

@PostMapping("/add")

@Transactional

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

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

return success(1);

@Transactional

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

service.insert(map);

return success(1);

4.2.3轮播图管理界面

轮播图管理模块是对校园媒体信息发布系统的轮播图的设置，只有管理员权限才能进行更新维护。界面如下图4-13所示。

![548f96b332f246a9ab99b373849fbfb3.png][]

图4-13轮播图界面图

轮播图管理关键代码如下所示。

@RequestMapping("/get\_obj")

public Map<String， Object> obj(HttpServletRequest request) \{

List resultList = service.selectBaseList(service.select(service.readQuery(request)， service.readConfig(request)));

if (resultList.size() > 0) \{

JSONObject jsonObject = new JSONObject();

jsonObject.put("obj"，resultList.get(0));

return success(jsonObject);

\} else \{

return success(null);

4.2.4资源管理界面

资源管理：管理员可以校园媒体信息发布系统前台展示的媒体资讯以及资讯分类所属的分类进行管控。界面如下图4-14所示。

![383b620d61324fd2ae4daabd1316c4d0.png][]

图4-14资源管理界面图

资源管理代码如下所示。

@RequestMapping(value = "/del")

@Transactional

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

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

return success(1);

4.2.5模块管理

管理员可以对校园媒体信息发布系统前台展示的院校介绍、时政要闻、学生活动、学术讲座进行增删改查等操作。模块管理界面图如下图5-15所示。

![1035b2b70f0a41f182d546a64ebc31a8.png][]

图4-15 模块管理界面图

##  ##

## **5系统测试** ##

5.1系统测试的目的

系统开发到了最后一个阶段那就是系统测试，系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美，再厉害的系统开发工程师也会在系统开发的时候出现纰漏，系统测试能够较好的改正一些bug，为后期系统的维护性提供很好的支持。通过系统测试，开发人员也可以建立自己对系统的信心，为后期的系统版本的跟新提供支持。

5.2 系统测试用例

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

用户登录功能测试：

表5-1 用户登录功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户登录系统 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试用户通过正确的用户名和密码可否登录功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 未登录的情况下 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 1) 进入登录页面 2) 输入正确的用户名和密码 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

媒体资讯查看功能测试：

表5-2 媒体资讯查看功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 媒体资讯查看 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试媒体资讯查看功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 点击媒体资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 可以查看到所有媒体资讯信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

管理员添加媒体资讯界面界面测试：

表5-3 管理员添加媒体资讯界面测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 媒体资讯发布测试用例 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试媒体资讯发布功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 用户正常登录情况下 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 1）点击媒体资讯信息管理就，然后点击添加后并填写信息。 2）点击进行提交。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 提交以后，页面首页会显示新的媒体资讯信息&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

媒体资讯搜索功能测试：

表5-4媒体资讯搜索功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 媒体资讯搜索测试 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 目的 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 测试媒体资讯搜索功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 前提 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 无 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 1）在搜索框填入搜索关键字。 2）点击搜索按钮。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 页面显示包含有搜索关键字的媒体资讯 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:123.6pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:312.35pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

密码修改功能测试：

表5-5 密码修改功能测试表

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 用例名称 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 密码修改测试用例 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 目的 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 测试管理员密码修改功能 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 前提 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 管理员用户正常登录情况下 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 测试流程 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 1）管理员密码修改并完成填写。 2）点击进行提交。 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 预期结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 使用新的密码可以登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:125.9pt;"> 实际结果 </td> 
 <td style="vertical-align:top;width:318.6pt;"> 实际结果与预期结果一致 </td> 
 </tr> 
 </tbody> 
</table>

5.3 系统测试结果

**通过编写校园媒体信息发布系统的测试用例，已经检测完毕用户登录模块、媒体资讯查看模块、媒体资讯添加模块、媒体资讯搜索模块、密码修改功能测试，通过这5大模块为校园媒体信息发布系统的后期推广运营提供了强力的技术支撑。**

**结论**

**至此，校园媒体信息发布系统已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如Web、ssm技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。**

**当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。**

**参考文献**

**\[1\]López-Fogliani D.E.,Muñoz C.. Right-handed neutrinos, domain walls and tadpoles in the superstring inspired μνSSM\[J\]. Nuclear Physics, Section B,2023,986.**

**\[2\]杨峰.基于校园统一信息发布系统的课后服务管理探索\[J\].中国现代教育装备,2022(24):16-18.DOI:10.13492/j.cnki.cmee.2022.24.004.**

**\[3\]Maruti Endang Sri,Yulianto Bambang,Suhartono Suhartono,Yohanes Budinuryanta,Cahyono Bambang Eko Hari. Scale development as a measuring tool of critical Javanese language’ awareness for pre-service Javanese teachers\[J\]. Cogent Arts & Humanities,2022,9(1).**

**\[4\]. Air Plan Disapproval; West Virginia; Revision to the West Virginia State Implementation Plan To Add the SSM Rule 45CSR1--Alternative Emission Limitations During Startup, Shutdown, and Maintenance Operations\[J\]. The Federal Register / FIND,2022,87(245).**

**\[5\]Aqeel Sana,Haider Zafaryab,Khan Wajihullah. Towards digital diagnosis of malaria: How far have we reached?\[J\]. Journal of Microbiological Methods,2023,204.**

**\[6\]李乐.Java语言应用研究\[J\].智慧中国,2022(09):80-81.**

**\[7\]欧阳桂秀.基于Java和MySQL的数据库管理系统的设计与实现\[J\].信息记录材料,2022,23(09):240-242.DOI:10.16009/j.cnki.cn13-1295/tq.2022.09.007.**

**\[8\]阮眩龙,张汉权,韦贵凡,唐萍,张捷.基于SSM框架的奖学金评定管理系统设计\[J\].电脑编程技巧与维护,2022(08):106-109.DOI:10.16184/j.cnki.comprg.2022.08.025.**

**\[9\]宋旸.使用Java语言开发Web应用软件的知识探讨\[J\].中国设备工程,2022(14):121-123.**

**\[10\]陈恒,陈淑丽.基于SSM框架的学生档案管理系统的设计与实现\[J\].电脑知识与技术,2022,18(10):42-43+47.DOI:10.14004/j.cnki.ckt.2022.0747.**

**\[11\]曹嵩彭,王鹏宇.浅析Java语言在软件开发中的应用\[J\].信息记录材料,2022,23(03):114-116.DOI:10.16009/j.cnki.cn13-1295/tq.2022.03.009.**

**\[12\]黄震.校园信息互动发布系统在智慧校园中的应用\[J\].数字技术与应用,2019,37(06):113+115.DOI:10.19695/j.cnki.cn12-1369.2019.06.63.**

**\[13\]袁淑华,许亮.校园信息发布系统后台的探究\[J\].黑龙江科技信息,2017(14):181.**

**\[14\]郭志宇.校园网多媒体信息发布系统应用\[J\].中国新通信,2015,17(10):93.**

**\[15\]谢志金,江歆皓.数字媒体发布系统轻量级部署\[J\].网络安全技术与应用,2014(11):205-207.**

**\[16\]曹隽,王桐刚,李学谦,潘明明.基于B/S架构的校园网信息发布与管理系统开发及应用\[J\].黑龙江生态工程职业学院学报,2014,27(02):19-21.**

**\[17\]祝国君,赵勤.数字媒体发布系统在学校中的应用\[J\].辽宁大学学报(自然科学版),2012,39(02):179-182.DOI:10.16197/j.cnki.lnunse.2012.02.006.**

**\[18\]付忠勇.校园网信息发布——XMT内容管理系统\[J\].中国民航飞行学院学报,2004(04):33-34+64.**

**\[19\]吴志刚,方滨兴,马涛,李亚萍.基于Web的信息资源发布模型\[J\].计算机应用研究,2000(03):21-23.**

**\[20\]孙逸行.校园网信息发布系统研究\[J\].北京交通管理干部学院学报,2000(01):38-42.**

**致 谢**

**逝者如斯夫，不舍昼夜。转眼间，大学生活便已经接近尾声，人面对着离别与结束，总是充满着不舍与茫然，我亦如此，仍记得那年秋天，我迫不及待的提前一天到了学校，面对学校巍峨的大门，我心里充满了期待：这里，就是我新生活的起点吗？那天，阳光明媚，学校的欢迎仪式很热烈，我面对着一个个对着我微笑的同学，仿佛一缕缕阳光透过胸口照进了我心里，同时，在那天我认识可爱的室友，我们携手共同度过了这难忘的两年。如今，我望着这篇论文的致谢，不禁又要问自己：现在，我们就要说再见了吗？**

**感慨莫名，不知所言。遥想当初刚来学校的时候，心里总是想着工科学校会过于板正，会缺乏一些柔情，当时心里甚至有一点点排斥，但是随着我对学校的慢慢认识与了解，我才认识到了她的美丽，她的柔情，并且慢慢的喜欢上了这个校园，但是时间太快了，快到我还没有好好体会她的美丽便要离开了，但是她带给我的回忆，永远不会离开我，也许真正离开那天我的眼里会满含泪水，我不是因为难过，我只是想将她的样子映在我的泪水里，刻在我的心里。最后，感谢我的老师们，是你们教授了我们知识与做人的道理；感谢我的室友们，是你们陪伴了我如此之久；感谢每位关心与支持我的人。**

**少年，追风赶月莫停留，平荒尽处是春山。**

**请关注点赞+私信博主，免费领取项目源码**

[e2247165c2dd4778a6a0f43bf4bd31fe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/10d7e2e2234f4804be2868c3340493b4.png
[97372b66d39f432daef64edb45fc7575.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/6886e7c24cef4b5fab2b478f00db8aeb.png
[c503dcc30a8e407480d5eebf2e5513ed.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/287ab8250b344694a89108ddf448d7ba.png
[5d5c58a3f2b4473989f288f00fcce912.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/ccbeb7c82f1040fdb3b6e4a5cc6c5dc7.png
[f6c00e9a46d442d2b74ca27174638ac8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/d00c401d516c45b9a34e7b6d7a69c547.png
[7de48d7e810348af9f2613afb6088d00.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/1e2d10595f9940729998c44e0135b2e5.png
[442d11a58484468c90f3229775c961af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/6e671f7ebbf541b4b5b88024c98f106a.png
[ed76d4be63bf49199bc08b6f637ec07f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/67744f24d24f4f0f94954192b22e06cb.png
[a9f08b408968452bbe3469ed424e37c5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/74051ec4eda54ad5b11ff73c50cc51be.png
[05eb8924e2794a89a08304d106f07ffc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/468d56d9d3224cf49ad6f0487745b7ff.png
[7ddea1be8d904c43851c9bc75e870375.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/417c989be4a247cba62c886e6195f9de.png
[5752b986ad5248d99e47b3b7fe38b7e4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/08a8e956235b4b1a99312e56eb339bd5.png
[0a2d827e8e944b60b66cbb91f2deefaf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/08101b0479df49d0a891653543bd5a50.png
[9043e82d758a4ea8a4c691cc41611b0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/7273fb1fc484463483820549696f7d69.png
[0006508bd20344afa9f6999014835a76.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/9a8058b06881414296d889dea5db80c1.png
[e36a56e0348a4a289417692b373166f6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/a1cfaa5747fd4ac088bb1de9639b4622.png
[5b79f9b55a87413e832be5e3fb789851.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/37a0705997894540beb6f9fa156ad389.png
[239859c9097f40fcaa4cf72278a8f869.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/3cb8f7d94f67457a9f8c7e694978c4fa.png
[e14a076be84b4f5b8337acd6cea455e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/952cb18b449b4bca860d7fa0e4db1233.png
[66011a216c1742b6b2b2c5cfde502201.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/70e556e067314d449c9bb27b9c084c8c.png
[3a85ea4c991145188f1396653ca8808b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/decce933db8e4780a1b4fc2e55e4916d.png
[0cb6586af88f45d1a12c9a84fb03ea91.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/696ee8b762a6444babcacceb574d7060.png
[9f41c262f58841289d04d17688c4aa2a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/8f32984e43204ad7a6e992a3da8a987e.png
[4fdddfdfa32f4d3d97197ed90b83c2e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/0bfb279b711e478caed8722a1f194279.png
[02659972c1a94d9e9749c4371318f67f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/a1dd458cb7db4397b5b6061c7639e3de.png
[1f71acd5c6bc46c98f7e62125717e452.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/ed5bc7fc904b4ca5aca97d3fb8158ec6.png
[548f96b332f246a9ab99b373849fbfb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/102a2d26b33342538d3978775932a89e.png
[383b620d61324fd2ae4daabd1316c4d0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/d372bd1febe9428e91e76c54419a1d74.png
[1035b2b70f0a41f182d546a64ebc31a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/71adb3460c7948ed89940c82d9b8ab3c.png