Nodejs高扩展性的模板引擎 functmpl简介

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，是一个使用非阻塞和事件驱动 I/O模型的服务器端 JavaScript 环境。但是Node.js 自身并不具备模板引擎功能，于是出现了大量的第三方模板引擎，其中 functmpl 就是一款高扩展性的模板引擎。

什么是 functmpl

functmpl 是一个轻量级的 JavaScript 模板引擎，使用方式类似于 PHP 模板引擎 Smarty，其可以从 HTML/CSS/Javascript 中分离出动态部分，在动态部分中使用 Javascript 进行编写，最后将动态部分替换回页面中。

functmpl 是高可定制化的，可以通过编写自定义 Filter、Tag 等方式实现自己的定制化需求。

如何使用 functmpl

使用 functmpl 分为两部分，第一部分是创建模板，第二部分是渲染模板。

创建模板

在创建模板时，首先需要通过 functmpl.compileTemplate(templateSrc) 将模板内容编译为一个可执行的模板函数。

例如：

const functmpl = require('functmpl');
const templateSrc = '<div><h1>{title}</h1><p>{content}</p></div>';
const compiledTemplate = functmpl.compileTemplate(templateSrc);

上面的代码将编译一个包含 title 和 content 参数的 div 模板，其中 {} 之间的文本会在函数调用时替换。

渲染模板

在编译完成后，可以通过 compiledTemplate(data) 执行模板函数，并将需要替换的数据传入该函数中。例如：

const templateData = {title: 'Hello world', content: 'This is a test!'}
const renderedTemplate = compiledTemplate(templateData);
console.log(renderedTemplate);

上面的代码会输出以下内容：

<div><h1>Hello world</h1><p>This is a test!</p></div>

functmpl 具有哪些特性

functmpl 的特性主要包括以下几个方面：

• 速度快：functmpl 采用了预编译技术，将模板内容编译为可执行的 JS 代码，一般情况下直接执行，不需要进行额外的解析。
• 可扩展性强：functmpl 可以通过编写自定义 Filter、Tag 等方式实现自己的定制化需求，非常灵活。
• 使用简单：几乎不需要学习新的语法，只需要掌握 JS 基础知识，就可以轻松使用 functmpl 进行模板渲染。

一个使用 functmpl 的示例

接下来，我们通过一个简单的实例来介绍 functmpl 的使用。

首先，我们需要创建一个包含函数代码的模板文件，例如下面的代码：

<div>
  <h1>Hello {name|title}!</h1>
  {if age > 18}
  <p>You are an adult!</p>
  {else}
  <p>You are not an adult!</p>
  {/if}
</div>

上面的代码使用了 functmpl 自定义的 filter、tag 等语法，例如 {name|title} 表示将 name 变量的首字母大写。{if} 和 {else} 则表示条件语句。

接下来，我们将其编译并渲染：

const functmpl = require('functmpl');
const fs = require('fs');
const templateSrc = fs.readFileSync('./template.html', 'utf-8');
const compiledTemplate = functmpl.compileTemplate(templateSrc);

const templateData = {name: 'tom', age: 20}
const renderedTemplate = compiledTemplate(templateData);
console.log(renderedTemplate);

上面的代码会读取 template.html 文件，并将之编译并渲染，输出以下内容：

<div>
  <h1>Hello Tom!</h1>
  <p>You are an adult!</p>
</div>

可以看到，使用 functmpl 渲染模板非常简单，而且扩展性强，可以根据实际需求定义自己的 filter、tag 等语法，达到自己想要的效果。