Node.js Express 框架

作者：一键难忘520 | 2024-07-29 16:53:03

踩

Node.js Express 框架

Express.js 是一个非常流行的 Node.js 框架，用于构建 Web 应用和 API。它的设计简洁且灵活，可以很容易地与其他中间件、模板引擎和数据库库集成。下面我将详细介绍如何使用 Express.js 来构建 Web 应用程序。

安装 Express.js

首先，你需要安装 Express.js。你可以使用 npm 或 yarn 来安装。

npm install express
1

或者使用 yarn:

yarn add express
1

创建基本的 Express 应用

接下来，我们创建一个简单的 Express 应用来处理 HTTP 请求。

创建新的 Node.js 项目：

mkdir my-express-app
cd my-express-app
npm init -y
1
2
3

安装 Express.js：
```
npm install express
1
```
创建主应用文件：
在项目根目录下创建 app.js 文件。

编写 Express 应用：
打开 app.js 并编写以下代码：

const express = require('express');
const app = express();
const port = 3000;

// 设置视图引擎
app.set('view engine', 'ejs');

// 设置静态文件目录
app.use(express.static('public'));

// 解析请求体
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// 定义路由
app.get('/', (req, res) => {
  res.render('index');  // 假设你有一个名为 index.ejs 的模板文件
});

app.get('/about', (req, res) => {
  res.send('About Us Page');
});

app.get('/contact', (req, res) => {
  res.send('Contact Us Page');
});

app.post('/submit', (req, res) => {
  console.log(req.body);
  res.send('Data received');
});

// 错误处理中间件
app.use((req, res, next) => {
  res.status(404).send('Page Not Found');
});

// 启动服务器
app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

解释代码

引入 Express 模块：const express = require('express');
创建 Express 应用：const app = express();
设置端口：const port = 3000;
设置视图引擎：app.set('view engine', 'ejs'); 使用 EJS 作为模板引擎。
静态文件服务：app.use(express.static('public')); 为 /public 目录下的静态文件提供服务。
解析请求体：app.use(express.json()); 和 app.use(express.urlencoded({ extended: true })); 用于解析 JSON 和 URL 编码的请求体。
定义路由：
- app.get('/', (req, res) => {...}) 定义了处理 GET 请求的路由。
- app.post('/submit', (req, res) => {...}) 定义了处理 POST 请求的路由。
错误处理中间件：app.use((req, res, next) => {...}) 用于处理未匹配的路由。
启动服务器：app.listen(port, () => {...});

运行应用

要运行你的 Express 应用，只需在终端中执行以下命令：

node app.js
1

此时，你应该能在浏览器中访问 http://localhost:3000/ 来查看你的应用。

使用中间件

Express.js 支持使用中间件来扩展其功能。中间件是在请求到达路由处理器之前执行的功能。

例子：日志中间件

function logger(req, res, next) {
  console.log(`${req.method} ${req.originalUrl}`);
  next();
}

app.use(logger);
1
2
3
4
5
6

使用模板引擎

Express.js 支持多种模板引擎。上面的例子中使用了 EJS 作为模板引擎。

安装 EJS

npm install ejs
1

创建模板文件

在项目根目录下创建 views 文件夹，并在其中创建 index.ejs 文件。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Home Page</title>
</head>
<body>
  <h1>Welcome to our website!</h1>
</body>
</html>
1
2
3
4
5
6
7
8
9
10

使用数据库

你可以使用任何你喜欢的数据库库来与 Express.js 集成。例如，如果你想要使用 MongoDB，你可以安装 mongoose 并使用它来连接数据库。

安装 Mongoose

npm install mongoose
1

连接到数据库

const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost/my_database', {
  useNewUrlParser: true,
  useUnifiedTopology: true
}).then(() => {
  console.log('Connected to MongoDB');
}).catch((err) => {
  console.error('Failed to connect to MongoDB', err);
});
1
2
3
4
5
6
7
8
9
10

总结

Express.js 是一个非常强大且灵活的框架，可以用来快速构建 Web 应用和 API。通过使用中间件、模板引擎和数据库库，你可以轻松地扩展 Express.js 的功能。如果你有任何具体的问题或需要进一步的帮助，请随时告诉我！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/一键难忘520/article/detail/899760