【个人作品展示分享】基于nodejs+vue的新闻管理发布系统

摘　　要
在互联网技术日益成熟的当下，新闻传播方式已不再是单纯的传统媒体的宣讲，在这样的背景下，如何高效的获取最新新闻动态以及了解最新的新闻进展，这是每个人重点关注的话题之一。以本人所住的小区举例，在此之前，多数人对于新闻的获取方式还是依靠新闻联播，其获取的新闻时效性不强，也就没有新闻带来的趣味性。基于上述问题的发生，需要开发一套系统进行协助解决。
本系统拟采用nodejs语言作为整个系统功能实现的编码语言，通过使用Express框架实现对系统后台逻辑功能的编码实现，系统交互页面效果渲染通过使用vue框架来进行编码实现，系统所有功能模块数据的存储通过使用MySQL数据库进行存储。结合本系统实际的应用场景，最终实现了两类用户角色，分别是用户跟管理员。其中，用户主要将实现新闻信息、用户分享等功能，管理员将实现新闻信息管理、用户分享管理等功能。
最终，通过相应的功能测试，该基基于nodejs+vue的新闻管理发布系统实现的所有的功能都达到了当初预期的目标且本系统的功能能够给用户提供便捷的新闻获取服务。
关键词：新闻；发布；nodejs；Express；vue

Abstract
In the era of increasingly mature Internet technology, the way of news communication is no longer simply the traditional media. Under such a background, how to efficiently obtain the latest news trends and understand the latest news progress is one of the topics that everyone focuses on. Take the community I live in as an example. Before that, most people relied on news broadcast to obtain news. The news they obtained was not timely and interesting. Based on the occurrence of the above problems, it is necessary to develop a system to assist in solving them.
This system intends to use Node.js language as the encoding language for the entire system function implementation. The Express framework will be used to encode the backend logic functions of the system. The rendering of system interaction pages will be encoded using the Vue framework, and the data of all functional modules of the system will be stored using a MySQL database. Based on the actual application scenarios of this system, two types of user roles were ultimately implemented, namely user and administrator. Among them, users will mainly implement functions such as news information and user sharing, while administrators will implement functions such as news information management and user sharing management.
Finally, through corresponding functional testing, all the functions of the news management and publishing system based on Nodejs+Vue achieved the original expected goals, and the system’s functions can provide users with convenient news acquisition services.
Keywords: news ; Publish; Nodejs; Express; Vue

第1章绪论
本章中主要包括对该论文的研究背景和研究意义进行分析介绍，同时着重针对新闻管理发布系统涉及的当前国内外研究发展应用现状进行对比研究。同时重点对本论文结构的相关主要的内容体系和结构框架安排进行介绍。
1.1选题背景
近年来，伴随者着互联网产业的快速发展，各种信息化软件应运而生。当下，人们信息化软件的使用也已不陌生，将改变人们的生活、工作方式。同时，随着人与人之间的信息传递速度越来越快,每天产生的生活以及其他信息也呈正比例增长,而文本传输信息仍然是目前最主流的形式之一。多数人对于新闻的获取方式还是依靠新闻联播，其获取的新闻时效性不强，也就没有新闻带来的趣味性。
近几年来，计算机技术在空前的发展，各种以计算机技术信息化应用进入到人们日常的生活、工作中。在这个背景下，使用先进的计算机技术取代传统的人工管理形式，实现新闻信息在线发布，明显符合时代发展的新潮流。综合使用现金计算机技术，设计开发新闻管理发布系统，能更从容地解决传统管理方式中所出现的各种问题状况。
1.2选题意义
基于nodejs+vue的新闻管理发布系统，是综合运用互联网思维进行功能模块的设计与开发的。本系统通过部署上线之后，可以取得来自三个方面的选题意义。首先，对于后台管理员来说，可以提升新闻信息管理的效率，让用户可以更方便的查看相关的新闻信息。其次，对于用户来说，相比于之前，通过系统可以直观的了解新闻动态信息，能够更加便捷的获取最新的新闻动态。对于本人而言，此次系统开发涉及的技术，是大学四年学习到的知识。通过课题设计，可以提升计算机编码能力和动手能力，为今后从事相关的工作打下扎实的基础。
1.3国内外研究现状
在此之前，国内对于新闻的传输还是通过各大卫视的新闻联播以及报纸进行传输，在信息化不强的年代，这种方式可以快速的解决新闻的传递问题。但是，在互联网发展的时代下，新闻的时效性得到不好的解决。为此，利用计算机技术开发新闻管理系统将是大势所趋。国内目前主要的新闻管理系统由，腾讯的腾讯新闻以及网易新闻等。用户使用这类系统，需要查阅海量的新闻动态以及需要花费大量的时间进行了解，无法第一之间，了解到自己想了解到的新闻。
反观国外，由于计算机的快速发展，新闻信息化系统得到了大量的普及和应用。BBC新闻是目前世界上历史最悠久、最受尊敬的国际新闻网站之一。BBC新闻总部位于英国，提供来自世界各地的新闻等方面的全面报道。该网站涵盖内容涵盖政治、商业、科技、科学、健康、环境等各个领域的新闻。Reuters新闻网站是一家全球新闻机构，截止到2023年，该网站涵盖政治、商业等各个领域的新闻。它提供来自世界各地的新闻和事件的实时报道，还能为用户提供突发新闻提醒、现场视频报道和多媒体内容。
1.4主要研究内容
本课题的实现目标是实现一个基于nodejs+vue的新闻管理发布系统。经过前期对计算机知识学习和对本课题用户需求的了解，本系统拟采用NodeJS语言作为整个系统功能实现的编码语言，通过使用Express框架进行系统功能逻辑编码的实现，使用Vue框架进行系统交互页面效果的渲染。结合实际的应用场景，本系统最终实现用户和管理员两类用户角色，主要将实现的功能有新闻信息管理、用户分享管理等必需的功能。
根据当下用户了解新闻动态的用户需求，本系统嵌套应用主要是采用的架构是一种基于B/S架构的进行功能的设计。同时，对目前市面上相关的新闻管理发布系统的优势和不足进行比较，得出新闻管理发布系统的主要功能是新闻信息管理、用户分享管理的实现。
1.5论文结构
本篇论文总共为七章内容，每章的具体内容结构安排如下：
第一章绪论。介绍本课题的研究相关的背景等内容进行分析说明。
第二章相关技术介绍。在本章节主要简要描述系统实现涉及的一些技术。
第三章需求分析。本章中主要描述系统需求分析、可行性分析等内容。
第四章系统总体设计。本章节主要从系统整体设计目标与基本原则、系统功能模块设计等内容进行描述。
第五章系统详细设计与实现。详细描述了系统的实现环境以及主要功能模块的具体实现。
第六章 系统测试。该章节简要描述了系统测试目的以及主要功能模块的测试等内容。
第七章 总结与展望。主要是对本篇论文的撰写以及总结等内容。
1.6 本章小结
本章中根据新闻管理发布系统课题相关的选题背景及选题意义进行描述，明确本课题为什么开发以及可以解决什么问题。其次，明确本课题的国内外研究现状，明确本课题最新的研究现状，为后续功能设计做好铺垫。最后，通过主要研究内容的分析，理清本课题具体需要做哪些事儿。

