第九篇:node静态文件服务(中间件)

🎬 江城开朗的豌豆个人主页

🔥 个人专栏 :《 VUE 》 《 javaScript 》

📝个人网站 :《 江城开朗的豌豆🫛 》

⛺️ 生活的理想,就是为了理想的生活 !

📘 引言:

当今互联网时代,Node.js 成为了最受欢迎的服务器端开发平台之一。作为一名小白,学习 Node.js 可能会让你感到有些困惑和陌生。但是,不用担心!本文将带领你进入 Node.js 的世界,帮助你理解它的基本概念和学习路径。

Node.js 是构建高性能、可扩展网络应用程序的运行时环境。它基于 Chrome V8 JavaScript 引擎,并采用事件驱动、非阻塞的 I/O 模型,使得它能够处理大量并发连接而不阻塞其他操作。这使得 Node.js 成为构建实时应用程序、聊天应用、API 服务等的理想选择。

本文旨在为初学者提供一个简单的入门指南,介绍 Node.js 的核心概念、安装和配置环境的步骤,以及使用常见的模块和工具。我们还将探索如何编写简单的服务器端代码、处理 HTTP 请求和响应、读写文件、操作数据库等常见任务。

无论你是想成为一名全职的 Node.js 开发者,还是只是对学习这门技术感兴趣,本文都将为你提供一个良好的起点。我们将尽量以简洁明了的方式解释概念,并提供实际的示例代码帮助你理解。

让我们一起开始这段令人兴奋的 Node.js 学习之旅吧!

📟 第一步:创建public文件夹,并且新建一个css目录和img目录

/css/about.css

css 复制代码
h1{
  color: red;

}

/img/logo.jpeg

📟 第二步:在about.hbs中引入。

html 复制代码
<link rel="stylesheet" href="/css/about.css">
<div>
  <h1>关于我们</h1>
  <p>学习node.js第二天</p>
  <a href="/index" target="_self">index页面</a>
  <img style="width: 200px;height:200px" src="/img/logo.jpeg" alt="">
</div>  

📟 第三步:在server.js中配置。

javascript 复制代码
app.use(express.static('public'))  //注册静态资源中间件
📘 往期篇章推荐

📟 第一篇:node的背景及版本的检查

📟 第二篇:新建node项目并运行

📟 第三篇:搭建项目的两种代码格式

📟 第四篇:怎么写express的路由(接口+请求)

📟 第五篇:express路由路径方式(字符串,字符串模式,和正则)

📟 第六篇:express路由拆分(模块化)

📟 第七篇:node中间件详解

📟 第八篇:node模版引擎Handlebars及他的高级用法(动态参数)

⭐ 写在最后

请大家不吝赐教,在下方评论或者私信我,十分感谢🙏🙏🙏.

✅ 认为我某个部分的设计过于繁琐,有更加简单或者更高逼格的封装方式

✅ 认为我部分代码过于老旧,可以提供新的API或最新语法

✅ 对于文章中部分内容不理解

✅ 解答我文章中一些疑问

✅ 认为某些交互,功能需要优化,发现BUG

✅ 想要添加新功能,对于整体的设计,外观有更好的建议

最后感谢各位的耐心观看,既然都到这了,点个 👍赞再走吧!

相关推荐
m0_738820202 小时前
在 Koa 中,中间件函数的参数ctx是什么?
中间件
小码农叔叔2 小时前
【大数据】Flink CDC 实时同步mysql数据
大数据·mysql·flink
程序员大金4 小时前
基于SpringBoot+Vue+MySQL的在线学习交流平台
java·vue.js·spring boot·后端·学习·mysql·intellij-idea
米饭是菜qy4 小时前
MySql 事务
数据库·mysql
lllsure5 小时前
MySQL总结
数据库·mysql
肥or胖7 小时前
【MySQL】索引
linux·数据库·mysql
读心悦8 小时前
修改 MySQL 数据库中的唯一键
数据库·mysql
卓琢8 小时前
(九)Shell 脚本(四):正则表达式、sed 和 awk 详解
linux·mysql·正则表达式
大拇指的约定10 小时前
数据库(MySQL):使用命令从零开始在Navicat创建一个数据库及其数据表(三),单表查询
数据库·mysql·oracle
银氨溶液11 小时前
MySql数据引擎InnoDB引起的锁问题
数据库·mysql·面试·求职