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!🎉