第2章相关技术介绍
在技术实现方面，使用vue前端框架进行了开发的交互接口。服务器端，主要采用了NodeJS语言和Express的框架以及对MySQL数据库技术开发后台支持等。
2.1 NodeJS语言
NodeJS语言是在2009年推出的一门计算机编程语言，该编程语言是由美国的Ryan DahI进行开发设计而成。同时，NodeJS语言是一个基于Chrome V8引擎且在JS运行环境下的一门计算机编程语言。在实际项目开发中，对一些特殊的字符用例进行了优化，能够替代之前的API，从而使得Chrome V8在非互联网的环境下，也能运行的很好。
2.2 Express框架
Express框架是应用在NodeJS语言中的应用功能开发框架，在项目开发中，给开发人员提供了强大的某些组件特性，助其开发各种应用功能。Express框架在设计之初，不仅对NodeJS语言已有的特性进行继承，还在一定程度上做了某些拓展操作。在项目开发上，丰富的HTTP工具以及谷歌浏览器中的插件，能够帮助开发人员快速的开发相关的应用。
2.3 Vue框架
Vue框架是可以构建项目用户操作界面效果的前端应用框架，在页面效果设计的时候，采取自底向上的增量开发设计思想，对页面效果进行开发，在项目所有功能数据传输上提供了数据双向绑定的业务数据思想。Vue框架的主要特点是：1.Vue框架提供了数据的双向绑定进行传输的效果；2.Vue框架项目的数据是通过路由进行管理；3.Vue框架的轻量级，使得开发人员更加容易上手进行项目开发。
2.4 MySQL数据库
MySQL数据库,主要是由于在项目中运行速度快，对于平时开发使用到的平台是没用任何的限制，能够被广泛的应用在企业级开发中。MySQL数据库是指一个基于开源的和多线程的用户关系和管理的数据库系统,MySQL是基于开放源代码的数据库管理系统，能够跨一定的平台且可以正常的进行使用。
MySQL数据库管理并不是让所有的数据表都统一放在一个空间足够大的数据存储容器的里面,而是要把同一个数据库里面存储的全部数据信息都可以分别的存放在各个不同格式的存储表当中，MySQL作为一种关联性数据库的管理系统,能够有效快速地去提升数据处理存储的速度安全性与效率。并且这样也可以让数据库的灵活程度得到很大幅度的提高。
2.5 Visual Studio Code开发平台
Visual Studio Code开发工具是微软在2015年的开发者大会推出的开发软件之一，该软件可以支持苹果操作系统以及Windows操作系统，主要是应用于前端页面代码编写渲染的一款编辑器。在前端项目开发上，它既能对前端语言进行有效的编码支持，还具有丰富的其他编程语言和运行时的其他开发生态的有效支持。
2.6 Elementui
ElementUi技术是由国内的饿了么团队对前端页面渲染的一套组件库，该组件库基于Vue 2.0开发的一套应用在桌面端的组件库。通俗的来说ElementUi技术是一个基于Vue框架开发的前端Ui页面效果的应用框架，开发出来的页面效果适用于PC端，该框架与前端著名的Bootstrap框架在很多用法上相似。
2.7本章小结
本章节中描述了新闻管理发布系统功能模块开发与设计中所需要用到的相关技术，主要介绍了VsCode开发工具、Express框架框架相关知识等知识进行概述，为后续开发新闻管理发布系统所有的功能做好技术层次的准备工作，也是为了能够更好的进行开发。

