简介
htmling 是一个基于 Node.js 的模板引擎，它可以让你使用类似 HTML 的语法来编写动态的 web 页面。通过使用 htmling，你可以更加方便地生成复杂的 HTML 结构，同时还能够避免手写模板代码所带来的繁琐和错误。
安装
在开始使用 htmling 之前，你需要先安装它。可以通过 npm 来进行安装：
npm install htmling
使用
基本用法
下面是一个简单的示例，展示了如何使用 htmling 来生成一个包含标题和列表的 HTML 文档：
-- -------------------- ---- -------
----- ------- - -------------------
-- ------
----- -------- - ----------------------------------------------------------------
-- ----
----- ------- - -
------ --- ------
------ ------ --- ----- --- ----- ---
--
----- ------ - ------------------------ ---------
--------------------上述代码中，我们首先使用 require 函数将 htmling 模块导入到 JavaScript 中。然后，我们创建了一个包含标题和列表的模板，并将其存储在变量 template 中。接着，我们定义了一个数据对象 context，其中包含了模板中所需的数据。最后，我们使用 htmling.render 函数来渲染模板，并将渲染结果输出到控制台上。
在模板中，我们使用了 {{title}} 和 {{#items}}...{{/items}} 这样的语法来表示模板中的变量和循环。htmling 支持类似 Handlebars 的语法，因此如果你熟悉 Handlebars，那么学习 htmling 就会非常容易。
高级用法
除了基本的模板语法之外，htmling 还支持许多高级特性，例如模板继承、条件渲染、过滤器等等。下面是一些示例代码，展示了这些特性的用法：
模板继承
-- -------------------- ---- -------
-- -------
----- -------------- - ----------------------------------------------------------------------------
-- --------------
----- ------------- - ---------- -------------------- ---------------------------------------------------
-- -----
----- ------- - -
------ --- -----
--
----- ------ - ----------------------------- ---------
--------------------上述代码中，我们定义了一个父模板和一个子模板，其中子模板通过 {{#extend}} 和 {{#content}} 语法来继承父模板。我们还定义了一个数据对象 context，其中包含了模板中所需的数据。最后，我们使用 htmling.render 函数来渲染子模板，并将渲染结果输出到控制台上。
条件渲染
-- -------------------- ---- -------
-- ------
----- -------- - ------ ---------------------------------------------------------------------- -------------------
-- ----
----- -------- - -
------ ------ --- ----- --- ----- ---
--
----- ------- - ------------------------ ----------
----- -------- - -
------ --
--
----- ------- - ------------------------ ----------
---------------------
---------------------上述代码中，我们定义了一个包含条件渲染的模板，其中使用了 {{#if}}...{{else}}...{{/if}} 语法来根据条件渲
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49048