Node.js 中的视图引擎

本文将与您讨论 Node.js 中的视图引擎，以及一些相关内容。

什么是视图引擎？

视图引擎是一种中间件，它有助于从模板生成 HTML 标记。这些模板有多种形式，包括 Handlebars、EJS 和 Pug。最终的 HTML 被提供给客户端。它将这些模板与数据结合起来。视图引擎的主要功能是将代码分成更易于管理的块。它将显示层与业务逻辑分开。

视图引擎有什么用？

使用视图引擎的一些好处如下：

• 问题隔离：它将业务逻辑与 HTML 代码分开。通过将外观层和应用程序逻辑分开，有助于维护清晰的代码库。
• 可重用性：应用程序的多个部分可以重用相同的模板。导航栏等元素可以存放在这里。页眉也可以重用。
• 可读性：与在 JavaScript 代码中连接 HTML 和数据的字符串相比，模板更容易理解，也更有意义。
• 可维护性：不会影响底层业务逻辑。更容易维护。可以更有效地更改显示层。

常见的 Node.js 视图引擎

对于 Node.js，有几种可用的视图引擎。每种都有独特的功能和语法。其中一些最受欢迎的包括：

• Handlebars：一个强大的模板引擎，注重简洁性和可读性。它允许开发人员分离应用程序逻辑。表示层使用可重用的模板。它还使用助手函数。
• EJS：这是另一个流行的引擎，代表 Embedded JavaScript。它允许开发人员使用纯 JavaScript 生成 HTML 标记。
• Pug（以前称为 Jade）：以其简洁且基于缩进的语法而闻名。它旨在使编写 HTML 更高效。由于大大减少了闭合标签，编写也更简单。还有更少的其他冗余元素。

1. EJS (Embedded JavaScript)

EJS 简单的模板语言允许我们使用标准的 JavaScript 来创建 HTML 标记。它运行良好，与 Node.js 应用程序兼容，并且易于使用。

示例用法

输出

2. Pug（以前称为 Jade）

Pug 是一个基于 JavaScript 的高性能 Node.js 模板引擎，深受 Haml 的影响。它提供了简洁的语法，增强了编写 HTML 的乐趣。

示例用法

// app.js

3. Handlebars

一个流行的模板引擎 Handlebars，基于 Mustache 模板语言。它提供了一种方法，可以有效地创建具有很少逻辑的语义模板。

用例示例

// app.js

在 Node.js 中设置视图引擎

在 Node.js 应用程序中配置视图引擎的一般步骤如下：

• 安装视图引擎：可以使用 npm（Node 包管理器）安装首选视图引擎。

• 设置视图引擎：配置 Express 应用程序的视图引擎。

• 创建模板：在 views 目录（或您指定的任何其他目录）中创建模板文件。

• 渲染模板：为了从模板创建 HTML 并将其发送到客户端，请使用 render 方法。

选择正确的视图引擎

我们将选择哪个视图引擎将取决于我们独特的​​需求和偏好。以下是一些需要考虑的因素：

• 易用性：如果我们想要清晰简单的语法，EJS 是一个不错的选择。
• 性能：如果性能是一个决定性因素，Pug 以其出色的性能而闻名。

结论

总之，视图引擎对于 Node.js 应用程序的开发至关重要，因为它们使得创建动态 HTML 内容更加容易。它们有助于提高代码的可维护性。它们增加了可重用性，并保持显示层和业务逻辑之间的清晰分离。开发人员可以通过选择合适的视图引擎并遵循最佳实践来设计高效且可维护的 Web 应用程序。这些应用程序提供流畅的用户体验。无论我们选择 EJS、Pug、Handlebars 还是其他视图引擎，我们理解视图引擎的功能并成功地将它们集成到我们的 Node.js 应用程序中的能力对于 Web 开发的成功至关重要。