第3章系统需求分析
在新闻管理发布系统的整个功能开发中，系统的需求分析、可行性分析是整个开发设计过程中的核心阶段，需求分析是指导系统设计的方案。
3.1 可行性分析
在新闻管理发布系统的功能开发过程中对系统进行可行性分析是一个重要步骤，通过对系统的技术等可行性进行分析，从而确定后续系统功能模块的一个开发方向。
3.1.1 技术可行性
对新闻管理发布系统技术方面的考虑有分为了开发工具和开发技术两个方面。
(1) 开发工具：在进行学习的过程中教师都会对涉及到的开发工具进行详细的讲解，并且会提前在上机时进行工具的安装，让用户可以上手进行工具的操作和使用，为了保证用户可以掌握每个开发工具的使用，教师还会进行一些课堂作业的布置，因此，现阶段对各开发工具的使用已经是非常熟练。
(2) 技术方面：系统开发使用的技术都是在校期间进行过学习的， 并且为了保证 每个用户的学习效率，学校以及教师都会进行对应的测试、实验以及设计的布置，并对用户的错误之处以及未完成之处进行详细的讲解。
3.1.2 经济可行性
新闻管理发布系统在经济发现的花费主要在硬件和软件两方面。
(1) 硬件方面：电脑需要用来进行代码的编写，需要借助电脑来实现对系统的运行，还需要那具备有鼠标、键盘等，这些硬件都是本人平时在进行使用的，不需要再次进行购买，因此不需要再次进行硬件部分的开支。
(2) 软件方面：本系统涉及的相关技术，使用的时候不需要进行付费， 使用的各类文件编写的 Word文档是电脑自带的，使用的画图工具在进行课程学习时教师提供给破解版的软件，使用的数据库也是在进行上机实验是教师帮忙进行安装的绿色版软件，因此，在软件方面也不要在进行额外的花费。
3.1.3 操作可行性
新闻管理发布系统设计的用户操作界面使用习惯需要能够对多数用户非常友好，也能够符合用户平常的一些操作习惯。通过用户简单进行使用系统操作之后，可以快速的进行使用系统功能。用户使用本系统不需要花费太多的时间进行学习和熟悉。
3.1.4法律可行性分析
基于nodejs+vue的新闻管理发布系统，从最开始的开题报告撰写到最后的毕业论文，都是本人独立完成的，没有跟相关类似的系统以及相关的资料存在侵权等行为的发生。因此，本课题的开发在法律上的可行性是完全没有问题的。
3.2需求分析概述
根据用户查阅新闻的现状作为背景进行实际功能开发的，目前来说，在此之前，多数人对于新闻的获取方式还是依靠新闻联播，其获取的新闻时效性不强，也就没有新闻带来的趣味性。通过对新闻管理方式结合计算机技术，开发一套新闻管理发布系统，将是未来的大势所趋。综上所述，用户跟管理员对新闻管理发布系统的开发与应用具有显著的需求。
3.3系统功能性需求分析
功能性需求分析指的是开发基于NodeJS的班级同学录如何去进行功能开发，系统要具体实现什么功能，最早实现的系统效果是什么样子的，这些都说功能性需求分析要做的事情。通过前面的系统需求分析，本系统最终实现了两类用户角色，分别是用户跟管理员，通过不同的权限设计让不同的用户角色具有不同的功能。下面将通过不同用户角色的要实现的功能通过用例图的形式将其展示出来。
3.3.1 管理员用例分析
管理员角色是基于nodejs+vue的新闻管理发布系统中的管理员，在本系统的最高用户角色。管理员通过使用本系统，主要是实现对用户的账号信息、新闻信息等进行维护管理。管理员用例图如图3-1所示。

图3-1 管理员用例图
3.3.2 用户用例分析
用户是新闻管理发布系统中的基础用户角色。用户主要是通过使用本系统实现对系统中相关的新闻信息进行查看以及可以进行公告信息的查看等操作。用户用例图如图3-2所示。

图3-2 用户用例图
3.4 系统非功能性需求
3.4.1 系统易用性的需求
新闻管理发布系统需要具有安全易用、操作简单、用户友好等相关的特点，方便广大用户可以直接快速使用相关的系统功能模块，不需要花费大量的时间来进行学习。
3.4.2 系统安全性的需求
新闻管理发布系统需要保证用户在操作页面的数据信息安全，其中包括用户信息等相关的信息。本系统具有对使用者有权限控制，针对角色的不同限制使用者的权限，以此来确保系统的安全性
3.4.3 系统可靠性的需求
新闻管理发布系统的计算机相关知识的数据均来源于专业教师的总结，所有功能模块数据具有可靠性，可以很好的帮助用户进行在线查阅新闻信息。

