基于vue框架的实时新闻推送平台的设计与实现(论文+源码)_kaic_基于vue框架的实时新闻推送平台的设计与实现(论文+源码)-kaic.zip

摘  要

21世纪的今天，随着社会的不断发展与进步，人们对于信息科学化的认识，已由低层次向高层次发展，由原来的感性认识向理性认识提高，管理工作的重要性已逐渐被人们所认识，科学化的管理，使信息存储达到准确、快速、完善，并能提高工作管理效率，促进其发展。
论文主要是对新闻发布系统进行了介绍，包括研究的现状，还有涉及的开发背景，然后还对系统的设计目标进行了论述，还有系统的需求，以及整个的设计方案，对系统的设计以及实现，也都论述的比较细致，最后对新闻发布系统进行了一些具体测试。
本文采用VUE技术构建的一个管理系统，实现了一个新闻发布系统。新闻发布系统的主要实现功能包括：管理员：首页、个人中心、用户管理 、新闻分类管理 、新闻信息管理、新闻投稿管理、论坛管理、我的收藏管理、投诉建议管理、系统管理。前台首页：首页、新闻信息、新闻投稿、论坛信息、投诉建议、我的、跳转到后台、聊天信息等功能。用户后台：首页、个人中心、新闻投稿管理、论坛管理、我的收藏管理等等通过这些功能模块的设计，基本上实现了整个新闻发布系统的全过程。
具体在系统设计上，新闻发布系统采用的数据库是Mysql，使用VUE技术开发是一个非常优秀的新闻发布系统。

关键词 ：新闻发布系统；VUE，Mysql  
 

Abstract

Today in the 21st century, with the continuous development and progress of society, people's understanding of information science has developed from the low level to the high level, from the original perceptual knowledge to the rational knowledge. The importance of management has been gradually recognized by people. Scientific management makes information storage accurate, fast and perfect, and can improve work management efficiency and promote it Development.

This paper mainly introduces the news release and management system, including the current situation of the research, the development background involved, and then discusses the design objectives of the system, as well as the requirements of the system, as well as the whole design scheme. The design and implementation of the system are also discussed in detail. Finally, the news release and management system is discussed in detail Some specific tests are carried out.

This paper uses SSM technology to build a management system, and implements a news release and management system. The main functions of news release and management system include: Administrator: homepage, personal center, system announcement management, news information management, news column management, system management, administrator management, user: homepage, personal center, personal information and other functions. Through the design of these functional modules, the whole process of news release and management system is basically realized.
Specifically in the system design, the database used in the news release and management system is mysql, and the development using SSM technology is a very excellent news release and management system.
Key words: news release and management system; SSM, MySQL

  

