快速入门Node.js的EJS模板引擎：经典语法与实战示例

Node.js的Web模板引擎EJS是一个轻量级且易于理解的工具，尤其适合那些熟悉 Classic ASP、PHP 或 JSP 的开发者。EJS的核心优势在于它允许在HTML模板中嵌入JavaScript代码，通过`<% … %>`和`<%= … %>`语法进行条件渲染和变量输出，同时提供了对`<%- … %>`的转义处理，确保输出的安全性。 安装EJS可以通过npm命令行，运行`npm install ejs`即可将其添加到项目中。EJS的JavaScript调用主要通过`ejs.compile()`函数编译模板字符串为可执行函数，以及`ejs.render()`函数实际渲染模板并返回结果。例如： ```javascript var ejs = require('ejs'); var str = require('fs').readFileSync(__dirname + '/list.ejs', 'utf8'); // 编译模板 var compiledTemplate = ejs.compile(str); // 渲染模板并传入数据 var data = { names: ['foo', 'bar', 'baz'] }; var renderedOutput = compiledTemplate(data); console.log(renderedOutput); ``` 在模板文件`list.ejs`中，我们可以看到如何使用循环和条件语句，如 `<% if (names.length) { %> ... <% } %>`，并将`names`数组作为局部变量使用。模板中`<%= name %>`会输出变量值，而`<%- name %>`则不会转义特殊字符。 此外，EJS还支持缓存机制，可以设置`options.filename`来保存模板，避免频繁地从磁盘读取。当需要多次渲染相同模板时，这可以显著提高性能。例如，下面的代码演示了如何在`functions.ejs`模板中渲染用户数据列表，并缓存模板： ```javascript var ejs = require('../'); var fs = require('fs'); var path = __dirname + '/functions.ejs'; // 读取并缓存模板 var users = [ { name: 'Tobi', age: 2, species: 'ferret' }, // ... ]; var cachedTemplate = ejs.compile(fs.readFileSync(path, 'utf8'), { filename: path }); // 渲染模板 var output = cachedTemplate({ users: users }); ``` Node.js的EJS模板引擎提供了一种直观的方式来编写动态HTML，结合JavaScript逻辑，非常适合快速开发Web应用。无论是初学者还是有经验的开发者，都能在其简单易用的语法中找到熟悉的编程模式。