3.5 系统流程分析
3.5.1 数据开发流程
在开发班级同学录的时候，首先需要对本课题的用户需求进行分析，其次，需要对系统的功能模块以及数据库进行设计，接下来就是对系统的功能进行编码实现。系统开发流程图如图3-3所示。

图3-3 系统开发流程图
3.5.2 用户登录流程
在班级同学录系统中，所有的用户跟管理员角色，要想使用本系统的功能，就需要先使用账号信息进行登录。用户登录，也需要保证用户账号信息的安全操作。用户登录流程图如图3-4所示。

图3-4 用户登录流程图
3.5.3 用户操作流程
用户登录系统之后，就可以对系统功能进行对应操作。用户对功能模块进行操作，比如对功能的数据信息进行新增以及其他相关的操作。用户操作流程图如图3-5所示。

图3-5 用户操作流程图
3.5.4新增信息流程
用户在操作功能的时候，可以对功能数据信息进行新增，新增信息成功之后，用户才能看到对应的数据信息。新增信息流程图如图3-6所示。

图3-6 新增信息流程图
3.5.5删除信息流程
当用户在操作系统功能的时候，如果想对数据信息进行删除，可以点击删除按钮进行删除信息。当使用鼠标点击删除按钮，系统页面会提示是否删除信息，点击确定，则信息被删除，数据库中的信息随之删除。删除信息流程图如图3-7所示。

图3-7 删除信息流程图
3.5.6修改信息流程
当用户查看新闻相关的数据信息的时候，可以对相关的数据信息进行修改，便于保证数据的准确性。修改信息流程图如图3-8所示。

图3-8 修改信息流程图
3.5 本章小结
本章首先从新闻管理发布系统的技术可行性要求等方面分析系统需要分析当下的音乐相关的需求，为后期系统设计做好基础。

第4章系统概要设计
系统设计主要讨论的内容包括系统架构设计、系统的功能模块设计、网络业务平台架构设计以及系统数据库设计等方面。
4.1 系统架构设计
新闻管理发布系统所有功能的实现主要是以VsCode开发工具为主，后台所有的功能模块的编码实现使用NodeJS语言的Express框架进行编码实现，整个系统页面效果的渲染通过使用Vue框架进行编码实现。本系统使用B/S架构模式进行开发，B/S架构设计，主要是将新闻管理发布系统所有的功能通过业务分离的模式进行项目功能模块的开发，将相关的业务逻辑从系统用户操作界面中解耦出来，这种将业务分离的模式能够更好的对业务逻辑进行控制。B/S架构图如图4-1所示。

图4-1 B/S架构图
4.2 系统总体功能设计
通过前一章节的系统需求分析，可以得知新闻管理发布系统最终实现了两类用户角色，分别是用户和管理员角色。通过权限设计，让不同的用户角色赋予不同的功能模块。系统最终可以实现管理员角色对新闻信息进行高效管理以及用户可以查看相关的新闻信息等操作。系统总体功能模块图如图4-2所示。

图4-2 系统总体功能模块图
4.3系统功能模块设计
由于新闻管理发布系统的总体功能模块图可知，本系统能够实现了哪些功能。由于本系统根据业务设计的功能模块存在多数功能在设计原理上存在重复性，因此，本章节只对主要功能模块的设计过程进行描述。
4.3.1 用户管理功能模块设计
用户管理主要是对使用本系统进行查阅新闻的用户账号信息进行管理的功能模块。管理员通过用户管理的新增页面，对用户的用户名等信息进行新增，还能对正在使用本系统查阅新闻的用户账号信息进行修改等操作。
4.3.2公告信息管理功能模块设计
公告信息管理主要是对管理员发布新增的一些公告信息进行管理的功能。管理员可以新增发布公告标题、公告内容等公告信息，还能对已经发布过的公告信息进行修改等操作。用户在前台通过公告信息，可以了解查询管理员新增发布的公告信息，从而了解公告动态。
4.3.3用户分享管理功能模块设计
用户分享管理主要是对用户分析的新闻信息进行管理的功能。管理员可以通过页面，查看用户分享的新闻信息，对用户的分享信息进行审核以及其他操作。用户可以新增发布新闻信息，然后等待管理员进行审核通过。同时，用户可以在前台查看其他用户新增的新闻动态信息。
4.3.4新闻信息管理功能模块设计
新闻信息管理对新闻管理发布系统中的新闻信息进行管理的功能。管理员可以通过新闻信息管理页面的新增，对新闻信息的标题等信息进行新增，还能对之前发布的新闻信息进行修改以及其他相关的操作。用户在前台可以查看管理员新增发布的新闻信息，观看新闻视频以及其他相关的操作。
4.3.5新闻类别管理功能模块设计
新闻类别管理对闻管理发布系统中的新闻类别信息进行管理的功能。管理员可以新增新闻类别的信息，比如可以新增时政类别信息以及其他相关的操作。新闻类别信息的新增，可以后期为新闻信息的类别选择做好准备。
4.4系统数据库设计
数据库设计是开发新闻管理发布系统的基础，开发系统功能模块数据存储和处理的关键环节。数据库的实体与关系将直接影响用户的操作效率，合理的数据库设计关系着系统开发与运行的成功与否。
4.4.1 数据库的设计原则
新闻管理发布系统所有的功能模块业务数据存储是整个系统中最为重要的一个部分，所以数据库设计是系统功能模块开发中非常重要的一步，想要设计出稳定、安全、可靠的数据库就必须遵循下面这些原则：
（1）统一性原则：必须对新闻管理发布系统需要的所有功能数据信息进行系统的分析，根据数据信息进行合理的设计，能够保障用户最后操作的有效性。
（2）规范化原则：新闻管理发布系统中的所有功能模块的数据库表的设计应该遵循三范式，能够保障数据库的规范性。
（3）完整性原则：对新闻管理发布系统的用户数据要保证规范，确保数据上的完整性以及一致性。
4.4.2数据库逻辑结构设计
系统数据库的概念设计通常都是使用E-R图来进行显示的，在在线学习系统中，涉及的业务数据比较多且复杂，因此数据库的概念设计只针对主要的实体进行说明分析。下面将对本系统中数据库逻辑结构设计进行介绍说明。
（1）用户信息实体属性图，主要包括用户信息的性别、手机等相关的信息，具体的E-R图，如图4-3所示。

