前言
在 web 应用程序开发的过程中，前端部分是至关重要的。其中一个重要的技术就是模板引擎，它可以帮助我们在前端页面上快速的生成动态内容。
ejs 是一个非常受欢迎的模板引擎，它非常简单易懂，可以快速的在页面上进行编写。但是，在项目的实际开发中，通常会遇到需要在多个页面上进行信息的展示，这时候就需要使用一个布局模板来对多个页面进行统一管理。
这时候，一个非常方便的解决方案就是使用 npm 包 express-ejs-layouts。它可以很方便的将布局模板应用在多个页面上，从而减少我们的代码重复度。
安装
首先，我们需要在项目中进行安装。
npm install express-ejs-layouts --save
接着，在我们的 express 应用程序中引入 express-ejs-layouts。
const express = require('express');
const app = express();
const expressLayouts = require('express-ejs-layouts');
app.use(expressLayouts);
app.set('layout', 'layouts/layout');
app.set('view engine', 'ejs');以上代码中，我们首先引入了 express 库和 express-ejs-layouts 库。然后，我们在应用程序中使用了 app.use(expressLayouts)，来启用 express-ejs-layouts 的功能。接着，我们设置了应用程序的布局模板，以及视图的默认渲染引擎。
布局模板
在 express-ejs-layouts 里，布局模板的语法与一般的 ejs 模板语法 similar，唯一的差别就在于：
<%- body %>
这一行代码，用于表示放置视图文件的位置。这里的 body 就是视图文件生成的 html 代码。
以下是一个简单的布局模板：
<html>
<head>
<title><%= title %></title>
</head>
<body>
<%- body %>
</body>
</html>以上代码中，我们首先创建了一个简单的 html 页面模板，然后在页面中的 <title> 标签中使用了变量 title。接着，我们使用了 body 来渲染视图文件生成的 html 代码。
视图文件
现在，我们已经准备好了我们的布局模板，下面我们需要创建视图文件。
在 Express 的视图文件中，我们可以指定使用的布局模板，我们需指定 layout 属性。
Here’s an example:
<% extend('layouts/layout') %>
<h1>My Page</h1>
<p>Welcome to my page.</p>以上代码中，我们在视图文件中指定了布局使用的模板是 layouts/layout，然后在页面中添加了一些简单的内容。
结语
通过上面的讲解，相信您已经对于 express-ejs-layouts 的使用有了更清晰的认识。同时，我们也提供了一个简单的实例帮助大家更好的理解。
如果您还有其他方面的疑问，欢迎在评论区中提出，我们将尽快给予您解答和支持。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67384