用 Electron 将 html 表格数据保存到本地

Question

我是编码新手，需要进行很多尝试和错误。现在我正在努力处理 html 表格。

解释：我正在构建一个股票电子桌面应用程序。我可以通过 GUI 在 html 表中输入值，也可以将其导出为 Excel 文件。但是，每次我重新加载应用程序时，表中的所有数据都会消失。如果能够永久保存这些数据，并且在应用程序重新启动后只需将新数据添加到现有表中，那就太好了。

实现这一目标的最佳方法是什么？

在我看来，用新工作（表中的旧数据和新数据）覆盖现有 Excel 文件是最好的方法，因为在新 PC 上安装该工具并简单地导入 Excel 文件即可轻松完成那里的所有数据。我无法访问网络服务器，所以我认为本地 Excel 文件比 php 解决方案更好。

谢谢。

<table class="table" id="tblData"  >

    <tr>

            <th>Teilenummer</th>

            <th>Hersteller</th>

            <th>Beschreibung</th>

        </tr>

</table>

这是实际的表标记。

Answer 1

在我看来，你的问题有两个部分。数据表示和操作数据持久化对于#1，我建议查看Tabulator，特别是它导入和导出数据的方法。在我的项目中，我使用该JSON格式并Tabulator在本地保存数据，以便数据在会话之间保持不变。那么对于#2，如何以及在哪里保存数据？Electron具有用于获取公共用户目录路径的内置方法。请参阅app.getPath(name)。由于听起来您只有一个文件要保存，用户不需要直接访问该文件，因此appData可能是存储它的好地方。至于“如何”存储它——你可以使用Node fs将文件写入该路径，尽管我也喜欢fs-jetpack。Tabulator也可以保存数据。存储数据的另一种方法是使用electro-store。它工作得很好，尽管我只使用它处理少量数据。所以要点是，当您的应用程序启动时，它会加载数据，当应用程序退出时，它会保存数据以及所做的任何更改，尽管我建议在每次更改后保存。因此，根据您的需求，有很多选择。