图4-3 用户信息实体的E-R图
（2）公告信息实体属性图，主要包括公告信息的标题等相关的信息，具体的E-R图，如图4-4所示。

图4-4 公告信息实体的E-R图
（3）用户分享实体属性图，主要包括用户分享的分享标题等相关的信息，具体的E-R图，如图4-5所示。

图4-4 用户分享实体的E-R图
（4）新闻信息实体属性图，主要包括新闻信息的新闻标题等相关的信息，具体的E-R图，如图4-6所示。

图4-6 新闻信息实体的E-R图
（5）新闻类别实体属性图，主要包括新闻类别的新闻类别等相关的信息，具体的E-R图，如图4-7所示。

图4-7 新闻类别实体的E-R图
4.4.3数据库表结构设计
数据库概念结构设计完成后，接下来就是对数据库表结构进行设计。经过前期本人的学习和了解，新闻管理发布系统的数据库决定使用MySQL数据库。数据库设计的好与坏直接影响着最终用户的使用，因此，数据库的设计是开发系统过程中比较关键的一步。
（1）用户信息表，主要存储用户信息的性别、手机等相关的信息，具体的表结构，如图4-1所示。
表4-1 用户信息表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 yonghuming varchar 200 否 用户名
4 mima varchar 200 否 密码
5 xingming varchar 200 否 姓名
6 xingbie varchar 200 否 性别
7 touxiang varchar 200 否 头像
8 shouji varchar 200 否 手机
9 youxiang varchar 200 否 邮箱
10 sfsh varchar 200 否 是否审核
11 shhf longtext 否 审核回复

（2）公告信息表，主要存储公告信息的标题等相关的信息，具体的表结构，如图4-2所示。
表4-2公告信息表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 title varchar 200 否 标题
4 introduction longtext 否 简介
5 picture varchar 200 否 图片
6 content longtext 否 内容

（3）用户分享表，主要存储用户分享的分享标题等相关的信息，具体的表结构，如图4-3所示。
表4-3 用户分享表
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 fenxiangbiaoti varchar 200 否 分享标题
4 fenxiangleixing varchar 200 否 分享类型
5 fenxiangtupian varchar 200 否 分享图片
6 fenxiangshipin varchar 200 否 分享视频
7 fenxiangriqi date 否 分享日期
8 fenxiangneirong longtext 否 分享内容
9 yonghuming varchar 200 否 用户名
10 youxiang varchar 200 否 邮箱
11 sfsh varchar 200 否 是否审核
12 shhf longtext 否 审核回复
13 thumbsupnum int 11 否 赞
14 crazilynum int 11 否 踩

（4）新闻信息表，主要存储新闻信息的新闻标题等相关的信息，具体的表结构，如表4-4所示。
表9:xinwenxinxi
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 xinwenbiaoti varchar 200 否 新闻标题
4 xinwenleibie varchar 200 否 新闻类别
5 xinwendiqu varchar 200 否 新闻地区
6 xinwentupian varchar 200 否 新闻图片
7 xinwenshipin varchar 200 否 新闻视频
8 xinwenxiangqing longtext 否 新闻详情
9 faburiqi date 否 发布日期
10 thumbsupnum int 11 否 赞
11 crazilynum int 11 否 踩
12 clicktime datetime 否 最近点击时间
13 clicknum int 11 否 点击次数

（5）新闻类别表，主要存储新闻类别的新闻类别等相关的信息，具体的E-R图，如图4-5所示。
表8:xinwenleibie
序号 列名 数据类型 长度 主键 说明
1 id bigint 20 是 主键
2 addtime timestamp 否 创建时间
3 xinwenleibie varchar 200 否 新闻类别
4.5本章小结
本章主要从系统架构设计等内容进行具体的设计描述。其中系统功能设计部分，对主要模块的具体设计思路和技术实现方法进行详细论述。数据库设计部分，主要包括数据实体属性和数据设计。系统设计工作的完成，能够为后期系统的实现做好准备。
第5章系统实现
在通过对系统的分析和系统设计之后，本章将针对具体的系统功能进行详细设计与实现，在下文中将对核心模块实现为主线阐述其详细设计，最终通过程序编码实现前端界面和后端逻辑，将需求转换为可实际操作的软件产品。
5.1管理员功能实现
5.1.1 用户管理实现
用户管理主要是对使用本系统进行查阅新闻的用户账号信息进行管理的功能模块。管理员通过用户管理的新增页面，对用户的用户名等信息进行新增，还能对正在使用本系统查阅新闻的用户账号信息进行修改等操作。用户管理效果图如图5-1所示。

