使用Jade、NodeJS和Express创建动态html页面

Question

我有一个包含样本电子表格中单元格数据的大型JSON对象，已从Redis keystore检索。我想在Jade模板中以HTML表格格式显示它。但目前，我只能将其显示为JSON字符串。

我还不清楚如何使用jade / express生成动态Web页面。

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

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

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

请帮我澄清这个疑问。

- Dragunov

---

如果有办法将HTML传递到Jade模板中，那么现在也会有所帮助。 - Dragunov

你能发布一行JSON吗？ - generalhenry

JSON生成由我控制。这是我的代码：{"1A":"单元格数据1"，"1B":"单元格数据2"}等等。我应该更改格式吗？我对Node和JavaScript还很陌生。 - Dragunov

Answer 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中定义对象数组。

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

- generalhenry

---

好的，那我应该将JSON格式更改为[{cell:'1A',data:'单元格数据1'},{cell:'1B',data:'单元格数据2'}]。 - Dragunov

是的，对象数组可以非常干净地呈现为表格，每行一个对象，键作为列。 - generalhenry

嗯...我认为你应该将JSON格式更改为[{'A': 'A1数据'，'B'：'B1数据'}，{...第2行...}]。 - BMiner