目    录
1 概述
1.1课题背景及意义
1.2 国内外研究现状
1.3 本课题主要工作
2 系统开发环境
2.1  Java简介
2.2 Mysql数据库
2.3 VUE技术介绍
2.4 MyEclipse开发环境
2.5 Tomcat服务器
3 系统分析
3.1 可行性分析
3.1.1 技术可行性
3.1.2操作可行性
3.1.3 经济可行性
3.1.4 法律可行性
3.2系统流程分析
3.2.1系统开发流程
3.2.2 用户登录流程
3.2.3 系统操作流程
3.2.4 添加信息流程
3.2.5 修改信息流程
3.2.6 删除信息流程
3.3系统用例分析
3.3.1管理员用例图
3.3.2用户用例图
4 系统设计
4.1 系统概述
4.2 系统结构设计
4.3数据库设计
4.3.1 数据库设计原则
4.3.2 数据库实体
4.3.3 数据库表设计
5系统界面实现
5.1前台首页功能模块
5.2  管理员功能模块
5.2.1 个人中心
5.2.2 用户管理 
5.2.3 新闻分类管理 
5.2.4 新闻信息管理
5.2.5系统管理
5.2.6投诉建议管理
5.3 用户功能模块
6系统测试
6.1系统测试的意义
6.2 测试方法
6.3测试分析
结    论
致    谢
参考文献

 
1 概述
1.1课题背景及意义
随着现代网络技术发展，对于新闻发布系统的设计现在正处于发展的阶段，所以对的要求也是比较严格的，要从系统的功能和用户实际需求来进行对系统制定开发的发展方式，依靠网络技术的的快速发展和现代通讯技术的结合为人们带来方便，可以方便用户网上查看，还可以通过这些技术实现在线查看等过程。当今社会互联网急速发展，电子商务系统也在国内爆炸式的发展起来。这种网络模式对长期使用互联网社会产生了深远的的影响，在这种社会环境下开发一个适用于用户都可以操作的、简单的、便捷的新闻发布系统的发展前景是非常好的。
以往的新闻发布系统相关信息管理，都是工作人员手工统计。这种方式不但时效性低，而且需要查找和变更的时候很不方便。随着科学的进步，技术的成熟，计算机信息化也日新月异的发展，社会也已经深刻的认识，计算机功能非常的强大，计算机已经进入了人类社会发展的各个领域，并且发挥着十分重要的作用。本系统利用网络沟通、计算机信息存储管理，有着与传统的方式所无法替代的优点。比如计算检索速度特别快、可靠性特别高、存储容量特别大、保密性特别好、可保存时间特别长、成本特别低等。在工作效率上，能够得到极大地提高，延伸至服务水平也会有好的收获，有了网络，新闻发布系统的各方面的管理更加科学和系统，更加规范和简便。
1.2 国内外研究现状
随着计算机网络的不断渗透，人们的生活与工作、学习的方式也在慢慢发生变化。传统的新闻发布系统相关信息管理方式一般都采取人工的方式，信息的获取、整理、修改、存储等工作还停留在人工阶段。这种方式一方面需要花费大量的人力、物力和金钱，交互起来比较困难，而且会浪费时间；另一方面对用户等信息的管理，特别是随着用户数量的递增，查询、修改起来特别困难；最后由于用户等其他信息的不断增加，信息的存储也成为了难题。
一些发达国家，网络发展比较快，已经很大程度上完成了从人工到计算机管理的转变。我国计算机应用起步比较晚，而且发展区域不平衡，还有很多地区或单位使用传统的方式进行管理，但是目前计算机发展较快，包括网络也已经普及，很多单位和用户也开始慢慢接触网络管理系统。纵观这些系统主要有以下几个特点：
(1)先进性：实现网络化管理。
(2)通用性：同一行业基本都能使用。
(3)方便性：通过网络就能完成管理工作。
(4)及时性：信息更新及时。
(5)可扩展性：可根据需要进行模块的增加。
(6)安全性：对单位、用户等信息进行加密。
截至如今，互联网已经深入人们的生活，智能手机、笔记本电脑等已经是人们获取信息的主要工具，这是一个沟通无限的时代，因此，利用网络来进行新闻发布系统的管理也成为大势所趋，所以，开发一个新闻发布系统是必须的。
1.3 本课题主要工作
一开始，本文就对系统内谈到的基本知识，从整体上进行了描述，并在此基础上进行了系统分析。为了能够使本系统较好、较为完善的被设计实现出来，就必须先进行分析调查。基于之前相关的基础，在功能上，对新系统进行了细致的分析。然后通过详细的分析，进行系统设计，其次，系统在实施的可行性上，我选择了VUE技术来进行开发设计，在数据存储上，采用 Mysql数据库来进行设计。由于VUE和Mysql都已经非常成熟，因此无论在各个方面，都非常可靠安全实用。最后对系统进行测试完善并发布。
 
