在 Node.js 中，使用模板引擎可以轻松地将变量动态地插入到 HTML 或其他文档类型中。其中，EJS（Embedded JavaScript Templates）是一种简单、灵活且易于学习的模板引擎。
而 Express 则是一个开源的快速 Web 应用框架，它可以帮助开发者使用 Node.js 构建 Web 应用程序。在本篇文章中，我将介绍如何使用 Express 和 EJS 模板引擎来构建一个基本的 Web 应用程序。
安装 Express 和 EJS
首先，需要在本地计算机上安装 Node.js。如果您还没有安装，请先在官网下载并安装好。
然后，在命令行窗口中，输入以下命令来安装 Express 和 EJS：
npm install express ejs
创建 Express 应用程序
在安装完 Express 和 EJS 后，我们就可以通过 Express 应用程序来搭建 Web 应用程序。在此之前，需要先创建一个名为 myapp.js 的 JavaScript 文件，并在其中添加以下代码：
// javascriptcn.com 代码示例
const express = require('express');
const app = express();
const port = 3000;
app.set('view engine', 'ejs');
app.use(express.static('public'));
app.get('/', (req, res) => {
res.render('index', { title: 'Express and EJS' });
});
app.listen(port, () => {
console.log(`App running on port ${port}`);
});这段代码的功能是创建一个 Express 应用程序，并通过 app 对象来设置模板引擎为 EJS，设置静态文件夹，以及定义根路由。
在这里，我们使用 res.render 方法来渲染 index.ejs 文件，并将 { title: 'Express and EJS' } 作为参数传递给 EJS，以便在模板中使用。
最后，使用 app.listen 方法来启动服务器，并指定运行端口为 3000。
创建 EJS 模板文件
在上述代码中，我们定义了根路由，它将渲染 index.ejs 文件。因此，我们需要创建一个名为 index.ejs 的文件，在其中添加以下代码：
// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><%= title %></title>
</head>
<body>
<h1><%= title %></h1>
<p>Welcome to my <%= title %> app!</p>
</body>
</html>如上所示，我们可以在 HTML 文档中使用 <%= %> 来插入动态变量。在这个例子中，同样将 { title: 'Express and EJS' } 传递给了模板引擎，用于替换标题和欢迎语中的变量。
运行 Express 应用程序
经过以上步骤，我们已经成功地创建了一个使用 Express 和 EJS 的 Web 应用程序。在命令行窗口中，输入以下命令运行应用程序：
node myapp.js
打开浏览器，输入 http://localhost:3000，即可看到页面已经成功渲染。这就是使用 Express 和 EJS 构建的 Web 应用程序基本过程。
总结
在本篇文章中，我们介绍了如何使用 Express 和 EJS 模板引擎来构建一个基本的 Web 应用程序。其中，Express 可以帮助我们搭建 Web 应用程序的框架，而 EJS 则非常适合用来将变量动态地插入到 HTML 或其他文档类型中。通过以上步骤，您已经可以对使用 Express 和 EJS 开发 Web 应用程序有一个基本的认识，并能够进行简单的应用程序开发。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65474e8f7d4982a6eb1ab2cc