本文围绕五环体育新闻发布系统展开，分析了体育新闻传播背景与现状，采用面向对象开发模式，以 MySQL 为数据库，运用 Spring boot、JSP、Ajax 等技术实现系统功能。对系统进行了需求分析、设计、实现和测试，最终完成系统开发。
摘 要
体育新闻传播经历了以报纸为主导的近代单一发展时期;以通讯社、广播、报刊等多元化的发展时期;以电视为主导，广播、报刊等媒体多元竞争的时期;以及现如今新媒体涌现，各类媒体融合发展的新时期。近几年，新兴媒体的发展势头越发强健，改变着传统新闻传播格局的同时，拓宽着公众参与公众事务的空间。随着新兴媒体的快速发展，信息技术被应用到实际新闻传播中去，新闻传播介质和途径也在不断被革新。媒介融合的趋势日益凸显，传统媒体也开始借助于自身的优势信息平台和资源优势去不断整合新兴网络媒体资源。各种媒介融合成为媒体得以生存和发展的必然选择。
经过本人的综合考虑，五环体育新闻发布系统的设计是采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用Spring boot框架、JSP技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对五环体育新闻发布系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现五环体育新闻发布系统和部署运行使用它。
关键词：Springboot框架；Mysql数据库；体育新闻发布
Design and implementation of Wuhuan sports news release system
Abstract
Sports news communication has experienced a single modern development period dominated by newspapers; A period of diversified development of news agencies, radio, newspapers and periodicals; The period of multi-media competition dominated by television, radio, newspapers and other media; And now the emergence of new media and the integration and development of all kinds of media. In recent years, the development momentum of emerging media has become stronger and stronger. While changing the traditional news communication pattern, it has widened the space for the public to participate in public affairs. With the rapid development of emerging media, information technology has been applied to the actual news communication, and the media and ways of news communication are constantly being innovated. The trend of media integration is becoming increasingly prominent. Traditional media also began to integrate emerging network media resources with the help of their own advantages, information platform and resource advantages. The integration of various media has become the inevitable choice for the survival and development of media.
After my comprehensive consideration, the design of Wuhuan sports news release system adopts the object-oriented development mode for software development and hardware erection, which can well meet the needs of actual use, improve the corresponding software erection and program coding, take MySQL as the main storage unit of background data, and adopt spring boot framework, JSP technology Ajax technology encodes and develops the business system, and realizes all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various requirements and technical problems of the Wuhuan sports news release system, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the Wuhuan sports news release system and deploys it.
Key words:Springboot framework; Mysql database; Sports news release
目 录
致谢 43
第一章 绪论
1.1 研究背景与意义
随着全球媒介发展越来越重视娱乐精神的大背景下，体育新闻的娱乐化日益突出。出于商业目的，娱乐作为大众的兴趣点成为商家盯准的突破口，在体育媒体竞争激烈的今天被广泛重视。此外，由于体育赛事本身具有较强的趣味性、生动性、开放性和戏剧性，体育新闻娱乐化是大势所趋。当今的体育新闻不再是国家荣辱的传道者，它成为一种娱乐方式融入到人类的生活中来。无论是赛场内的专业赛事还是赛场外的体育明星趣谈，统统都被大众所接纳并追捧。在报道体育节目时，媒体更加注重故事性和趣味性，在激烈赛事中闪现的“花絮”新闻成为赛事消遣小菜，既放松了观众的情绪，又使体育报道更加亲民化、立体化。
随着体育新闻传播媒介的进一步融合，其传播方式愈加丰富多样。一方面，社会群体的多样化使得新闻媒介呈现向不同层次延展。对于传统观众来说,电视依旧是首要的媒介选择。而对于受到新媒介影响的年龄结构较低的年轻人、知识层次较高的知识分子和收入水平高的人群，他们更乐于选择非传统媒体，如网络媒体、手机新闻客户端、微信等。另一方面，由于媒体数量的增加造成媒体间竞争的加剧，媒体选择采用更新颖的新闻传播方式来吸引受众。通过在体育新闻发布中加入网络在线互动、现场连线、留言交流等内容，能够使受众更近距离的参与到节目中来;通过在网络视听节目中加入网友留言提问、相关内容专题链接等内容，能够使读者从不同层次了解感兴趣的内容。这些新颖的传播方式在一定程度上弥补了传统电视节目不能重复观赏缺憾的同时，还具有加深表达效果、拓宽表达范围的作用。
1.2 开发现状
体育新闻传播的发展依赖于人类社会生产力的发展，现代化技术的进步是体育新闻传播得以进一步繁荣的基石。当今，各类媒体如雨后春笋般不断涌现，计算机应用技术、数字化技术、信息技术等现代化技术为体育新闻传播提供了有力的技术保障,使体育新闻传播不断变革，以更加丰富的表现形式、不断强化的报道深度、逐渐拓宽的报到广度为体育爱好者提供着更优质的新闻体验。这些现代化的技术为体育传播媒体和受众群体之间搭建了一座沟通的桥梁，使体育新闻传播呈现多元化发展的同时，拉近了受众群体与媒体的距离。
1.3 主要工作及论文结构
本文的主要工作是研究如何将计算机和信息管理进行有机结合，从而利用Java语言以及Mysql数据库技术在Dreamweaver中实现了系统的功能模块，切实的开发出一套贴近￥新闻管理的实际，有效管理￥新闻的系统。
论文结构如下：
第一章绪论：主要对五环体育新闻发布系统的开发背景,研究现状，目的,及意义进行了分析。
第二章开发技术及软件：主要把系统开发工具进行介绍，另外讲解开发系统所用到的一些特殊功能技术。
第三章系统分析：主要是对五环体育新闻发布系统进行需求分析，以及对其数据流程与功能进行分析。
第四章系统设计：主要根据系统需求对系统的设计进行介绍，以及对数据的开发与功能模块设计的过程。
第五章系统实现：本章主要结合系统界面截图，介绍了系统各个功能实现的结果。
第六章系统测试：本章系统进行功能模块的测试，撰写测试用例，确保系统各大功能准确无误。
第七章总结与展望：对整个论文的研究内容进行总结，概括整个论文的特点，指出不足之处，为下步深究指明方向。
第二章 相关技术介绍
2.1 J2EE技术
人可以掌握多门外语，而一个计算机科学家精通的大多是编程语言，它不是人类的自然语言，比如C语言、Java、Perl等等。由于不同的公司开发出的“中间件”不够规范，所以Sun公司推出J2EE，用这个标准来解决弊病。它提供了良好的机制，让每个层次允许与之相对的服务器、组件运行，使得系统的搭建稳定可用、开发高效、维护方便。
2.2 MVVM模式
MVVM模式是常用的开发模式，主要是在代码实现上将其分为M层、V层和C层。
视图（View）代表用户交互界面，一个 Web 应用就可能有很多的界面，在 MVVM 模式中，视图仅仅处理的只有数据采集、处理，还有用户的请求， 并不包括业务流程的处理，业务流程由模型（Model）来处理。
模型（Model）就是业务流程/状态的处理及业务规则的制定。模型处理业务流程的过程其它层是无法看见了的，它就像黑箱子，在接受视图请求的数据之后，然后返回最终的处理结果。MVVM 最主要的核心就是业务模型的设计，一个典型的应用例子就是目前流行的 EJB 模型，它从应用技术实现的角度对模型做了进一步的划分，以便充分利用现有的组件，但是它不能作为应用设计模型的框架。
控制器（Controller）可以理解为接收用户的请求，然后视图和模型匹配在一起，一起再完成用户请求。它有非常明显的作用在划分控制层上，可以很清晰地告诉你，它就是一个分发器，选择什么样的模型、视图，可以完成用户的什么样的请求。控制层不做所有的数据处理，比如说：用户点击一个连接，控制层接受到请求之后，并不处理业务信息，它只是向模型传递用户的信息，同时告诉模型做什么，然后选择符合需求的视图返回给用户。
2.3 B/S结构
B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。
2.4 Spring boot框架
Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。
2.5 Mysql数据库
Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。
针对本文中设计的校园竞赛管理系统在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对校园竞赛管理系统后台数据进行存储操作。
第三章 系统分析
3.1 可行性分析
开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。
3.1.1 技术可行性
技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Java开发语言，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。
3.1.2 经济可行性
系统所采用的主流的Spring boot框架进行系统主体框架的搭建和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。
3.1.3 社会可行性
本系统是自行开发的系统，以方便高效管理校园竞赛为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。
3.2 系统功能需求
用户用例图如下所示。
图3-1 用户用例图
管理员用例图如下所示。
图3-2 管理员用例图
通过对用例图的分析和调查，根据本系统的实际需要，从用户角度提出需求功能如下：
1.管理员功能需求：
用户管理模块：管理员查看用户基本信息，并实现对用户信息的增加、删除、修改等功能。
修改登录密码模块：修改管理员用户的登录密码。
注册管理模块：管理员查看用户注册信息，内容，审核。
内容管理模块：管理员发布公告可对其删除、修改。
体育资讯信息管理模块：管理员查看体育资讯表，并且添加体育资讯数据，也能够删除体育资讯数据。
调查问卷模块：根据用户的实际提交的调查问卷表，管理员对调查问卷表信息的维护管理等操作。
2.用户功能需求：
用户注册模块：将用户信息录入数据库，用户利用注册的账号以及密码登录系统，浏览查看各种信息，添加部分信息；
留言模块：用户以留言的形式，跟管理员交流。
评论模块：用户评论竞赛内容，查看其他对竞赛内容等的评论内容。
个人信息模块：修改信息功能，用户修改个人资料信息，但不能修改账号；密码修改功能，修改登录密码。
调查问卷模块：在系统进行在线调查问卷提交。
体育资讯模块：可以在系统上查看体育资讯信息。
3.3 系统性能需求
评判一个系统好坏的一项重要指标就是性能，下面是对此系统的一些性能进行阐述。
1.系统的安全性和稳定性: 五环体育新闻发布系统在管理权限上有着严格的控制，即想登录此平台进行操作，则必须要有操作权限，没有权限的用户是不可能登录平台查看任何的信息和数据，从而确保了系统的安全性。
2.数据的完整性和准确性：第一个是各项记录信息的完整性，信息记录的内容可以为空；第二个是各项信息数据之间相互联系的准确性；第三个是数据在不同记录信息的一致性
3．用户操作系统简单方便
在系统开发中按照“简单易用”的原则，能够使用户对系统的使用一目了然，既能保证用户使用，同时又能保证维护人员方便维护。
3.4 业务流程分析
业务流程图不仅能反映出内部业务之间的关系，而且能体现出作业顺序及信息的流动。校园竞赛管理系统必须支持整个组织在不同层次上的各种功能，各个功能模块之间又有各种不同相关的信息进行联系，构成了一个有机的整体，根据校园竞赛管理的特点以及结合所面临的实际情况，设计出了系统的业务流程图。
系统的业务流程如下图所示。
图3-1系统业务流程图
3.5 数据流程分析
在分析了系统的业务流程之后，就要分析系统的数据流，为后面设计系统的数据库做好基础。这里主要利用数据流程图来说明数据流程。数据流程图是一个图示工具，容易理解，容易在开发和用户方之间进行交流，以及在开发组织内部交流。因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中。
系统的顶层数据流图如下图所示。
图3-2系统数据流图（顶层）
根据系统的业务流程，用户浏览所使用到的数据归纳为输出信息。而用户提交的数据则作为系统的输入数据。相应的，根据系统管理员业务流程，管理员对系统内容的添加、更新和删除等所操作的数据定义为输入信息。
系统的底层数据流图如下图所示。
图3-3系统数据流图（底层）
第四章 系统设计
4.1 系统架构设计
MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。它强制性的把应用程序的输入、输出和处理全部分开，将其分为三个核心部分，这三个部分分别有不同的功能。
图4-1系统架构图
视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。
模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVVM 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVVM最稳定的部分。
控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操作来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。
4.2 总体结构设计
根据对系统的功能进行分析可以总结校园竞赛管理系统的具体功能模块包括下面的几个主要的功能模块：该系统主要从两大模块进行设计的，首先就是用户参与操作需要的模块，此外还需要有管理员用到的模块，两者之间不是互相独立的，他们之间有着密切的联系，同数据库表中的数据连接起来进行操作。每个模块访问相同的数据库，但访问的表不同。系统的各个功能模块是根据所收集的资料研究得到的。在以上分析功能的基础上，系统模块分为多个模块。用户含有的功能有注册，登录，信息搜索，论坛交流、体育资讯搜索、调查问卷、论坛分类等，退出登录等功能，管理员含有的功能有修改密码，用户管理、体育资讯管理、交流论坛管理、内容管理、调查问卷管理等功能。
系统的功能结构图如下图所示。
图4-2系统功能结构图
4.3 功能模块设计
4.3.1 用户模块
用户模块主要实现用户的注册、登录、竞赛信息搜索、在线评论、在线报名、风采展示、个人资料修改、登录密码修改、竞赛成绩查询等功能。
用户注册：用户通过账号注册得到用户名和密码。
用户登录：用户在被管理员添加成功后，通过管理员提供的用户名、密码和输入验证码进行登录，操作非常简单。
个人资料管理：用户根据用户ID修改当前ID的一些属性的值。
修改个人登录密码：用户登录校园竞赛管理系统后可以自己修改自己的密码。
体育资讯信息搜索：用户可以在线搜索并查看系统发布的不同体育资讯信息。
调查问卷：用户可以对在线参加问卷调查提交。
资讯展示：用户可以在系统看到体育新闻资讯信息。
4.3.2 管理员模块
管理员模块是本系统重要开发部分，它的使用对象是系统管理员，在进入管理员模块前，需要输入正确的用户姓名、密码和验证码，才能进入管理员模块。界面右上方有退出系统按钮，点击可退出管理员模块界面。
系统用户管理：管理员添加、管理、查询管理员信息并有修改他们密码的权限。
评论管理：管理校园竞赛的评论信息。
注册用户管理：管理员管理已注册的用户，审核刚注册的用户，修改用户的基本信息。
体育资讯信息管理：管理员录入体育资讯信息，跳转至添加体育资讯页面，填写体育资讯信息，提交后，体育资讯信息存储数据库的体育资讯信息表中，包括体育资讯分类、体育资讯名称、体育资讯图标、报名方式、等信息。
内容管理：竞赛内容信息管理包括竞赛活动信息录入、竞赛活动信息修改、肌酐活动信息删除，在数据库中设计并建立竞赛活动信息表，管理员添加竞赛活动信息，即往数据表中插入一条数据，删除竞赛活动信息，则在数据库删除一条数据，修改竞赛活动信息，则修改数据库的数据。
4.4 数据库设计
4.4.1 概念设计
E-R图一般是由实体、实体的属性与联系三个要素组成的。在规划系统中所使用的数据库实体对象及实体E-R图，则需要通过对系统的需求分析、业务流程设计和系统功能结构来确定的。
总体ER图如下图所示。
图4-3总体ER图
4.4.2 逻辑设计
将实体属性模型转换为关系数据库应该遵循以下几个原则：
1.一个实体转换后要对应一个关系。
2.所有的主键必须要定义为非空（not null）。
3.针对二元联系也应该按照一对多、弱对实、一对一和多对多等联系来定义外键。
得到数据库的关系后，设计如下表结构。
ordinary_users表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| ordinary_users_id | int | 11 | 是 | 是 | 普通用户ID |
| full_name | varchar | 64 | 否 | 否 | 姓名 |
| gender | varchar | 64 | 否 | 否 | 性别 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| user_id | int | 11 | 是 | 否 | 用户ID |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
notice表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| notice_id | mediumint | 8 | 是 | 是 | 公告id： |
| title | varchar | 125 | 是 | 否 | 标题： |
| content | longtext | 0 | 否 | 否 | 正文： |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
hits表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| hits_id | int | 10 | 是 | 是 | 点赞ID： |
| user_id | int | 11 | 是 | 否 | 点赞人： |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| source_table | varchar | 255 | 否 | 否 | 来源表： |
| source_field | varchar | 255 | 否 | 否 | 来源字段： |
| source_id | int | 10 | 是 | 否 | 来源ID： |
exam_question表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| exam_question_id | mediumint | 8 | 是 | 是 | 问卷调查 |
| type | varchar | 20 | 否 | 否 | 类型 |
| title | varchar | 255 | 否 | 否 | 题目 |
| question_item | varchar | 500 | 否 | 否 | 选项 |
| answer | varchar | 500 | 否 | 否 | 参考答案 |
| score | double | 8 | 否 | 否 | 总分 |
| question_order | int | 11 | 否 | 否 | 排序 |
| exam_id | mediumint | 8 | 否 | 否 | 所属试卷 |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
comment表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| comment_id | int | 11 | 是 | 是 | 评论ID： |
| user_id | int | 11 | 是 | 否 | 评论人ID： |
| reply_to_id | int | 11 | 是 | 否 | 回复评论ID：空为0 |
| content | longtext | 0 | 否 | 否 | 内容： |
| nickname | varchar | 255 | 否 | 否 | 昵称： |
| avatar | varchar | 255 | 否 | 否 | 头像地址：[0,255] |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| source_table | varchar | 255 | 否 | 否 | 来源表： |
| source_field | varchar | 255 | 否 | 否 | 来源字段： |
| source_id | int | 10 | 是 | 否 | 来源ID： |
collect表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| collect_id | int | 10 | 是 | 是 | 收藏ID： |
| user_id | int | 10 | 是 | 否 | 收藏人ID： |
| source_table | varchar | 255 | 否 | 否 | 来源表： |
| source_field | varchar | 255 | 否 | 否 | 来源字段： |
| source_id | int | 10 | 是 | 否 | 来源ID： |
| title | varchar | 255 | 否 | 否 | 标题： |
| img | varchar | 255 | 否 | 否 | 封面： |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
第五章 系统实现
5.1 数据库连接模块的实现
从web系统查询数据的根本的查询步骤：
Step1: 进行检查并且过滤来自用户的系统数据；
Step2: 成立起一个合适的数据库进行连接；
Step3: 进行查询系统数据库；
Step4: 获得查询的结构；
Step5: 把查询的结果展示给用户。
Step6: 数据库连接断开，释放资源。
数据库连接原理如下图所示。
图5-1数据库连接原理
数据库连接关键代码如下所示。
port: 5000
servlet:
context-path: /api
spring:
datasource:
url: jdbc:mysql://127.0.0.1:3306/CS725260_20211101091736?serverTimezone=GMT%2B8&useSSL=false&characterEncoding=utf-8
username: root
password: root
driver-class-name: com.mysql.cj.jdbc.Driver
jackson:
property-naming-strategy: CAMEL_CASE_TO_LOWER_CASE_WITH_UNDERSCORES
default-property-inclusion: ALWAYS
time-zone: GMT+8
date-format: yyyy-MM-dd HH:mm:ss
servlet:
multipart:
max-file-size: 100MB
max-request-size: 100MB
5.2 登录模块的实现
为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。
用户登录流程图如下所示。
图5-2用户登录流程图
登录界面如下图所示。
图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.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, "账号或密码不正确");
}
}
5.3 用户模块的实现
5.3.1 注册模块的实现
用户输入用户名、密码、电话、姓名等必填信息后，点击注册按钮完成用户的注册。
用户注册流程图如下所示。
图5-5用户注册流程图
用户注册界面如下图所示。
图5-5用户注册界面
用户注册关键代码如下所示。
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
query.put("username",user.getUsername());
List list = service.select(query, new HashMap<>()).getResultList();
if (list.size()>0){
return error(30000, "用户已存在");
}
user.setUserId(null);
user.setPassword(service.encryption(user.getPassword()));
service.save(user);
return success(1);
}
/**
* 用户ID：[0,8388607]用户获取其他与用户相关的数据
*/
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "user_id")
private Integer userId;
/**
* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
*/
@Basic
@Column(name = "state")
private Integer state;
/**
* 所在用户组：[0,32767]决定用户身份和权限
*/
@Basic
@Column(name = "user_group")
private String userGroup;
/**
* 上次登录时间：
*/
@Basic
@Column(name = "login_time")
private Timestamp loginTime;
/**
* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
*/
@Basic
@Column(name = "phone")
private String phone;
/**
* 手机认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "phone_state")
private Integer phoneState;
/**
* 用户名：[0,16]用户登录时所用的账户名称
*/
@Basic
@Column(name = "username")
private String username;
/**
* 昵称：[0,16]
*/
@Basic
@Column(name = "nickname")
private String nickname;
/**
* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
*/
@Basic
@Column(name = "password")
private String password;
/**
* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
*/
@Basic
@Column(name = "email")
private String email;
/**
* 邮箱认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = "email_state")
private Integer emailState;
/**
* 头像地址：[0,255]
*/
@Basic
@Column(name = "avatar")
private String avatar;
/**
* 创建时间：
*/
@Basic
@Column(name = "create_time")
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Timestamp createTime;
@Basic
@Transient
private String code;
}
5.3.2 体育资讯模块的实现
用户点击某个体育资讯进入竞赛详细页，点击评论按钮进入竞赛页，搜索体育资讯。
体育资讯流程图如下所示。
图5-9体育资讯流程图
体育资讯界面如图所示。
图5-10体育资讯界面
体育资讯关键代码如下所示。
@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);
}
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){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作：{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
5.3.3 调查问卷模块的实现
用户点击某个问卷想详细页面，点击编辑调查问卷按钮进入报名调查问卷页，提交报名调查问卷信息，管理员管理用户的报名调查问卷信息，审核报名调查问卷信息。
调查问卷流程图如下所示。
图5-12调查问卷流程图
调查问卷界面如图所示。
图5-13调查问卷界面
调查问卷关键代码如下所示。
public Map<String, Object> getList(HttpServletRequest request) {
Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
}
5.4 管理员模块的实现
5. 4.1 用户管理模块的实现
系统用户管理主要是对新用户的添加和旧用户的删除。新用户的添加主要是指添加用户名称并确定其密码；旧用户的删除也是从下拉菜单中找到对应的用户名称将其删除。不论是新用户添加还是旧用户的删除，这个权限只有管理员具有。
用户管理流程图如下所示。
图5-15用户管理流程图
用户管理界面如下图所示。
图5-16用户管理界面
系统用户管理关键代码如下所示。
@RequestMapping(value = {"/count_group", "/count"})
public Map<String, Object> count(HttpServletRequest request) {
Query count = service.count(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
5.4.2 体育资讯管理模块的实现
体育资讯管理功能主要指对其体育资讯类型、体育资讯名称、体育资讯内容等一些基本信息的添加、删除和修改。
体育资讯管理流程图如下所示。
图5-19体育资讯管理流程图
体育资讯管理如下图所示。
图5-20体育资讯管理界面
体育资讯管理关键代码如下所示。
@RequestMapping(value = {"/avg_group", "/avg"})
public Map<String, Object> avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
5.4.3 调查问卷管理模块的实现
用户选择调查问卷记录，管理员审核调查问卷信息，管理所有用户的问卷信息记录。
调查问卷管理流程图如下所示。
图5-25调查问卷管理流程图
调查问卷界面如下所示。
图5-27调查问卷界面
调查问卷关键代码如下所示。
@RequestMapping("auth")
public class AuthController extends BaseController<Auth, AuthService> {
/**
* 服务对象
*/
@Autowired
public AuthController(AuthService service) {
setService(service);
}
}
第六章 系统测试
6.1 测试目标
系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。
1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。
2.好的测试方案是可以检验出还未被发现的错误的方案。
3.好的测试是发现了到目前为止还未被发现的错误的测试。
4.该系统能够完成体育资讯发布，论坛交流，论坛分类管理，问卷调查管理，系统维护等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。
6.2 功能测试
下表是体育资讯管理系统的测试用例，检测了体育资讯管理中对体育资讯信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-1 体育资讯管理的测试用例
| 功能描述 | 用于体育资讯管理 | |
| 测试目的 | 检测体育资讯管理时的各种操作的运行情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 点击添加体育资讯，必填项合法输入，点击保存 | 提示添加成功 | 与预期结果一致 |
| 点击添加体育资讯，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改体育资讯，必填项修改为空，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击修改体育资讯，必填项输入不合法，点击保存 | 提示必填项不能为空 | 与预期结果一致 |
| 点击删除体育资讯，选择体育资讯删除 | 提示删除成功 | 与预期结果一致 |
| 点击搜索体育资讯，输入存在的体育资讯名 | 查找出体育资讯 | 与预期结果一致 |
| 点击搜索体育资讯，输入不存在的体育资讯名 | 不显示体育资讯 | 与预期结果一致 |
下表是调查问卷管理功能的测试用例，检测了调查问卷管理中，调查问卷单的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。
前置条件；用户登录系统。
表6-2 调查问卷管理的测试用例
| 功能描述 | 用于调查问卷管理 | |
| 测试目的 | 检测调查问卷管理时各种操作的情况 | |
| 测试数据以及操作 | 预期结果 | 实际结果 |
| 未选择校园竞赛，点击提交 | 提示请选择校园竞赛 | 与预期结果一致 |
| 未上传附件，点击提交 | 提示请选择附件 | 与预期结果一致 |
| 未选择原因，点击提交 | 提示请选择原因 | 与预期结果一致 |
6.3 测试结果
根据以上测试情况，测试结果如下表所示。
表6-1测试结果表
| 测试项目 | 测试结果 |
| 登录测试 | 成功 |
| 修改密码测试 | 成功 |
| 论坛分类测试 | 成功 |
| 体育资讯测试 | 成功 |
| 调查问卷测试 | 成功 |
| 用户信息测试 | 成功 |
| 用户管理测试 | 成功 |
| 资讯分类管理测试 | 成功 |
| 交流论坛管理测试 | 成功 |
| 内容管理测试 | 成功 |
第七章 总结与展望
本研究针对五环体育新闻发布系统地需求建模，数据建模及过程建模分析设计并实现五环体育新闻发布系统的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现五环体育新闻发布系统的前后端代码。最终给出系统集成整合方法，完成系统的设计与实现。
在此项目的开发中，先要按照产品经理做出的产品模型铺出大体的页面，并在其中找好页面的逻辑关系，并且中途总结一些页面上的问题重新反馈给产品经理，当静态页面的搭建的大体已经完善时，就需要和负责后台开发的技术开发者联系，来接好前后台的数据接口，可以让后台的信息在前台显示出来，在这个项目实现中，不光明白了前端开发和产品经理的联系，也明白了后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。
参考文献
- 陈甜甜.融合、协同与共享：新文科背景下体育新闻实践课程的建设与创新[J].视听,2022(02):172-175.
- [2]徐扬.智媒时代体育新闻的沉浸式传播途径——以《冬奥零距离》为例[J].传播与版权,2022(02):52-54.
[3]刘润润.热点、独家与正能量——新媒体视角下的体育新闻流量观[J].新纪实,2021(27):86-89.
[4]吴珈蓝.媒介伦理视角下体育新闻报道娱乐化现象探析[J].南京体育学院学报,2021,20(08):54-58.
[5]水清宴,郭宁.大数据背景下体育新闻数据挖掘与分析[J].中国报业,2021(06):110-111.
[6]李敬民.新媒体视域下体育新闻传播现状及策略探析[J].长春大学学报,2020,30(04):72-76.
[7]汪明竞男.媒介融合视域下体育新闻的传播与创新[J].西部广播电视,2019(23):55-56.
[8]刘晓丽. 全媒体时代体育赛事危机传播管理研究[D].武汉体育学院,2019.
[9]卢欣洋. 新浪、腾讯体育2016-2017 CBA季后赛传播特点研究[D].沈阳体育学院,2018.
[10]苏锐. 国内专业体育网站传播策略研究[D].重庆大学,2018.
[11]刘惠芳.新闻应在哪里首发——《卫报》网络体育新闻的发布策略[J].青年记者,2018(15):68-69.
[12]杨宪伟,徐莉.基于ASP.NET体育新闻发布管理系统的开发与研究[J].忻州师范学院学报,2018,28(05):17-19.
[13]张志勇.我国体育新闻发布现状研究[J].科技信息(科学教研),2018(17):521+560.
[14]张曙光. 中国体育新闻官应对大众传媒的方略研究[D].北京体育大学,2018.
[15] Wang Mingjing, male Integration of news media and sports media innovation [J] Western radio and television, 2019 (23): 54-58
[16] Shuiqing banquet, Guo Ning Data mining and analysis of sports news under the background of big data [J] China newspaper industry, 2020 (08): 110-112
致谢
在此论文完成之际，感谢我的指导老师。在指导老师的网页设计课上，当时我学到了很多东西，这对于我实习过程中也打了一定的基础，而且指导老师对于我的设计也提出许多建议，并予以悉心的指导，对于一些细小的问题都耐心的指导我去完善，授予我写论文的好友，时常的鼓励我，另外感谢教导我完善此项目的前端同学，对于这个项目，我是边学习边实现完成的，有许多东西开始并不是很明白，但前端开发的同学非常耐心的引导我去将这个项目完成，在系统的后端开发中，所用到的后台开发技术也时常会给我讲解，助于我更好的将论文完成，在此对帮助到我的同学和一直予以教导的指导老师致以衷心的感谢，祝事业有成。
扫一扫
450
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
