题目

基于Vue框架+node.js全球新闻网站的设计与实现

二级学院

计算机科学与工程学院

专业

软件工程（专升本）

班级

20软件工程5班

姓名

学号

联系方式

指导教师

职称

讲师

工作单位

开题报告内容

一、选题背景及选题意义、国内外研究现状、初步设想及拟解决的问题：

选题背景及意义：

随着计算机及网络技术的不断发展,现代新闻技术应用的普及，新闻行业也发生了巨大的变化。传统的新闻媒体面临着数字化、移动化和社交化的挑战。越来越多的用户通过互联网获取新闻信息，传统的报纸、电视等媒体也在逐渐向互联网媒体转型。因此，建立一个新闻类的网站，以适应时代的发展和用户的需求，具有重要的意义。

国内外研究现状：

在过去的几年中，新闻类网站的研究已经取得了一定的成果。其中，最重要的一个方面是新闻类网站的信息传播和用户参与。研究者们通过实证研究发现，新闻类网站的信息传播能力与网站的互动性和用户参与度有关。此外，研究者们还探讨了新闻类网站的用户体验、信息质量、内容设计等方面。然而，目前的研究还存在一些问题，例如缺乏跨学科的研究、缺乏对新闻类网站的社会责任和影响的研究等。

初步设想及拟解决的问题：

通过使用JavaScript和node.js开发语言编写相关程序代码，开发出一个基于Vue+Express的在线考试系统，系统集成了注册登录、新闻标题管理、新闻内容管理、个人中心、管理员权限等功能，发布与阅读新闻流程完善。实现一整套完整体系的新闻阅读系统。由于是在本地实现前后端的开发并且运行，那么会遇到一些开发的问题。初步设想和解决的问题如下：

初步设想：

1. 系统架构设计：首先，我将设计一个前端使用Vue.js框架，后端使用Node.js的新闻网站系统。Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架，它将与一个基于 Node.js 的后端服务器协同工作。Node.js 是一个可运行在服务器端的 JavaScript 运行环境，它能让我们使用 JavaScript 来处理服务器端的逻辑。

2. 数据库设计：我将使用一个关系型数据库管理系统如MySQLWorkbench 8.0 来存储和检索新闻数据。Vue.js 前端将通过 API 与后端进行数据交互。

3. 用户交互设计：我将设计一个具有用户友好的界面，使用户能够轻松浏览新闻，并支持存储历史记录功能。用户可以注册账户，保存他们喜欢的新闻，并修改用户的信息。

4. 后端设计：我将使用 Node.js 和 Express 构建后端服务器。Express 是一个 Node.js 的 web 应用框架，它提供了一些强大的特性，例如路由、中间件处理等。

5. 前后端交互设计：前后端将通过 JSON 数据格式进行交互。当用户在前端页面上执行某些操作时，前端会将用户的操作状态和数据以 JSON 格式发送到后端，后端处理这些请求并将结果返回给前端。

解决的问题：

1. 前后端分离的问题：虽然 Vue.js 和 Node.js 都是 JavaScript 的生态系统，但是它们分别处理前端和后端，如何在两者之间进行有效的数据和状态交互是一个需要解决的问题。

2. 数据库设计问题：如何设计数据库以支持新闻的存储、检索和用户数据的管理，以及如何优化数据查询效率，是另一个需要解决的问题。

3. 用户交互体验问题：如何设计一个直观、易用的用户界面，提供良好的用户体验，是另一个需要关注的问题。

4. 安全性和稳定性问题：对于任何网络应用，都需要考虑其安全性和稳定性。如何防止恶意攻击，如何保证系统的稳定运行，是在设计和实现过程中需要考虑的问题。

5. 跨浏览器兼容性问题：虽然 Vue.js 在大多数现代浏览器上运行良好，但并非所有的浏览器都支持。如何解决这个问题，使得网站可以在不同的浏览器上都有良好的展示效果，也是需要解决的问题之一。

6. 网站的安全性和可靠性：1、使用HTTPS协议保护用户数据传输的安全性，防止中间人攻击。2、对用户输入进行合法性验证，防止XSS、SQL注入等常见攻击手段。

7. Web 应用程序的跨域问题：1、可以使用 CORS 中间件来解决跨域问题。CORS 中间件配置在服务端。2、前端发起请求的时候自动配置相应的请求头，进而解除浏览器的跨域访问限制

二、论文撰写过程中拟采取的方法和手段：

初步设计所使用的开发环境：

操作系统：Windows10，数据库：MySQL Workbench，代码编译软件：Visual Studio Code

模块划分设计：

1、用户注册模块：提供一个注册的功能让用户注册账号密码，进行登录，其中注册也会设置条件，例如：账号必须大于4个字符小于13个字符，密码必须大于6个字符小于12个字符。

2、用户登录模块：分为不同的权限登录，普通用户和管理员，两个身份的权限是不一样的，登录后展示的内容也不一样，管理员可以有更多的删除权限，普通用户却只能删除自己的内容。

3、创建新闻分类：在用户发布新闻的时候需要选择一个新闻分类，而这个新闻分类是需要创建的，同时可以修改新闻分类、删除新闻分类。目前定为管理员才有这个权限操作分类。

3、新闻内容管理：这一块功能分别有添加新闻、修改新闻、删除新闻、查看新闻。用户通过

添加新闻功能添加内容，进行发布，发布之后其他用户可以通过刷新界面查看到新发布的新闻。管理员是可以直接删除或者修改用户发布的新闻的，这是一个单独的权限。

