【问题标题】:Presenting dynamic information from CSV file从 CSV 文件呈现动态信息
【发布时间】:2020-02-25 05:00:19
【问题描述】:

所以,我用谷歌搜索、搜索和搜索。也许我需要提高我的谷歌技能。 也许答案已经存在于这个页面的某个地方,但我还没有找到它。反正。

所以我正在处理一个显示日期、交易类别、位置和交易金额的 csv 文件。以该顺序。

所以我需要做的是在 HTML 表格中动态呈现这些信息。用户应该能够从下拉菜单中选择位置,并且应该使用有关从该位置完成的交易的相应信息来更新表格。

我能够从 csv 文件中呈现整体信息,但是当它真正动态化时,我很挣扎。

所以我将信息存储在二维数组中 [日期、交易类别、位置、交易类别]。

所以我真正的问题是,我如何才能真正做到动态化。意思是,如何在不硬编码任何内容的情况下更新标签。我希望它与我上传的 csv 文件无关。

我认为最好有一个函数循环遍历数组并在 onchange 事件上拆分用户选择的数组,然后将选择的数组发送到输出。但我无法完全想象这将如何完成......

感谢您的任何建议。 :)

【问题讨论】:

  • 您是否了解过 VueJS 或 Angular 等前端框架?它们可以帮助您轻松加载数据(例如 csv 文件)并通过过滤和排序功能呈现数据
  • 感谢您的建议!我会明确地调查他们。因为这是大学的入门课程,他们希望我们使用 javascript 而不需要额外的库,所以我想我必须坚持一些更基本的东西。

标签: javascript html arrays csv dynamic


【解决方案1】:

老实说,我会先将其转换为 JSON,然后再从那里开始。我最喜欢的解析器之一是csvtojson。使用起来非常简单。

【讨论】:

  • 感谢您的提示。他们告诉我们这个任务很容易用 JSON 解决,所以不幸的是我不能使用它:( 但会在未来研究它。
  • @bjorn90 你应该研究如何使用节点的内置文件系统来做到这一点。您可以逐行阅读并将其转换为您想要的任何内容
猜你喜欢
  • 2019-12-09
  • 1970-01-01
  • 1970-01-01
  • 2021-06-01
  • 2021-10-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-19
相关资源
最近更新 更多