Question

我正在学习如何使用templatesjs： https://www.npmjs.com/package/templatesjs

他们有一个在其他html文件中使用include html文件的例子（使用<%include%>标签）

当我尝试构建自己的示例时，它不起作用（屏幕为空，没有错误）：

var express = require('express');
var app = express();
var fs = require('fs');
var bodyParser = require('body-parser');
app.use(bodyParser.json())
var templatesjs = require('templatesjs');

// FILES
var MAIN_FILE = '/main.html';


/* 
 *  Home page
 */
app.get('/', function (req, res) {

   fs.readFile(__dirname + MAIN_FILE, function(err,data){   
        if(err) throw err;

        templatesjs.set(data, function(err,data){
            if(err) throw err;
            res.send();               
        });
    });  

})


/* 
 *  Startup
 */
var server = app.listen(8082, function () {
   var host = server.address().address
   var port = server.address().port

   // start
   console.log("App listening at http://%s:%s", host, port)
})

主html.file看起来：

<html>
<title> Tutorial -> Templates Js Server </title>
<head>

</head>
<body>

    <div> 
        <%include Top.html%>
    </div>
    <div> 
    </div>
</body>
</html>

和Top.html文件看起来：

<p>TOP</p>

（我已尝试将<html>标记添加到Top.html中，但结果相同）;

问题是我得到的网页是空的（在Node.js没有错误）

我做错了什么？

Answer 1

这是因为您没有将任何数据发送回传入请求！您的res.send()为空。如果你真的想要展示它，你应该发回一些东西。例如：res.send('hello world')。

如果您想使用数据呈现模板，可以使用templatesjs.renderAll()方法使用所需数据填充html模板，如下所示：

// set default directory for html partials
templatesjs.dir = "./public/partials/";

app.get('/', function(req, res) {

  fs.readFile(__dirname + MAIN_FILE, function(err, data) {
    if (err) throw err;


    templatesjs.set(data, function(err, data) {
      if (err) throw err;

      var list = { // this is your data
        name: 'your name'
      }; 

      templatesjs.renderAll(list, function(err, data) {
        if (err) throw err;
        res.send(data);
      });
    });
  });

})

的top.html：

<p>Hello, my name is <%name%></p>

并且此文件应位于./public/partials/目录中，因为我们将默认包含目录设置为此路径;

为什么模板包含文件不起作用

1 个答案: