基于Vue框架的思源新闻发布平台设计与实现(论文+源码)_kaic

摘  要

经过针对全校随机抽取的100名学生进行的研究发现，有约69％的学生，并不关心思源新闻，一些学生表示思源每天发生的大小事与他们无关。这项调查突显了需要提供一个能激发学生对思源校园新闻感兴趣的平台。因此本文为思源学院全院师生设计一个基于Vue框架的思源新闻发布平台，以解决校园新闻发布的不便利和信息化程度不高的问题。
本课题主要对基于Vue框架的思源新闻发布平台网站的设计与开发进行研究。论文首先描述了课题的研究背景、目的和意义，然后通过可行性分析和需求分析确定了系统开发方向。思源新闻发布平台主要采用了敏捷开发方法，通过不断迭代和反馈，不断完善系统功能和界面设计。在技术选型上，本系统采用了MySQL数据库，使用JavaScript中的Vue框架实现了网站的前端开发，使用node.js实现了服务层的功能，最终通过软件测试完成了课题网站的开发。
本系统运行稳定，发布新闻、用户登录注册、用户管理、导出用户数据等功能完善，界面简洁明了，极大地方便了用户的使用。它有效地解决了思源学子对思源的新闻毫无兴趣、一无所知等问题，能够让思源学子有更好的途径了解校内新闻，促进校内信息传递。此外，本系统所设计的架构也可以为其他校园新闻系统提供参考。
关键词：网站开发  新闻发布  Vue框架 

Abstract

After conducting a study on 100 randomly selected students from the entire school, it was found that approximately 69% of the students are not interested in the Sinyuan News. Some students mentioned that the daily events happening in Sinyuan have nothing to do with them. This survey highlights the need for a platform that can stimulate students' interest in Sinyuan campus news. Therefore, this paper designs a Sinyuan News release platform based on the Vue framework for all teachers and students in Sinyuan College to solve the problem of inconvenient campus news release and low level of informatization.
This project mainly focuses on the design and development of the Siyuan News Release Platform website based on the Vue framework. The paper first describes the research background, objectives, and significance of the project. Then, through feasibility analysis and requirement analysis, the direction of system development is determined. Siyuan News Release Platform mainly adopts an agile development method, continuously iterating and receiving feedback to improve system functionality and interface design. In terms of technology selection, this system uses MySQL database, Vue framework in JavaScript for front-end development, and Node.js for service layer functionality. Finally, the website development is completed through software testing.
The system runs stably with complete functions such as news release, user login and registration, user management, and export of user data. The interface is simple and clear, greatly facilitating users' use. It effectively solves the problems of Siyuan students having no interest or knowledge in Siyuan news, providing them with a better way to learn about campus news and promoting information dissemination on campus. In addition, the architecture designed by this system can also provide reference for other campus news systems.

Keywords: Website Development  News Release  Vue.js 
目  录
1 绪论
1.1 选题背景
1.2 目的意义
1.3 研究现状
1.4 研究内容与方法
1.5 论文结构
2 关键技术
2.1技术要素
2.2前端技术
2.3后端技术
2.4 数据库技术
2.5 可行性分析
2.5.1 技术可行性分析
2.5.2 经济可行性分析
2.5.3 社会可行性分析
2.5.4 运行可行性分析
2.6 可行性结论
3 需求分析
3.1 业务需求
3.2 用户需求
3.3 功能需求
3.3.1 前台操作功能模块
3.3.2 后台管理功能模块
3.4 性能需求
4 系统设计
4.1 系统架构设计
4.2 数据库设计
4.2.1 概念模型设计
4.2.2 关系模型设计
4.2.3 数据库表设计
4.3 系统类图设计
4.4 功能模块详细设计
4.4.1 用户注册登录功能模块设计
4.4.2 发布功能模块设计
4.4.3 导出用户列表功能模块设计
4.4.4 搜索新闻功能模块设计
5 系统实现
5.1 用户注册登录功能模块
5.2 发布新闻功能模块
5.3 导出积分信息表模块
5.4 搜索新闻功能模块
6 系统测试
6.1 测试环境
6.2 测试方法
6.3 测试用例
6.4 测试结论
7 总结与展望
7.1 总结
7.2 展望
参考文献
致  谢

