用电子在本地保存html表格数据

Posted 2023-03-22

【中文标题】用电子在本地保存html表格数据

【英文标题】：Save html table data locally with electron

【发布时间】：2020-07-16 15:13:50

【问题描述】：

我是编码新手，需要大量尝试和错误。现在我正在为 html 表格而苦苦挣扎。

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

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

在我看来，用新作品（表中的新旧数据）覆盖现有 Excel 文件是最好的方法，因为在新 PC 上安装该工具并简单地导入 Excel 会很容易文件以在其中包含所有数据。我无法访问 Web 服务器，所以我认为本地 Excel 文件会比 php 解决方案更好。

谢谢。

<table class="table" id="tblData"  >
    <tr>
            <th>Teilenummer</th>
            <th>Hersteller</th>
            <th>Beschreibung</th>

        </tr>

</table>

这是实际的表格标记。

【参考方案1】：

在我看来，您的问题分为两部分。

数据表示和操作 数据持久性

对于#1，我建议查看Tabulator，尤其是importing 和exporting 数据的方法。在我的项目中，我将JSON 格式与Tabulator 一起使用，并将数据保存在本地，以便在会话之间保持不变。

那么对于#2，如何以及在哪里保存数据？ Electron 具有用于获取通用用户目录路径的内置方法。见app.getPath(name)。由于听起来您只需要保存一个文件，用户不需要直接访问该文件，appData 可能是存储它的好地方。

至于“如何”存储它——您可以使用Node fs 将文件写入该路径，尽管我也喜欢fs-jetpack。 Tabulator 也可以保存数据。

另一种存储数据的方法是使用electron-store。它工作得很好，虽然我只用过少量数据。

所以要点是，当您的应用启动时，它会加载数据，当应用退出时，它会保存数据以及所做的任何更改，但我建议在每次更改后保存。

所以，有很多选择取决于您的需要。