📅 最后修改于: 2023-12-03 14:52:27.671000 🧑 作者: Mango
把手（Hogan）是一个 JavaScript 模板引擎，它基于 Mustache 并提供了更好的性能。在 Node.js 中使用把手视图引擎可以使我们更容易地构建动态 Web 应用程序。在本文中，我们将向您介绍如何在 Node.js 中设置把手视图引擎，以便您可以开始构建自己的动态网站。
要在Node.js中使用Hogan视图引擎，我们需要先安装它。您可以使用npm包管理器安装把手视图引擎：
npm install hogan.js
在我们可以使用把手视图引擎之前，我们需要创建一个模板文件。把手视图引擎使用Mustache语法编写模板。
下面是一个简单的Mustache模板示例：
<html>
<head>
<title>{{title}}</title>
</head>
<body>
<h1>{{heading}}</h1>
<ul>
{{#items}}
<li>{{.}}</li>
{{/items}}
</ul>
</body>
</html>
在上面的模板中，{{}}表示占位符。 要渲染模板，我们需要提供填充这些占位符的数据。
要使用Hogan视图引擎，我们需要将其与Node.js集成并设置模板引擎。在Node.js中，我们可以使用“express”框架轻松设置把手视图引擎。
以下是将Hogan和Express集成的代码示例：
const express = require('express');
const hogan = require('hogan.js');
const app = express();
app.engine('html', hogan.compile);
app.set('views', './views');
app.set('view engine', 'html');
app.get('/', (req, res) => {
const data = {
title: '把手视图引擎',
heading: '欢迎使用把手视图引擎',
items: ['条目1', '条目2', '条目3']
};
res.render('index', data);
});
app.listen(3000, () => {
console.log('服务器正在运行：http://localhost:3000/');
});
上面的代码设置了“html”作为模板引擎，设置了模板文件夹的路径并设置了视图引擎。在我们的主路由中，我们通过“res.render”方法渲染了视图，并将数据对象提供给视图引擎。
现在我们已经设置了把手视图引擎并创建了我们的Mustache模板，我们可以运行我们的应用程序并查看渲染的视图。
使用以下命令运行您的应用程序：
node app.js
或者，如果您在全局范围内安装了“nodemon”：
nodemon app.js
在浏览器中访问http://localhost：3000/，您将看到我们的Mustache模板已成功渲染！
在本文中，我们向您介绍了如何在Node.js中设置把手视图引擎，并创建了我们的Mustache模板。使用Hogan视图引擎可以使我们更容易地构建动态Web应用程序。如果您想深入了解Hogan视图引擎，请查看其官方文档。