📜  express js 示例 - Javascript (1)

📅  最后修改于: 2023-12-03 15:14:57.228000             🧑  作者: Mango

Express.js 示例 - JavaScript

Express.js 是目前最流行的 Node.js web 应用程序框架之一。它简化了 Node.js web 应用程序的开发过程,并提供了许多功能强大的功能。本文将介绍一些 Express.js 的示例,帮助程序员了解它的用法和特性。

安装

使用以下命令在你的项目中安装 Express.js:

npm install express
创建一个简单的 Express.js 应用

下面是一个简单的 Express.js 应用程序的示例:

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

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

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

这个应用程序创建一个 Express.js 实例并监听端口 3000。当你访问根路径('/')时,它会发送一个简单的消息回复。

添加路由和中间件

Express.js 提供了强大的路由和中间件功能,可以帮助你轻松处理复杂的请求逻辑。以下是一个示例,显示如何添加路由和中间件:

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

app.post('/login', (req, res) => {
  // 处理登录逻辑
});

// 中间件
app.use(express.json()); // 解析 JSON 请求体
app.use(express.static('public')); // 提供静态文件服务

这个示例中,我们使用 app.getapp.post 方法定义了两个路由,分别处理关于页面的 GET 请求和登录页面的 POST 请求。我们还使用 app.use 添加了两个中间件,分别是解析 JSON 请求体和提供静态文件服务。

使用模板引擎

Express.js 很容易与各种模板引擎集成,以便在你的应用程序中呈现动态内容。以下是一个使用 EJS 模板引擎的示例:

首先,安装 EJS:

npm install ejs

然后,在 Express.js 应用程序中配置 EJS 模板引擎:

app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));

app.get('/user/:id', (req, res) => {
  const user = { id: req.params.id, name: 'John Doe' };
  res.render('user', { user });
});

views 目录下创建一个 user.ejs 文件,用于定义用户页面的模板:

<!DOCTYPE html>
<html>
<head>
  <title>User</title>
</head>
<body>
  <h1>User: <%= user.name %></h1>
</body>
</html>

当访问 /user/1 时,Express.js 将使用 user.ejs 模板呈现用户页面,并传递用户对象作为数据。

结论

通过这些示例,你可以看到 Express.js 提供了一个简单但功能强大的方式来构建 Node.js web 应用程序。它具有灵活的路由和中间件机制,可以与各种模板引擎集成,以及许多其他功能。掌握 Express.js 将使你能够更高效地构建和管理 web 应用程序。