图5-1 用户管理效果图
用户管理页面数据分页查询，通过后端代码Page方法进行编码实现。用户管理页面数据分页查询截图核心代码如图5-2所示。

图5-2 用户管理页面数据分页查询核心代码截图
5.1.2 公告信息管理实现
公告信息管理主要是对管理员发布新增的一些公告信息进行管理的功能。管理员可以新增发布公告标题、公告内容等公告信息，还能对已经发布过的公告信息进行修改等操作。公告信息效果图如图5-3所示。

图5-3公告信息管理效果图
公告信息管理页面数据遍历，通过后端代码List方法进行编码实现。公告信息管理页面数据遍历核心代码截图如图5-4所示。

图5-4 公告信息管理页面数据遍历核心代码截图
5.1.3 用户分享管理实现
用户分享管理主要是对用户分析的新闻信息进行管理的功能。管理员可以通过页面，查看用户分享的新闻信息，对用户的分享信息进行审核以及其他操作。用户分享管理效果图如图5-5所示。

图5-5用户分享管理效果图
用户分享管理页面数据删除、修改，通过后端代码Delete、Update方法进行编码实现。用户分享管理页面数据删除、修改核心代码截图如图5-6所示。

图5-6 用户分享管理页面数据删除、修改核心代码截图
5.1.4新闻信息管理实现
新闻信息管理对新闻管理发布系统中的新闻信息进行管理的功能。管理员可以通过新闻信息管理页面的新增，对新闻信息的标题等信息进行新增，还能对之前发布的新闻信息进行修改以及其他相关的操作。新闻信息效果图如图5-7所示。

图5-7新闻信息管理效果图
新闻信息管理逻辑代码，通过后端Info方法进行编码实现。新闻信息管理逻辑代码实现核心代码截图如图5-8所示。

图5-8 新闻信息管理逻辑代码实现核心代码截图
5.1.5新闻类别管理实现
新闻类别管理对闻管理发布系统中的新闻类别信息进行管理的功能。管理员可以新增新闻类别的信息，比如可以新增时政类别信息以及其他相关的操作。新闻类别信息的新增，可以后期为新闻信息的类别选择做好准备。新闻类别管理效果图如图5-9所示。

图5-9新闻类别管理效果图
新闻类别管理新增方法实现，通过后端代码Save方法进行编码实现。新闻类别管理新增实现核心代码截图如图5-10所示。

图5-10 新闻类别管理新增实现核心代码截图
5.2用户功能实现
5.2.1公告信息实现
公告信息主要是便于用户对管理员发布新增的一些公告信息进行查看的功能。用户在前台通过公告信息，可以了解查询管理员新增发布的公告信息，从而了解公告动态。公告信息效果图如图5-11所示。

图5-11公告信息效果图
公告信息页面效果通过使用HTML等前端技术进行编码实现，公告信息页面效果核心代码截图如图5-12所示。

图5-12 公告信息页面效果实现核心代码截图
5.2.2用户分享管理实现
用户分享管理主要是对用户分析的新闻信息进行管理的功能。用户可以新增发布新闻信息，然后等待管理员进行审核通过。同时，用户可以在前台查看其他用户新增的新闻动态信息。用户分享管理效果图如图5-13、5-14所示。

图5-13用户分享管理效果图

图5-14用户分享效果图
用户分享页面效果通过使用HTML等前端技术进行编码实现，用户分享页面效果核心代码截图如图5-15所示。

图5-15 用户分享页面效果实现核心代码截图
5.2.3新闻信息实现
新闻信息便于用户对管理员新闻管理发布系统中的新闻信息进行查看的功能。用户在前台可以查看管理员新增发布的新闻信息，观看新闻视频以及其他相关的操作。新闻信息效果图如图5-16所示。

图5-16用户分享效果图
新闻信息页面效果通过使用HTML等前端技术进行编码实现，新闻信息页面效果核心代码截图如图5-17所示。

图5-17新闻信息页面效果实现核心代码截图
5.3本章小结
本章首先介绍的是新闻管理发布系统，主要功能模块的详细设计与具体实现，通过对每个功能模块的文字描述+每个功能模块的效果图进行展现。在本章介绍，主要对用户管理、公告信息管理、新闻信息管理、用户分享管理等功能具体的实现思路进行描述与分析。

