使用 Jade、NodeJS、Express 的动态 html 页面答案

【问题标题】：Dynamic html pages with Jade, NodeJS, Express使用 Jade、NodeJS、Express 的动态 html 页面
【发布时间】：2011-07-09 11:03:43
【问题描述】：

我有一个大的 json 对象，其中包含从 redis 密钥库中检索到的示例电子表格中的单元格数据。我想在翡翠模板中以html表格格式显示。但是现在，我只能将其显示为 json 字符串。

我也不清楚如何使用jade/express生成动态网页。

正在尝试传递的示例 JSON 字符串：

{"1A":"Cell Data 1", "1B": "Cell Data 2",...}

这是来自 excel 电子表格的数据。

请帮我解开这个疑问。

【问题讨论】：

或者如果有任何方法可以将 html 传递给翡翠模板，那现在也有帮助。
你能贴出一行json吗？
json 生成在我的控制之下。这是我所拥有的：{"1A":"Cell Data 1","1B":"Cell Data 2"} 等等。我应该改变格式吗？我对 node 和 javascript 很陌生。

标签： html dynamic node.js pug express

【解决方案1】：

table
  thead
    tr
      th Name
      th Food
  tbody
    - var items = [{name:'Dean',food:'Chicken'}, {name:'Paul',food:'steak'}]
    - each item in items
      tr
        td= item.name
        td= item.food

输出

<table><thead><tr><th>Name</th><th>Food</th></tr></thead><tbody><tr><td>Dean</td><td>Chicken</td></tr><tr><td>Paul</td><td>steak</td></tr></tbody></table>

或者比在jade中定义items数组更实际

var items = dynamicallyGenerateYourJson();
res.render('table', {
  items: items
});

【讨论】：

好的，所以我应该将 JSON 格式更改为 [{cell:'1A',data:'Cell Data 1'},{cell:'1B',data:'Cell Data 2'} ]
是的，一组对象非常干净地呈现在一张表中，每行一个对象，键为列
嗯...我想您会将 JSON 格式更改为 [{'A': 'A1 Data', 'B', 'B1 Data'}, {...row 2.. .}].