2 系统开发环境  
2.1 Java技术
Java技术它是一个容易让人学会和使用的一门服务器语言。它在编程的过程当中只需要很少的知识就能建立起一个真正的交互站点。对于这个教程来说它并不需要你完全去了解这种语言，只要能快速融入web站点就可以，还可以进行一些基本知识的编程就可以。
现代社会中，使用Java语言做动态网页是最常用的，主要是Java比较简单易懂，用户掌握的web 服务器编写脚本。Java语言技术在编程技术中具有一定的安全性和跨平台性功能，并且它可以直接支持分布式的网络应用和效率。在Java语言技术当中它的功能是方便简单的。对于这个语言技术来说它就像万花筒一样在进行开发的时候可以随机进行组合最后变成不同颜色的花瓣。随着现在互联网的快速发展和电子商务的不断发展，在各行各业的设施基础上都开始应用到了计算机，对于过去传统的的管理方式和客户需求都不能满足现在正常的供求关系，所以我们必须通过添加现在的新技术来满足客户的需求。从目前来看，Java技术已经在动态网页中应用的是比较广泛的一门技术。
Java语言具有非常多种的特性：（1）跨平台的无关性；（2）面向对象； （3）安全性得以保障；（4）支持多个任务；（5）多种编写方式，代码编写简单。对比其他的低级语言、高级语言，Java语言具有明显的显著优势以及未来开阔的前景，可以广泛的应用在个人笔记本电脑、大数据、大型游戏等等。
Java语言具有面向对象的特性，并且易于理解。关于对象，其实可以理解成每一种事物都是一种对象，包括我们人类自身都是一种对象。利用面向对象语言的基本特征来解决软件开发中的实际问题，为有效软件开发提供了技术支持。
2.2 MyEclipse开发环境
MyEclipse支持广泛、兼容性高并且功能强大，是一个Eclipse 插件集合，普遍适应于JAVA和J2EE的系统开发，支持 JDBC，Hibernate，AJAX，Struts，Java Servlet，Spring，EJB3等市面上存在的几乎所有数据库链接工具和主流Eclipse产品 开发工具。 
MyEclipse在业内是所熟知的开发工具，该平台在开发的过程中运用的就是该工具。MyEclipse又被称之为企业级的工作平台，它是以Eclipse IDE为基础的。MyEclipse可以帮助我们进行数据库的研发和J2EE的使用，除此之外，还可以提高系统的运营能力，这突出表现在服务器的整合过程中。MyEclipse的功能相当完备，能够为J2EE的集成提供必要的环境支持，从而完成编码、测试、调试及发布等功能。它可以支持VUE，HTML，SQL，Javascript，Struts， CSS等。
2.3 VUE技术介绍
VUE技术本身是一种脚本语言，但它的功能是十分强大的，因为它可以使用所有的JAVA类。当它与JavaBeans 类进行结合时，它可以使显示逻辑和内容分开，这就极大的方便了用户的需求。JavaBeans 可以对VUE技术的程序进行扩展，从而形成新的应用程序，而且JavaBeans的代码可以重复使用，所以就便于对程序进行维护。JavaBean 组件有内部的接口，可以帮助不同的人对系统进行访问。1999年，Sun微系统公司正式推出了VUE技术，这是一种动态技术，是基于整个JAVA体系和JavaServlet提出的，是具有普遍适用性的WEB技术，也是本系统设计的核心技术之一。VUE技术能够极大的提高WEB网页的运行速度。这些内容会与脚本结合，并且由JavaBean和Servlet组件封装。所有的脚本均在服务器端运行，VUE引擎会针对客户端所 提交的申请进行解释，然后生成脚本程序和VUE标识，然后通过HTML/XML页面将结果反馈给浏览器。因此，开发人员亲自设计最终页面的格式和HTML/XML标识时，完全可以使用VUE技术。
所以结合新闻发布系统的需求及功能模块的实现，使用VUE技术是最合适的，而且VUE的拓展性比较好，对于系统在后期使用过程中可以不断对系统功能进行拓展，是系统更完成，更方便的满足用户管理。 

2.4 Tomcat服务器
Tomcat属于一种轻型的服务器，所以说在中小企业中并不具有普适性。但是当程序员需要开发或调试VUE 程序时，则通常会将该服务器作为首选。对于一个仅具有计算机基础知识的人来说，计算机系统具有一个好的Apache服务器，可以很好的对HTML 页面进行访问。Tomcat 虽然是Apache的扩展，但是它们都是可以独立运行的，二者是不互相干扰的。当配置正确的时候，Apache服务器为HTML 页面的运行提供技术支持，Tomcat 的任务则是运行Servle和VUE 页面。Tomca也具有一定的HTML页面处理功能。

