Express.js 是一个流行的 Node.js 框架,用于构建高性能的 Web 应用程序。本教程将引导你入门 Express.js。
快速开始
安装 Node.js
首先,确保你的系统中已安装 Node.js 和 npm(Node.js 包管理器)。你可以通过以下命令检查 Node.js 版本:
node -v
npm -v
创建项目
在你的工作目录中创建一个新的文件夹,例如 express-tutorial
,然后进入该文件夹:
mkdir express-tutorial
cd express-tutorial
使用 npm 初始化一个新的 Node.js 项目:
npm init -y
安装 Express.js
接下来,安装 Express.js:
npm install express
创建服务器
在你的项目根目录下创建一个名为 app.js
的文件,并添加以下代码:
const express = require('express');
const app = express();
const port = 3000;
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}/`);
});
运行你的服务器:
node app.js
现在,你可以通过浏览器访问 http://localhost:3000/
来查看你的 Express.js 服务器。
路由和中间件
Express.js 使用路由和中间件来处理请求。以下是一些基本的路由和中间件示例:
路由
app.get('/about', (req, res) => {
res.send('关于我们');
});
app.post('/contact', (req, res) => {
res.send('感谢您的联系');
});
中间件
app.use((req, res, next) => {
console.log('请求到达');
next();
});
app.get('/home', (req, res) => {
res.send('首页');
});
静态文件
Express.js 可以轻松地处理静态文件,如 HTML、CSS 和 JavaScript 文件。
在你的项目根目录中创建一个名为 public
的文件夹,并将你的静态文件放入其中。Express.js 会自动将 public
文件夹中的文件暴露给客户端。
模板引擎
Express.js 可以与多种模板引擎一起使用,例如 EJS、Pug 和 Handlebars。
以下是一个使用 EJS 的示例:
app.set('view engine', 'ejs');
app.get('/example', (req, res) => {
res.render('example', { title: '示例页面' });
});
在你的项目根目录中创建一个名为 views
的文件夹,并在其中创建一个名为 example.ejs
的文件:
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
</head>
<body>
<h1><%= title %></h1>
</body>
</html>
现在,当访问 /example
路径时,Express.js 会渲染 example.ejs
模板。
扩展阅读
更多关于 Express.js 的信息,请访问我们的 Express.js 官方文档。
<a href="/Documentation/Express_js">Express.js 官方文档</a>
希望这个教程能帮助你入门 Express.js!🎉