node.js - 我们如何动态修改模板引擎 (ejs) 上的 DOM 元素？

Question

在我的 NodeJS 项目中，我从数据库 (Firebase) 中获取一长串数据，并将其显示给用户。出于安全目的，我在 NodeJS 中进行获取（即不在客户端），因此我当前的实现需要我将这个长列表传递给我的模板引擎（ejs）。在我的客户端（即我的模板引擎）中，我有一个表格的 HTML 元素，我想用列表填充它。列表本身的传递并不是一个真正的问题，但填充是我正在努力解决的问题。我要填写的表格如下：

<table class="table table-bordered" id="myTable" 
   <thead>
   <tr>
      <th>Name</th>
      <th>Gender</th>
   </tr>
   </thead>
   <tbody id="table_body"></tbody>
</table>

如果我要直接从数据库中从客户端获取数据，那么这将不是问题，因为允许修改 DOM 元素（即本例中的表）。但是，由于我是从服务器端获取数据，然后将数据传递到客户端，所以我不知道如何填充表格。

在我努力回答这个问题的过程中，我曾想过在服务器端将整个 HTML 表生成为一个巨大的字符串，然后将其推送到模板引擎上。我不太确定这是否是正确的方法。

标签： node.js