当前位置: 首页 > news >正文

我开源了我的新闻网站项目

🎉 前言

暑假时写了一个Web项目,感觉做的还是有模有样的,不仅做了前端,还加了后端并连了数据库。最近也是将它开源了,一来是为了熟悉一下Github流程和Git使用命令,二来也是想和大家分享一下自己的成果,虽然写的不怎么样,但还是敝帚自珍。

🎉 项目介绍

本项目是一个以“奥运”为主题的新闻宣传网站,网站取名为“时事聚焦”。该网站属于一个前后端分离项目,前端采用“Bootstrap5和Vue3”框架进行网页设计,后端采用Node.js主流框架——“Express”对前端请求进行响应,同时使用了Mysql数据库对网站的主要信息进行存储。网站的设计灵感有很大一部分来自于“今日头条”新闻网站,同时也综合考量了“新华网”,“人民网”,“环球网”等主流新闻网站。项目历时20余天开发完成,采用主流开源编辑器“Visual Studio Code”进行开发,并利用编辑器自带的Git版本控制系统进行详细的开发日志记录。项目具备一个新闻网站的基本功能,包括但不限于“注册”,“登录”,“新闻检索”,“新闻详情页浏览”,“新闻热榜”,“天气查询”等

项目演示

网站首页
在这里插入图片描述登录页面
在这里插入图片描述

新闻详情页
在这里插入图片描述

新闻搜索页
在这里插入图片描述
更多介绍请移步至Github:项目地址

结尾

文章篇幅有限,无法展示项目的全部内容,因此不妨建议各位读者去笔者的Github中将项目克隆到本地,这样一来就可以完整地体验项目了,由于作者能力有限,因此项目难免出现舛误,如遇到任何问题,欢迎在评论区留言,我会尽力为大家解答,最后,如果喜欢这个项目,不妨给作者的项目一个star吧,你的鼓励就是我前进的最大动力❤️。

相关文章:

我开源了我的新闻网站项目

🎉 前言 暑假时写了一个Web项目,感觉做的还是有模有样的,不仅做了前端,还加了后端并连了数据库。最近也是将它开源了,一来是为了熟悉一下Github流程和Git使用命令,二来也是想和大家分享一下自己的成果&…...

LlamaIndex 使用 RouterOutputAgentWorkflow

LlamaIndex 中提供了一个 RouterOutputAgentWorkflow 功能,可以集成多个 QueryTool,根据用户的输入判断使用那个 QueryEngine,在做查询的时候,可以从不同的数据源进行查询,例如确定的数据从数据库查询,如果…...

设计模式学习-责任链模式

概念 使多个对象都有机会处理请求,从而避免了请求的发送者和接受者之间的耦合关系。将这些对象连成一条链,并沿着这条链传递该请求,直到有对象处理它为止. 代码编写 using UnityEngine; using System.Collections; public class ChainOfResp…...