第6章系统测试
本章新闻管理发布虚脱设计与实现给出相应的测试介绍，主要包括系统测试目的、系统功能测试等。其中系统功能测试主要包括音乐资讯管理、用户管理、留言交流管理、歌曲信息管理模块模块测试从而保障系统功能上的可用性、安全性、稳定性等，方便系统上线、使用和后期功能的扩展。
6.1测试目的
新闻管理发布系统功能测试的目的主要是为了找出在开发所有功能模块的的过程中存在的一些问题。对于开发班级同学录的开发人员，在设计程序的过程中，肯定会存在一些错误信息。同时，也有人理解系统测试是为了发现系统的缺陷，通过系统的测试，通过完善系统，提高整个系统的代码质量。
6.2测试方法
新闻管理发布系统的测试方法由很多，对系统功能模块的测试主要有白盒测试跟黑盒测试。目前使用的比较多的系统测试方法是黑盒测试法。在本系统中，将采用黑盒测试法对用户管理等功能模块进行测试。
6.3系统功能测试
经过前面对测试方法的了解，本系统的功能测试将用到黑盒测试法。由于本系统功能实现的比较多且多半功能模块的实现原理类似，因此，本章节将对新闻管理发布系统主要的功能进行测试用例说明。
6.3.1新闻类别管理功能的实现
新闻类别管理对闻管理发布系统中的新闻类别信息进行管理的功能。管理员可以新增新闻类别的信息，比如可以新增时政类别信息以及其他相关的操作。新闻类别信息的新增，可以后期为新闻信息的类别选择做好准备。新闻类别管理测试用例表如表6-1所示。
表6-1 新闻类别管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 新闻类别信息的新增 管理员新增一条新闻类别信息，然后在新闻类别页面进行查看 管理员在新闻类别页面可以查看到刚刚新增的新闻类别信息 与预期结果一致，管理员在新闻类别页面可以查看到刚刚新增的新闻类别信息
2 新闻类别信息的修改 管理员刚刚新增的类别信息进行修改，然后新增新闻信息的时候查看是否发生了变化 管理员可以新增新闻的时候发现新闻类别信息已经发生了变化 与预期结果一致，管理员可以新增新闻的时候发现新闻类别信息已经发生了变化

6.3.2用户管理功能的实现
用户管理主要是对使用本系统进行查阅新闻的用户账号信息进行管理的功能模块。管理员通过用户管理的新增页面，对用户的用户名等信息进行新增，还能对正在使用本系统查阅新闻的用户账号信息进行修改等操作。用户管理测试用例表如表6-2所示。
表6-2 用户管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 用户信息的新增 管理员新增一条用户账号信息，使用新增的用户账号进行登录 使用新的用户账号可以进行登录且可以进入用户操作界面 与预期结果一致，用户使用账号信息可以成功进行登录且可以进入用户操作界面
2 用户信息的修改 管理员将用户的账号信息的密码进行修改，使用原来的账号密码进行登录 用户点击登录之后，提示登录失败，页面提示账号密码错误 与预期结果一致，页面提示账号密码错误
6.3.3新闻信息管理功能的实现
新闻信息管理对新闻管理发布系统中的新闻信息进行管理的功能。管理员可以通过新闻信息管理页面的新增，对新闻信息的标题等信息进行新增，还能对之前发布的新闻信息进行修改以及其他相关的操作。用户在前台可以查看管理员新增发布的新闻信息，观看新闻视频以及其他相关的操作。新闻信息管理测试用例表如表6-3所示。
表6-3新闻信息管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 新闻信息的新增 管理员新增一条新闻信息，用户在前台登录账号进行查看 用户在前台可以查看到刚刚管理员新增的新闻信息 与预期结果一致，用户在前台可以查看到刚刚管理员新增的新闻信息
2 新闻信息的评论 用户对某一条新闻信息进行评论，管理员登录账号，在后台查看用户的评论信息 管理员在后台可以查看到刚刚用户对新闻信息的评论信息 与预期结果一致，管理员在后台可以查看到刚刚用户对新闻信息的评论信息
6.3.4用户分享管理功能的实现
用户分享管理主要是对用户分析的新闻信息进行管理的功能。管理员可以通过页面，查看用户分享的新闻信息，对用户的分享信息进行审核以及其他操作。用户可以新增发布新闻信息，然后等待管理员进行审核通过。同时，用户可以在前台查看其他用户新增的新闻动态信息。用户分享管理测试用例表如表6-4所示。
表6-4用户分享管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 用户分享信息的新增 用户新增一条用户分享新闻信息，管理员在后台对用户的分享信息进行查看 管理员可以查看到刚刚用户新增的用户分享新闻信息 与预期结果一致，管理员可以查看到刚刚用户新增的用户分享新闻信息
2 用户分享信息的审核 用户新增用户分享信息后，管理员进行查看并审核，用户登录查看是否审核通过 用户查看到管理员已经对自己的用户分享信息已经审核通过 与预期结果一致，用户查看到管理员已经对自己的用户分享信息已经审核通过
3 用户分享信息的删除 用户对刚刚新增的分享信息进行删除，管理员登录后台查看是否还存在 管理员查看刚刚用户新增的用户分享信息已不存在 与预期结构一致，管理员查看刚刚用户新增的用户分享信息已不存在

