渲染 EJS 视图中的 Mongoose 对象到 CSV

Question

我目前有一个应用程序，它呈现一个 EJS 页面并显示猫鼬查询结果。数据作为 queryResults 发送到模板页面。一旦它显示了这些结果，我试图在底部添加一个按钮，允许将 queryResults 导出到 CSV 文件。虽然有许多 npm 包可以转换数据，但我不确定如何处理这个问题。使用以下代码将数据显示在呈现的页面上：

<div class="resultsBox"> 
    <% queryResults.forEach(function(results){ %>
      <div class="col-sm-1">
      <a id="jobRefLink" href="/search/<%= results._id %>">
      <%=results.jobTicket %></a></div>
...
...
...
       </div>
    <% }); %>

<a href="#">Export</a>

我尝试安装各种页面，但它们似乎都可以在服务器端工作，虽然这不是问题，但我不确定如何在客户端实现这些并将数据返回到适当的路径。

Answer 1

您应该使用https://www.npmjs.com/package/json2csv 包来生成 CSV。

代码示例

const Json2csvParser = require('json2csv').Parser;
  //const fields = ['car', 'price', 'color'];
  const fields = [{
                      "label": 'Car Name',
                      "value": 'car'
                    },{
                      "label": 'Price USD',
                      "value": 'price'
                    },{
                      "label": 'color Color',
                      "value": 'color'
                    }
                    ];

  const myCars = [
    {
      "car": "Audi",
      "price": 40000,
      "color": "blue"
    }, {
      "car": "BMW",
      "price": 35000,
      "color": "black"
    }, {
      "car": "Porsche",
      "price": 60000,
      "color ff": "green"
    }
  ];

  const json2csvParser = new Json2csvParser({ fields });
  const csv = json2csvParser.parse(myCars);

  res.setHeader("Content-Type", "application/csv");
  res.setHeader("Content-Length" , csv.length);
  res.setHeader("Content-type" ,"text/x-txt; charset=utf-8");
  res.setHeader("Content-Disposition", "attachment; filename=surveyresponse.csv");
  res.render('export', { listData: csv });;

res 标头将生成 csv。在 export.ejs 文件上只写

<%- listData %> then it will download as a csv.