【全网最全】2024年数学建模国赛B题31页完整建模过程+成品论文+matlab/python代码等(后续会更新

您的点赞收藏是我继续更新的最大动力! 一定要点击如下的卡片,那是获取资料的入口! 2024数学建模国赛B题 【全网最全】2024年数学建模国赛B题31页完整建模过程成品论文matlab/python代码等(后续会更新「首先来看看目前已有的资料…...

第二十一届华为杯数学建模经验分享之资料分享篇

今天给大家分享一些数学建模的资料,通过这些资料的学习相信你们一定在比赛中获得好的成绩。今天分享的资料包括美赛和国赛的优秀论文集、研赛的优秀论文集、推荐数学建模的相关书籍、智能算法的学习PPT、python机器学习的书籍和数学建模经验分享与总结,其…...

使用 OpenSSL 创建自签名证书

mkdir -p /etc/nginx/conf.d/cert #2、创建私钥 openssl genrsa -des3 -out https.key 1024 提示输入字符: 输入字符:rancher [rootocean-app-1a-01 cert]# openssl genrsa -des3 -out https.key 1024 Generating RSA private key, 1024 bit long modulu…...

EmguCV学习笔记 VB.Net 9.1 VideoCapture类

版权声明:本文为博主原创文章,转载请在显著位置标明本文出处以及作者网名,未经作者允许不得用于商业目的。 EmguCV是一个基于OpenCV的开源免费的跨平台计算机视觉库,它向C#和VB.NET开发者提供了OpenCV库的大部分功能。 教程VB.net版本请访问…...

Rspack 1.0 发布了!

文章来源|Rspack Team 项目地址|https://github.com/web-infra-dev/rspack Rspack 是基于 Rust 编写的下一代 JavaScript 打包工具, 兼容 webpack 的 API 和生态,并提供 10 倍于 webpack 的构建性能。 在 18 个月前,我…...

【全网最全】2024年数学建模国赛E题超详细保奖思路+可视化图表+成品论文+matlab/python代码等(后续会更新

您的点赞收藏是我继续更新的最大动力! 一定要点击如下的卡片,那是获取资料的入口! 【全网最全】2024年数学建模国赛E题成品论文超详细保奖思路可视化图表matlab/python代码等(后续会更新「首先来看看目前已有的资料,还…...

数智转型,看JNPF如何成为企业的必备工具

随着数字化转型的浪潮席卷全球,企业面临着前所未有的挑战与机遇。在这一过程中,低代码开发平台作为一种创新的软件开发方式,正逐渐成为企业实现快速迭代和敏捷开发的关键工具。JNPF作为一款领先的低代码开发平台,凭借其强大的功能…...

ArcGIS Pro 发布松散型切片

使用ArcGIS Pro发布松散型切片问题,有时候会出现切片方案写了松散型,但是自动切片完成后依然是紧凑型的问题,这时候可以采用手动修改然后再切片的方式。 1. 发布切片服务 选择手动切片方式 2. 手动修改服务的切片方案文件 修改cache服务…...

奖项再+1!通义灵码智能编码助手通过可信 AI 智能编码工具评估,获当前最高等级

阿里云的通义灵码智能编码助手参与中国信通院组织的可信AI智能编码工具首轮评估,最终获得 4 级评级,成为国内首批通过该项评估并获得当前最高评级的企业之一。 此次评估以《智能化软件工程技术和应用要求 第 2 部分:智能开发能力》为依据&…...

如何使用 yum 在 CentOS 6 上安装 nginx

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站。 状态 状态: 已弃用 本文涵盖的 CentOS 版本已不再受支持。如果您目前正在运行 CentOS 6 服务器,我们强烈建议升…...

F12抓包05:Network接口测试(抓包篡改请求)

课程大纲 使用线上接口测试网站演示操作,浏览器F12检查工具如何进行简单的接口测试:抓包、复制请求、篡改数据、发送新请求。 测试地址:https://httpbin.org/forms/post ① 抓包:鼠标右键打开“检查”工具(F12&#xf…...

OPenCV结构分析与形状描述符(4)计算一个旋转矩形的四个顶点的函数boxPoints()的使用

操作系统:ubuntu22.04 OpenCV版本:OpenCV4.9 IDE:Visual Studio Code 编程语言:C11 算法描述 找到一个旋转矩形的四个顶点。对于绘制旋转矩形很有用。 该函数找到一个旋转矩形的四个顶点。这个函数对于绘制矩形很有帮助。在C中,…...

【Matplotlib】利用Python进行绘图!(python数据分析与可视化)

文章开始前打个小广告——分享一份Python学习大礼包(激活码安装包、Python web开发,Python爬虫,Python数据分析,人工智能、自动化办公等学习教程)点击领取,100%免费! 【Matplotlib】 教程&…...

第二百二十节 JPA教程 - JPA 实体管理器删除示例

JPA教程 - JPA 实体管理器删除示例 我们可以使用JPA中的EntityManager来删除一个实体。 在下面的代码中,我们首先通过使用EntityManager中的find方法从数据库获取person对象,然后调用remove方法并传递person对象引用。 Person emp em.find(Person.cla…...

[⁠TypeError⁠]‍ {message: “Cannot read property ‘‘ of undefined“}

11:11:25.500 ‍[⁠TypeError⁠]‍ {message: “Cannot read property ‘’ of undefined”} 11:11:25.586 [Vue warn]: Unhandled error during execution of render function \n at \nat \nat \nat \nat \nat \nat <V uniapp 使用报错 解决方法 页面加 v-if 来判断这个字…...

NIFI汉化_替换logo_二次开发_Idea编译NIFI最新源码_详细过程记录_全解析_Maven编译NIFI避坑指南001

由于需要对NFI进行汉化,以及二次开发,首先要下载源码以后编辑通过,NIFI的源码,项目非常多,编译过程中需要编译超过570个jar包,同时编译过程很慢需要30多分钟. 1.首先下载NIFI源码,根据需要下载对应版本: https://github.com/kemixkoo/orchsym-runtime/ 首先介绍一下,这个是一…...

项目在运行时,浏览器控制台出现 Uncaught ReferenceError: globalThis is not defined

项目场景&#xff1a; 背景&#xff1a; 项目在运行时&#xff0c;QQ浏览器控制台出现 Uncaught ReferenceError: globalThis is not defined … 错误信息 问题描述 问题&#xff1a; 错误信息如下所示&#xff1a; Uncaught ReferenceError: globalThis is not definedat r…...

第十四届中国电子信息博览会(CITE2026)即将开幕,科达嘉邀您观展!

第十四届中国电子信息博览会&#xff08;CITE2026&#xff09;将于2026年4月9-11日在深圳会展中心&#xff08;福田&#xff09;盛大启幕。本次展会聚焦AI应用、具身智能、AI大模型/智算中心、低空经济、集成电路、电子元器件等领域&#xff0c;汇聚1000余家行业领军企业参展。…...

日志系统整体设计步骤以及功能函数梳理

首先到底要做一个什么东西&#xff1f;我们要造一个 C 高并发异步日志库&#xff0c;功能如下&#xff1a;用 LOG_INFO << "xxx" 这种简单写法自动带&#xff1a;时间、级别、文件名、函数名、行号支持级别过滤&#xff08;TRACE/DEBUG/INFO/WARN/ERROR/FATAL&…...

HWD风速风向传感器Arduino驱动库详解

1. 项目概述 WindSensorHWD_asukiaaa 是一款专为 HWD 系列风速风向传感器设计的嵌入式驱动库&#xff0c;面向 Arduino 及兼容平台&#xff08;如 STM32、ESP32&#xff09;提供标准化、可移植的数据采集接口。该库并非通用串口协议解析器&#xff0c;而是深度适配日本 SigLab …...

如何自定义 rdash-angular 主题:从配色到布局的完全掌控

如何自定义 rdash-angular 主题&#xff1a;从配色到布局的完全掌控 【免费下载链接】rdash-angular AngularJS implementation of the RDash admin dashboard theme 项目地址: https://gitcode.com/gh_mirrors/rd/rdash-angular rdash-angular 是一款基于 AngularJS 实…...

Go语言GORM如何做事务_Go语言GORM事务操作教程【秒懂】

绝大多数业务写操作必须用 Transaction 而非 Begin&#xff0c;因其自动提交/回滚、panic 安全&#xff1b;Begin 仅适用于跨函数传事务或手动管理 savepoint 的底层场景。什么时候必须用 Transaction 而不是 Begin绝大多数业务写操作——比如「创建订单 扣减库存 记录日志」…...

3种核心能力解锁网页资源捕获:猫抓浏览器工具全解析

3种核心能力解锁网页资源捕获&#xff1a;猫抓浏览器工具全解析 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 猫抓(cat-catch)是一款专业的浏览器…...

UE5游戏逆向实战:用FModel提取.pak文件中的3D模型(附Dumper-7避坑指南)

UE5游戏逆向实战&#xff1a;用FModel提取.pak文件中的3D模型&#xff08;附Dumper-7避坑指南&#xff09; 在虚幻引擎5&#xff08;UE5&#xff09;游戏开发与逆向工程领域&#xff0c;资源提取始终是开发者与爱好者关注的核心技能。随着引擎版本迭代&#xff0c;传统的.pak文…...

TYPE3-CAAV5如何革新CATIA中的文本与投影设计流程

1. TYPE3-CAAV5如何改变CATIA设计流程的游戏规则 第一次在CATIA里用TYPE3-CAAV5创建文本时&#xff0c;我盯着屏幕愣了三秒——原来工程软件的操作还能这么流畅&#xff01;这个看似简单的工具条彻底颠覆了我对CAD文本处理的认知。传统CATIA里需要切换多个模块才能完成的文本操…...

野火STM32_HAL库版课程笔记-手动建立工程模板与CubeMX后续用法(重要)

前置介绍为什么要手动建立工程模板?"CubeMX 是一个开发工具, 并不是开发本身, 学会借助它的便利, 而不依赖它的结构, 这是我们迈向高级开发者的关键的一步"新建工程简要步骤手动建立工程1. 新建工程文件夹2. 拷贝文件2.1. 参考目录, 文件结构对于 Inc 和 Src 等文件…...

5分钟为Windows 11 24H2 LTSC恢复微软应用商店:小白也能懂的完整教程

5分钟为Windows 11 24H2 LTSC恢复微软应用商店&#xff1a;小白也能懂的完整教程 【免费下载链接】LTSC-Add-MicrosoftStore Add Windows Store to Windows 11 24H2 LTSC 项目地址: https://gitcode.com/gh_mirrors/ltscad/LTSC-Add-MicrosoftStore 还在为Windows 11 24…...