使用Express.js构建Node.js Web应用程序

蓝色海洋之心 2019-07-04 ⋅ 19 阅读

Express.js是一个极其简洁和灵活的Web应用程序框架,可以用于构建基于Node.js的Web应用程序。它提供了一组强大的功能和中间件,使得开发Web应用程序变得更加简单和高效。

安装Express.js

首先,我们需要在Node.js项目中安装Express.js。使用以下命令可以安装最新版本的Express.js:

$ npm install express --save

创建简单的Express.js应用程序

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

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

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

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

以上代码创建了一个Express应用程序,监听在3000端口上。当用户访问根路径时,返回一个简单的字符串响应。

路由和请求处理

Express.js使用路由来处理不同的URL路径。下面是一个使用不同路由的示例:

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

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

app.get('/users/:id', (req, res) => {
  const userId = req.params.id;
  res.send(`User ID: ${userId}`);
});

在以上代码中,当用户访问根路径时,在浏览器中显示"Hello, Express.js!"字符串。当用户访问/about路径时,显示"About page"字符串。在访问/users/1路径时,返回"User ID: 1"字符串,其中1是动态路由参数。

中间件

中间件是Express.js的一个重要概念,用于处理请求和响应对象。中间件可以添加、修改或删除请求对象、响应对象的属性。下面是一个使用中间件的示例:

app.use(express.json());

app.use(express.urlencoded({ extended: true }));

app.use((req, res, next) => {
  console.log('Middleware log');
  next();
});

在以上代码中,我们使用了express.json()中间件来解析JSON格式的请求体,express.urlencoded()中间件来解析URL编码的请求体。第三个中间件简单地将一条日志打印到控制台。

模板引擎

Express.js可以与各种模板引擎一起使用,以渲染动态内容。下面是一个使用Handlebars模板引擎的示例:

首先,我们需要安装Handlebars模块:

$ npm install express-handlebars --save

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

const exphbs = require('express-handlebars');

app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');

现在,可以创建Handlebars模板并在路由处理程序中使用它们:

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

上面的代码将渲染名为"user.handlebars"的模板,并向其传递userId变量。

以上是一个简单的Express.js应用程序的介绍以及其一些主要特性。使用Express.js,我们可以快速、轻松地构建强大且高效的Node.js Web应用程序。


全部评论: 0

    我有话说: