Node.js(基础四)_Express基础

在Node.js开发中，我们常常需要使用Web框架。其中，Express是一个流行的开源Node.js Web应用程序框架。它为Web应用程序提供了许多有用的功能，例如路由、模板引擎等。本文将介绍如何使用Express框架。

安装Express

要使用Express框架，首先需要安装它。可以使用以下命令在命令行中安装Express框架：

npm install express --save

这将在当前应用程序的node_modules目录下安装Express框架。

创建Express应用程序

使用Express开发Web应用程序，需要创建一个Express应用程序。通过下面的代码，可以创建一个最小的Express应用程序：

const express = require('express')
const app = express()

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(3000, () => {
  console.log('App listening on port 3000!')
})

在上面的代码中，我们首先引入了Express模块，然后使用express()函数创建一个应用程序实例。接下来，使用app.get()函数来处理HTTP GET请求。当用户访问根路由时，应用程序会响应“Hello World!”字符串。最后，应用程序会监听3000端口并打印一条消息到控制台。运行应用程序后，当你在浏览器中访问http://localhost:3000时，将看到“Hello World!”字符串。

使用路由

路由是Web应用程序中最常用的概念之一。通过路由，可以封装并组织Web应用程序的代码逻辑。使用Express，创建路由非常简单。下面的代码展示了如何创建路由，并响应GET和POST请求：

const express = require('express')
const app = express()

app.get('/', (req, res) => {
  res.send('Hello World!')
})

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

app.post('/submit', (req, res) => {
  res.send('Form submitted')
})

app.listen(3000, () => {
  console.log('App listening on port 3000!')
})

在上面的代码中，我们定义了3个路由：

GET /：响应根路径的请求，并返回一个“Hello World!”字符串。
GET /about：响应/about路径的请求，并返回一个“About page”字符串。
POST /submit：响应/submit路径的POST请求，并返回一个“Form submitted”字符串。

使用模板引擎

在Web应用程序中，使用模板引擎可以轻松地生成HTML页面。Express支持常见的模板引擎，如EJS、Handlebars和Pug。下面的代码展示了如何使用EJS模板引擎来生成HTML页面：

安装依赖：

npm install ejs --save

创建views目录，并编写view.ejs文件：

<!DOCTYPE html>
<html>
<head>
  <title>EJS Example</title>
</head>
<body>
  <h1><%= message %></h1>
</body>
</html>

编写以下代码：

const express = require('express')
const app = express()

app.set('view engine', 'ejs')

app.get('/', (req, res) => {
  res.render('view', { message: 'Hello World!' })
})

app.listen(3000, () => {
  console.log('App listening on port 3000!')
})

在上面的代码中，我们首先使用app.set()函数设置模板引擎为EJS，然后定义GET / 路由，使用res.render()函数来渲染一个名为view.ejs的模板，将message参数传递给模板。运行应用程序后，当你在浏览器中访问http://localhost:3000，将看到一个包含“Hello World!”字符串的HTML页面。

使用中间件

Express的一大特色是中间件。中间件是连接应用程序和路由的桥梁，它执行一些通用的任务，如用户身份验证和请求处理。应用程序中的每个路由都可以使用中间件。下面的代码展示了如何使用中间件：

const express = require('express')
const app = express()

// 定义中间件函数
const logMiddleware = (req, res, next) => {
  console.log(`[${new Date().toISOString()}] ${req.method} ${req.url}`);
  next();
};

// 使用中间件函数
app.use(logMiddleware);

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(3000, () => {
  console.log('App listening on port 3000!')
})

在上面的代码中，我们定义了一个名为logMiddleware的中间件函数。它将输出HTTP请求的信息到控制台。然后使用app.use()函数将它添加到应用程序中。接下来定义GET /路由，该路由将响应“Hello World!”字符串。运行应用程序后，当你在浏览器中访问http://localhost:3000，将看到“Hello World!”字符串，并在控制台中看到HTTP请求的信息。

以上是Express框架的基础使用方式，希望通过本文的介绍，对于大家的学习有所帮助。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：node.js(基础四)_express基础 - Python技术站

node.js(基础四)_express基础