4、新闻模块：这里目前的设计是包含了历史新闻、体育新闻、地区新闻、娱乐新闻四大类。历史新闻可以查看历史上的今天发生了什么大事；体育新闻是查看体育界的新闻事件；地区新闻是查看某个城市的新闻事件；娱乐新闻是查看娱乐圈发生的事情。这几个新闻模块暂时考虑使用

免费的API接口进行实现。

5、个人中心：这里提供了用户修改信息和查看信息的功能，包括修改密码修改头像，也能查看用户发布的新闻，对新闻进行删除。

6、历史浏览：用户可以查看自己阅读过的内容，也可以清除全部浏览历史

7、今日天气：这里是一个特殊的功能，不属于新闻系列，主要是让有需要的人关注到其他城市现在的天气，以便了解改城市的状况。

三、设计（创作）提纲：

1 绪论

1.1 选题背景及意义

1.2国内外目前现状

1.3 选题简介

1.4 论文组织结构

2系统分析

2.1系统可行性分析

2.1.1 技术可行性分析

2.1.2 操作可行性分析

2.1.3 经济可行性分析

2.2 系统需求分析

2.2.1 系统实现目标

2.2.2 系统功能需求分析

2.2.3 系统角色分析

2.3 系统业务结构

2.3.1 系统业务流程

2.3.2 系统总体结构

2.3.3 系统架构设计

3系统设计

3.1 数据库设计

3.1.1 数据库概念

3.1.2 数据库设计规范

3.1.3 数据库关系设计

3.2 功能模块设计

3.2.1前台功能模块设计

3.2.2 后台功能模块设计

4 系统实现

4.1 开发环境

4.1.1 硬件配置

4.1.2 软件配置

4.2 系统框架搭建

4.2.1 前端框架整合

4.2.2 后端框架整合

4.3 各功能模块的实现

4.3.1 注册登录功能模块实现

4.3.2 文章分类功能模块实现

4.3.3 新闻内容功能模块实现

4.3.3 个人中心功能模块实现

5 系统测试

5.1 系统测试的意义

5.2 系统功能测试

5.3 系统维护

6 总结

6.1 系统的优点与不足

6.2 致谢

四、计划进度

2023.07.18-2023.07.29   选题

2023.08.01-2023.09.01   查阅中外文献资料，外文资料翻译，确定系统设计方案

2023.09.02-2023.10.15   完成开题答辩及开题报告

2023.10.16-2024.01.12   进行毕业设计与撰写毕业设计（论文）

2024.01.13-2024.01.19   中期检查

2024.01.20-2024.03.08   完成毕业论文（设计）初稿及检测

2024.03.09-2024.03.30   完成毕业论文（设计）定稿及检测

2024.04.01-2024.04.14   毕业论文（设计）抽检

2024.04.15-2024.04. 30  上交毕业论文（设计）正稿打印版及电子材料，毕业设计系统及系统使用说明光盘，完成毕业答辩PPT

2024.05.07-2024.05.20   毕业答辩

五、参考文献

[1]朱嘉星.基于深度学习的新闻推荐系统的设计与实现[D].北京邮电大学,2021(1):13-22+31

[2]刘启伟. 基于Vue.js框架的Web前端开发工具的设计与实现[D].北京邮电大学,2021(1):15-20+28

[3]杨婷婷.高校宣传部新闻网站的设计与实现[J].电视技术,2021,45(05):20+25-30

[4]张恒铭.基于SpringBoot+MyBatis框架的高校人事信息发布系统设计与实现[J].电脑知识与技术,2020,16(18):68-70

[5]何旭东. 基于摘要的新闻事件展示系统的设计与实现[D].北京邮电大学,2020(1):44-57

[6]陈本康. 基于微服务的新闻类网站爬虫与分类检索平台设计及实现[D].中国科学院大学(中国科学院大学人工智能学院),2020(1):25-31

[7]孙烨,王岚,张可欣等.基于Web的新闻资讯交互网站设计与实现[J].信息与电脑(理论版),2020,32(10):172-174

[8]郑宝瑞. 基于混合策略的新闻推荐系统设计与实现[D].北京交通大学,2019(1):33-40

[9]苗雨. 经济类新闻的文本摘要系统的设计与实现[D].北京邮电大学,2020(1):42-54

[10]梁永春,焦文强,田立勤.基于大数据新闻网站文本挖掘的网络舆情监测设计与实现[J].华北科技学院学报,2018,15(04):82-87+92

[11]何谊. 云南网新闻文本访问量预测系统设计与实现[D].云南大学,2018(1):20-31

[12]傅宏智,王静玉.基于个人兴趣的新闻推送网站设计与实现[J].信息与电脑(理论版),2018(23):73-74

[13]张天翊. 基于主题模型的科技新闻分析系统的设计与实现[D].北京邮电大学,2019(1):14-26

[14]沈燕妮. 县级纪检监察新闻门户网站设计与实现[D].电子科技大学,2018(1):21-30

[15]Youssef A A, El Khoreby M A, Issa H H, et al. Brief Survey on Industry 4.0 Warehouse Management Systems[J]. 2022.

[16]Kuandykov M. Data digitization and its importance for Effective Business Management in Amazon[J].2021

六、指导教师意见：

【根据开题报告的内容要点，给出综合性评价，并给出（同意开题/不同意开题）意见】

指导教师签名：

年   月   日

七、系审核意见：

系主任签名：

年   月   日