将节点创建的HTML代码附加到HTML页面

Question

我在这里的目标是将JS产生的表追加到ID为"henry“的页面上。另外，我是否应该在app.get('/', function(req,res)中构建表

app.get('/', function(req,res){
    fabMgrWorkflows.listResources(dbClient,dcGrp,'fabMgr',
    function (err,dbClient,result){
        if(err) console.error(err);
        //result = JSON.stringify(result);
        /*
        console.log(JSON.stringify(result,null,'\t'));
        */
        var addTable = "<table>";
        for(var attributename in result){
            addTable += "<tr>";
            addTable += "<td>" + attributename + "</td>";
            addTable += "<td>" + result[attributename] + "</td>";
            addTable += "</tr>";
        }
        addTable += "</table>";
        console.log(addTable);
        /*
        var node = document.createElement("LI");
        node.appendChild(addTable);
        document.getElementById("listtt").appendChild(node);
        console.log(addTable);
        */
        res.send(addTable);
    });
})

Answer 1

Express附带了对jade(pug)的支持，这是一种模板语言，允许您从数据创建html。您可以像这样呈现模板，其中第一个参数是模板的名称，第二个参数是要提供的数据：

res.render('your-template-name', {result})

默认情况下，express-generator会将这些文件放在/views中。

视图的jade/pug文件可能如下所示：

html
    head
        include head

    body
          #henry
              table
                  each attributename in result
                      tr
                          td= attributename
                          td= result[attributename]

如果您需要帮助理解如何为express设置模板引擎，我建议您运行express生成器并检查输出。

Answer 2

您不应该在服务器端JS代码中生成HTML，而应该将数据传递给视图模板引擎。

一个很好的建议是EJS，因为它使用标准的HTML语法，能够在两者之间编写一些JS。如果你将结果传递给EJS，你可以这样做：

<table>
  <% for (var attributename in result) { %>
    <tr>
      <td><%= attributename %></td>
      <td><%= result[attributename] %></td>
    </tr>
  <% } %>
</table>

要获得全面的教程，您可以查看here。