2.5 Mysql数据库
Mysql是一个多用户、多线程的服务器，采用SQL的数据库，数据库管理系统是基于SQL的客户以及服务器模式的关系，它的优点有强大的功能、操作简单、管理方便、可靠安全、运行较快、多线程、跨平台性、完全网络化、稳定性等，非常适合Web站点或者其他应用软件，在数据库后端的开发。此外，利用许多语言，会员可以编写和访问Mysql数据库的程序。Mysql数据库也是开放源代码的，开发者越来越喜欢使用Mysql关系数据库，应用范围也被推而广之。这是由于速度快和易用性， Web站点或应用软件的数据库后端的开发也都在使用它。
mysql 数据库它有很多的优点，例如它在操作上能够让人通俗易懂、功能强大、信息储存量高等优点。所以被人们广泛应用，对于mysql数据库来说它一般主要是对数据进行编码和查询，而且在很多的设计当中都应用到了该数据库，在此过程当中我们可以对常规的数据进行查询和组合，所以我们在进行使用mysql数据库的时候只要对编写一小段的数据就能实现相应的功能。数据库，就是数据存储的储藏室，只不过数据是存储在计算机上的，而不是现实中的储藏室，数据的存放是按固定格式，而不是无序的，则定义就是 ：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要包括数据表的建立，数据存储、修改和增加数据，为了使数据库系统能够正常运行，相关人员进行的管理工作。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。
3 系统分析
所谓系统分析就是，需求人员通过与客户的沟通，所获取的信息，然后把这些信息通过需求说明书的方式展示给用户和开发人员。在软件功能发展的历史长河中，很长时间，特别是最开始的时候，需求分析的重要性并不被人们所认同，例如当时美国IBM公司为英国电信公司开发一套信息管理系统，在需求不明确的情况下开始开发，最初的工期为一年，由于需求获取不清晰导致工期推迟了半年多，造成巨大损失。我们很多软件公司也存在这种情况，边需求，边开发，甚至与客户没有沟通清楚的情况下，直接照搬同类型的项目进行更改，导致到系统验收的时候，重新更改，造成了人力、物力的极大浪费。而导致这一切后果的原因就是需求获取不及时、不清楚、不全面。
3.1 可行性分析
新闻发布系统主要目标是实现网上查看新闻发布的相关信息管理服务。在确定了目标后，我们从以下四方面对能否实现本系统目标进行可行性分析。
3.1.1 技术可行性
新闻发布系统主要采用VUE技术，Mysql数据库，对于应用程序的开发要求具备完整功能，使用简单的特点，并建立一个数据完整安全稳定的数据库。新闻发布系统的开发技术具有很高可行性，且开发人员掌握了一定的开发技术，所以系统的开发具有可行性。
3.1.2操作可行性
新闻发布系统的登录界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，只要平时使用过电脑都能进行访问操作。此系统的开发采用SSM语言开发，这些开发环境使系统更加完善。本系统具有易操作、易管理、交互性好的特点，在操作上是非常简单的。因此本系统可以进行开发。
3.1.3 经济可行性
新闻发布系统采用Mysql数据库储存数据，所要求的硬件和软件环境，市场上都很容易购买，程序开发主要是管理系统的开发和维护。所以程序在开发人力、财力上要求不高，而且此系统不是很复杂，开发周期短，在经济方面具有较高的可行性。
3.1.4 法律可行性
此新闻发布系统是自己设计的管理系统，具有很大的实际意义。因为无论是软件还是数据库，采用的都是开源代码，因此这个系统的开发和设计，并不存在侵权等问题，在法律上完全具有可行性。
综上所述，新闻发布系统在技术、经济、操作和法律上都具有很高的可行性，开发此程序是可行的。
3.2系统流程分析
3.2.1系统开发流程
新闻发布系统开发时，首先进行需求分析，进而对系统进行总体的设计规划，设计系统功能模块，数据库的选择等，本系统的开发流程如图3-1所示

 
图3-1系统开发流程图
3.2.2 用户登录流程
为了保证系统的安全性，要使用本系统对系统信息进行管理，必须先登陆到系统中。如图3-3所示。

 
图3-2 登录流程图
3.2.3 系统操作流程
用户打开并进入系统后，会先显示登录界面，输入正确的用户名和密码，系统自动检测信息，若信息无误，则用户会进入系统功能界面，进行操作，否则会提示错误无法登录，操作流程如图3-3所示。

 
图3-3 系统操作流程图
3.2.4 添加信息流程
管理员可以对新闻发布系统信息等进行信息的添加，其他用户也可以对自己权限内的信息进行添加，输入信息后，系统会自行验证输入的信息和数据，若信息正确，会将其添加到数据库内，若信息有误，则会提示重新输入信息，添加信息流程如图3-4所示。
 
图3-4 添加信息流程图
3.2.5 修改信息流程
管理员可以对新闻发布系统信息等进行信息的修改，其他用户也可以对自己权限内的信息进行修改，首先进入修改信息界面，输入修改信息数据，系统进行数据的判断验证，修改信息合法则修改成功，信息更新至数据库，信息不合法则修改失败，重新输入。修改信息流程图如图3-5所示。
 
图3-5 修改信息流程图
3.2.6 删除信息流程
管理员可以对新闻发布系统信息等进行删除，对要删除的信息进行选中后，点击删除按钮，系统会询问是否确定，若点击确定，则系统会删除掉选中的信息，并在数据库内对信息进行删除，删除信息流程图如图3-6所示。

 
图3-6 删除信息流程图

3.3系统用例分析
3.3.1管理员用例图
系统中的核心用户是系统管理员，管理员登录后，通过管理员菜单来管理后台系统。主要功能有：首页、个人中心、用户管理 、新闻分类管理 、新闻信息管理、新闻投稿管理、论坛管理、我的收藏管理、投诉建议管理、系统管理等功能。管理员用例如图3-7所示