在node.js中使用Swig模板引擎是错误的吗?

时间:2014-08-20 19:32:01

标签: node.js swig-template

以这种方式将Swig与node.js一起使用是不对的?如果是 - 为什么?

如果需要其他信息来回答这个问题,请告诉我。

如果可能,请添加有助于理解答案的链接或/和代码示例。

当前代码可以正常运行并制作我想要的东西,但感觉这里有些东西(或者所有东西:)错误。

这是我的文件的样子:

视图/块header.html中

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

视图/块footer.html

</body>
</html>

视图/布局home.html的

{{HEADER_tpl|safe}}
<h1>Some heading</h1>
<div>Layout home</div>
{{FOOTER_tpl|safe}}

控制器/ home.js

var swig  = require('swig');
var layout_home_tpl = swig.compileFile('views/layout-home.html');
var block_header_tpl = swig.compileFile('views/block-header.html');
var block_footer_tpl = swig.compileFile('views/block-footer.html');


var mainPageOutput = layout_home_tpl({
    HEADER_tpl: block_header_tpl(),
    FOOTER_tpl: block_footer_tpl()
});

exports.get = function( request, response ){
    response.writeHead(200, {'Content-Type': 'text/html'});
    response.write(mainPageOutput);
    response.end();
};

提前感谢您的时间。

1 个答案:

答案 0 :(得分:11)

它不是&#34;错误&#34;,但它绝对不是典型用法。首选方法是使用内置template inheritance

<强>视图/ home.html做为

{% extends "layout/basic.html" %}

{% block content %}
<h1>Some heading</h1>
<div>Layout home</div>
{% endblock %}

<强>视图/ basic.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
  {% block content %}{% endblock %}
</body>
</html>

<强>控制器/ home.js

var swig  = require('swig');

exports.get = function( request, response ){
    response.writeHead(200, {'Content-Type': 'text/html'});
    response.write(swig.renderFile('views/home.html'));
    response.end();
};