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

Question

我正在从以下网址学习如何使用templatejs： 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 个解决方案

解决方案1
2 已采纳 2017-11-18 08:28:48

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

问题描述

1 个解决方案

解决方案1 2 已采纳 2017-11-18 08:28:48

解决方案1
2 已采纳 2017-11-18 08:28:48