6.3.5公告信息管理功能的实现
公告信息管理主要是对管理员发布新增的一些公告信息进行管理的功能。管理员可以新增发布公告标题、公告内容等公告信息，还能对已经发布过的公告信息进行修改等操作。用户在前台通过公告信息，可以了解查询管理员新增发布的公告信息，从而了解公告动态。公告信息管理测试用例表如表6-5所示。
表6-5公告信息管理测试用例表
编号 测试功能 操作 预期结果 实际结果
1 公告信息的新增 管理员新增一条公告，用户在前台登录账号进行查看公告信息 用户在前台可以查看到刚刚管理员新增的公告信息 与预期结果一致，用户在前台可以查看到刚刚管理员新增的公告信息
2 公告信息的修改 管理员将刚刚新增的公告信息进行修改，用户查看公告信息是否发生了变化 用户查看到公告信息已发生了变化 与预期结果一致，用户查看到公告信息已发生了变化

6.4测试总结
通过对新闻管理发布系统目前实现的上述功能通过测试之后，所有的功能都达到了预期目标。通过测试结果得出此系统的各功能模块基本实现，满足了新闻管理发布系统所有用户的使用并且系统能够运行稳定。但是在测试过程中也有些不足之处，还有待改进。
6.5本章小结
本章主要对新闻管理发布系统测试进行介绍。系统采用从系统测试目的、系统测试方法以及功能测试，对系统测试进行具体的描述。
总结
第一次独立完成一个前后端分离的项目开发，虽然在整个设计过程中，确实遇到了很多困难，但是通过在网上查找相关资料，对所有困难都得到了解决。在完成毕业设计的过程中，自己也学到了不少的知识，得到了能力的提升。
本文通过对目前用户查看新闻流程进行分析，从系统前期的用户需求分析、数据库设计等方面对新闻管理发布系统实现过程进行了说明。在技术涉及上，主要用到Express框架、Vue框架等技术进行开发与实现。班级同学录，将面向两类用户群体，不仅可以实现用户能够高效的查看相关的新闻信息，还能实现管理员对新闻管理发布系统的新闻信息进行高效管理。
系统开发完成之后，虽已达到了基本的需求，但是还是存在一些不足之处。目前使用的技术还是比较单一，没有更复杂的技术进行使用。其次，就是目前实现的功能还是比较简单，以基本的增删改查为主。最后，系统上没有可视化分析的数据功能，缺乏对数据的分析与归纳。

参考文献
[1]刘玉霞,董林.基于MVC的教学资源库管理系统的设计[J].计算机光盘软件与应用,2019:284+286.
[2]吕冠艳,李奋华.MVC架构下的校园超市管理系统的设计[J].计算机时代,2022:123-125.
[3]田竞.基于MVC框架高校多媒体管理系统的设计与实现[J].机械设计,2021:123-124.
[4]胡圣凯.基于MVC框架的企业外勤管理系统的设计[J].软件,2022:19-23.
[5]王春美.基于OBE理念的新闻实践课程教学设计与改革——以音视频节目制作为例[J]. 传媒,2020(03):81-84.
[6]宋扬.马克思主义新闻观视域下新闻伦理教育的实践探索[J].西部广播电视,2023(03):40-42.
[7]程恩富.从马克思主义基本原理领悟党的二十大精神的几个问题[J].马克思主义研究,2022(11):1-10+155.
[8]马凌.在概念辨析中开展马克思主义新闻观教学[J].当代传播,2022(06):62-64.
[9]王天笑.网络新闻传播舆论引导及管理探究[J].中国报业,2022(20):46-47.
[10]胡栓.马克思主义新闻观视域下的舆论斗争思想[J].思想理论战线,2022(05):90-95.
[11]张涛甫.基于意识形态视角的马克思主义新闻观[J].新闻与传播研究,2022(08):113-115.
[12]沙丹阳.试论舆论安全背景下的国家话语权困境[J].甘肃开放大学学报,2022(04):83-88.
[13]杨保军,樊攀.马克思主义新闻观研究的“转向”:从“史论偏重”到“史论与实践并重”[J].新闻与传播研究,2022(04):114-118.
[14]游牧.马克思主义新闻观视域下的网络舆论引导[J].新闻传播,2022(07):29-30.
[15]胡晓娟,井波.马克思主义新闻观视域下“讲好中国故事”的共情维度与实践路径[J]. 新疆社会科学,2022(02):134-141+166.
致谢
大学学习生涯如白驹过隙，本人的毕业设计与论文撰写也完成。在老师和同学的帮助下，我顺利克服了在完成毕业设计过程中所遇到的困难、挫折。在此由衷感谢我的指导老师XXX老师，感谢导师细心无私的指导与帮助，从论文开题报告到毕业设计的测试，再到最后的论文写作指导和评阅，导师都花费了大量心力，他不厌其烦的指导不仅使我对计算机科学与技术领域的知识有了更加进一步的认识，而且对我今后的工作态度也产生更加严谨、端正的影响。
衷心感谢XXX学院的各授课老师，正是在他们对专业课程认真负责的讲解下，才拓宽了我在计算机科学与技术领域的视野，提升了我的专业技能，为我顺利完成毕业设计和论文奠定基础。
最后衷心感谢各位同学和亲友对我学习、生活上的支持、鼓励和关心，使我能永远保持学习的热情，顺利完成学业。