在前端开发中，我们通常需要使用模板引擎来渲染 HTML 文件，同时提高页面展示效率。ejs2 是一款非常实用的 npm 包，它可以快速地将数据渲染到 HTML 页面中。
安装
使用 ejs2 ，需要先安装该 npm 包。可以在命令行中输入以下命令来进行安装：
npm install ejs2 --save
在安装之后，可以在 package.json 文件中找到 ejs2 依赖包。
基本用法
ejs2 的使用非常简单，主要包含以下三部分：
- 编写 ejs 模板文件。
ejs 模板文件类似于普通的 HTML 文件，只不过其中包含了一些特殊的标记。例如，可以使用 <% %> 标记来包含模板代码块，以及 <%= %> 标记来包含模板变量。
以下为一个示例的 ejs 模板文件：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- --------- ----------
-------
------
------- ------- -------
----
-- --- ---- - - -- - - ------------- ---- - --
------- -------- -------
-- - --
-----
-------
-------- 渲染数据到模板文件中。
使用 ejs2 可以很轻松地将数据渲染到 ejs 模板文件中。以下代码演示了如何渲染数据：
-- -------------------- ---- ------- ----- --- - ---------------- ----- -- - -------------- ----- -------- - ------------------------------- -------- ----- ---- - - ---------- ----- ------ -------- -------- -- ------- ------ --------- -------- -------- -- ----- ---- - -------------------- ------ ------------------
在上面的代码中，我们首先读取了 ejs 模板文件的内容，然后定义了一个数据对象，其中包含了 pageTitle、message 和 items 的值。最后，使用 ejs2 的 render 函数将数据渲染到模板中，生成最终的 HTML 文件。
- 输出 HTML 文件内容。
最后一步就是将生成的 HTML 文件内容输出到客户端页面中。以下代码演示了如何输出 HTML 文件内容：
res.send(html);
在上面的代码中，我们将生成的 HTML 文件内容作为响应返回给客户端页面。此时，页面就可以正确地展示模板文件中定义的数据了。
高级用法
除了基本用法之外，ejs2 还支持一些高级用法，可以更方便地操作模板文件。
循环控制
ejs2 支持 for 循环语句，可以用于处理数据循环。以下代码展示了如何使用 for 循环语句：
<ul>
<% for (var i = 0; i < items.length; i++) { %>
<li><%= items[i] %></li>
<% } %>
</ul>条件语句
ejs2 支持 if 和 else 语句，可以用于处理数据的条件分支。以下代码展示了如何使用 if 和 else 语句：
<% if (data.isLogin) { %>
<a href="/logout">Logout</a>
<% } else { %>
<a href="/login">Login</a>
<% } %>包含模板
ejs2 支持 include 语句，可以用于包含其他的 ejs 模板文件。以下代码展示了如何使用 include 语句：
<div> <% include header.ejs %> <p>Hello World!</p> <% include footer.ejs %> </div>
总结
ejs2 是一款非常实用的 npm 包，可以快速地将数据渲染到 HTML 页面中。在学习和使用 ejs2 的过程中，我们需要掌握基本用法和高级用法，以便更加灵活地操作模板文件。最后，希望本文对大家理解和掌握 ejs2 使用教程有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76109