1 绪论
1.1 选题背景
经过对校园内100名学生的实地调查发现，除了4名学生在偶然情况下阅读过官网的校园新闻外，其他学生对此均缺乏兴趣。深入分析后发现，共有66名学生表示对校园新闻不感兴趣，19名学生认为没有必要关注，另外还有15名学生从未想过要浏览校园新闻。校园新闻发布平台对于学生们深入了解思源校史和学校大事具有重要意义，同时满足了学生对校训“饮水思源”的深刻理解需求。在互联网技术不断发展的背景下，人们对于信息获取和传播的需求越来越高，特别是在校园环境中，对于新闻的获取和交流显得尤为重要。校园新闻发布平台可以方便、快捷地为学生提供学校新闻、学术资讯等相关信息，同时有助于校内师生之间的交流互动。
1.2 目的意义
（1）目的
本文旨在设计一款基于Vue框架的校园新闻发布平台，以提供一个便捷、高效且可靠的校园新闻交流平台。通过采用Vue框架，该平台可以实现快速开发、易于维护和可扩展的特性，使校园新闻发布更加高效。通过这款基于Vue框架的校园新闻发布平台，我希望为学生提供一个便捷、高效且可靠的校园新闻交流平台，促进校内师生之间的交流互动，同时帮助他们更好地了解思源校史和学校大事，加深对校训“饮水思源”的理解。
（2）意义
1）该校园新闻发布平台的建立，使得校园内的新闻和信息能够更加快速地传播，从而提高了信息的传播效率，让更多人能够及时了解到校园内的新闻动态。
2）通过该平台，用户可以方便地浏览、搜索、评论、收藏校园内的各类信息，大大提高了用户获取信息的便利性和效率，让用户能够更加全面地了解校园内的各类新闻和信息。
3）该平台能够将校园内的各类信息公开化，让学生、教师等各方面人员能够更加清晰地了解校园内的各项事务，增强了校园信息公开透明度，使校园更加民主、公正和透明。
1.3 研究现状
（1）国内研究现状
近年来，随着互联网技术的迅速发展，人们获取新闻的渠道也变得越来越多样化，已经不再拘束于传统的报纸、期刊、杂志等纸质化的方式，而是通过网络满足了人们获得第一手新闻的愿望,这样更加有助于实现新闻的规范化管理。不仅是整个社会在改变，就连各地的高校也在努力实施这种新闻的信息化建设。对于高校来说，开发一个属于自己学校的新闻发布管理系统对于学校的建设也是很有必要的。它可以动态发布校园内部新闻或者重大事项的公布通知;使学生能够更加迅速的了解校园内部发生的一些日常信息;能够向社会传递学校的科研成果、办学思路等，从而提高学校的知名度与社会认可度。本系统是基于Vue.js和MySQL数据库管理技术开发实现的，思源新闻发布平台能够在较大的程度上满足校园新闻发布管理的日常操作。
（2）国外研究现状
在很多年前，美国的《纽约时报》为他们的工作人员配备了及时信息传递系统，使得记者和编辑都能快速地了解新闻信息，各部门之间也能够实现信息共享和合作。这种系统在新闻信息的采集、编辑、加工和发布方面形成了完整的流程，衔接得当，密不可分，大大提高了新闻的采编速率和传播范围。虽然国内外的新闻发布平台发展各不相同，但是在校园数字化建设和信息技术方面，国外比国内更早占据优势。校园新闻发布管理系统在业务流程方面与社会的一些新闻发布管理系统并没有太大差别，因此发达国家的一些高校也较早应用了独立的校园新闻发布管理系统，并逐渐走向成熟。国外一些高校之所以比国内应用早，是因为他们有先进的技术和社会性质的新闻发布管理系统成熟经验的支撑，为他们的发展打下了重要的基础。
从技术上来说，国外确实比国内领先很多，因为国外的高校有稳定的规模、技术成熟的团队和专门负责校园新闻发布管理系统的维护管理。他们有独立的校园新闻发布平台，而国内只有很少的学院有专门的校园新闻发布平台。
 
1.4 研究内容与方法
本项目的研究内容主要是基于VUE框架的校园新闻发布平台的设计与实现。具体而言，本项目将主要研究以下几个方面。
（1）前端设计与开发
包括网站的整体架构、页面布局、样式设计、交互效果、前端框架的选择和使用等。
（2）后端设计与开发
包括数据的存储和管理、业务逻辑的实现、后台管理系统的设计和开发等。
（3）性能优化与测试
包括代码优化、网站性能测试和负载测试等。
在研究方法方面，本论文将主要采用实证研究方法，通过调研分析、实验验证和性能测试等方法来验证和评估本项目的设计和实现方案的可行性和有效性。同时本论文也将借鉴相关的文献和案例，以期在研究过程中能够得到更好的指导和启示。
1.5 论文结构
论文共分七章，详细地阐述了基于Vue框架的思源新闻发布平台开发过程中所涉及到的各个环节。本文运用软件工程的思想，对该系统的各方面功能进行了探讨，并对该系统的实现过程作了较为详尽的阐述。本篇论文按以下方式排列。
第 1 章，绪论。本章论述了思源新闻发布平台对在学生群体间传播校内新闻所具有的积极意义进行了简要介绍了研究背景、目的及意义以及国内外研究的现状，通过国内现有软件的优点及不足的分析，进行相关的学习。
第 2 章，相关技术。在这一章中，主要对以web网站为基础的思源新闻发布平台开发的主要技术进行了描述，具体包括了用户界面的实现所需技术，后台管理界面的实现所需技术，MySQL数据库等相关技术内容，以及根据目前系统所需的经济技术等介绍系统的可行性分析。
第 3 章，需求分析。本章主要是对用户、系统功能、性能等问题做出描述，并画出本系统用例图。
第 4 章，系统设计。根据第 3 章的要求，对各模块进行了详细的划分，并对各模块的功能进行了详细的阐述。最后对各个功能模块进行了详细的设计。建立了数据库，对每一张数据表进行了详细的分析。
第 5 章，系统实现。在这一章中，本文首先对该系统的开发环境进行了详细的描述，然后对该系统的几个主要模块的用户界面和具体的功能实现做了较为系统的介绍。其中包括用户登录模块，发布新闻模块，点赞收藏模块，以及其他一些重要的功能模块。
第 6 章，系统测试。本章首先介绍了黑盒测试及白盒测试的基础理论，通过黑盒测试和白盒测试中的部分方法对于系统进行局部测试，编写测试用例。
第 7 章，总结与展望。本章主要包括系统本身存在的问题及后续对于系统优化的期望，对本系统做出了最后的总结。