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

Posted 2023-03-07

【中文标题】使用 Jade、NodeJS、Express 的动态 html 页面

【英文标题】：Dynamic html pages with Jade, NodeJS, Express

【发布时间】：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 很陌生。

【参考方案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.. .].