使用 .csv 文件数据填充 IndexedDB

发布于 2024-11-25 11:08:14 字数 501 浏览 3 评论 0原文

如何使用 csv 文件填充 IndexedDB？我在网上找不到任何非常简单的指南。

这是我想要使用的 csv 文件之一的示例，它们都非常类似： http ://www.mediafire.com/?hlx2tpacw5dqat5

第一列（向下第二行）是时间戳（MS Excel），第二列（向下第二行）是读数量，所有其他列是温度读数。上面的 900 表示读数之间的时间间隔（以秒为单位）。一行中的最终读数为空，应从读数数量中丢弃（或取出）。因此，行中的第一个读数是在行时间戳减去（900 秒乘以（行中的读数数减一））时获取的。对于第一行的第一个值，该值取自 (40271.0625-(0.00024*900*(1024-1)))。

可以这么说，我想要在我的 IndexedDB 中拥有两列。一个用于读数时间（显然这些是唯一的），另一个用于温度。有什么想法吗？任何帮助将不胜感激！

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

回眸一笑 2024-12-02 11:08:14

您可以使用 Alasql JavaScript SQL 数据库库。它有特殊的运算符用于加载数据
TXT、CSV、TAB、XLS 和 XLSX 文件。它还可以与 IndexedDB 一起使用。在此示例中，您需要添加
将 alasql.min.js 库添加到您的项目中，然后创建或附加（如果已创建）IndexedDB 数据库，
然后只需从带有标题的 CSV 数据文件中选择列 INTO IndexedDB 表即可。

<script src='alasql.min.js'></script>
<script>
    alasql('CREATE INDEXEDDB DATABASE IF NOT EXISTS geo;\
            ATTACH INDEXEDDB DATABASE geo; \
            USE geo; \
            DROP TABLE IF EXISTS country; \
            CREATE TABLE country; \
            SELECT * INTO country FROM CSV("country.csv",{headers:true});\
            SELECT VALUE COUNT(*) FROM country',[], function(res){
        document.write('Number of records loaded into IndexedDB: ', res.pop());
    });
</script>

在 alasql.org 站点尝试此示例。

You can use Alasql JavaScript SQL database library. It has special operators for loading data from
TXT, CSV, TAB, XLS, and XLSX files. Also it works with IndexedDB. In this example you need to add
alasql.min.js library to your project, than create or attach (if already created) IndexedDB database,
then simply SELECT columns INTO IndexedDB table FROM CSV datafile with headers.

<script src='alasql.min.js'></script>
<script>
    alasql('CREATE INDEXEDDB DATABASE IF NOT EXISTS geo;\
            ATTACH INDEXEDDB DATABASE geo; \
            USE geo; \
            DROP TABLE IF EXISTS country; \
            CREATE TABLE country; \
            SELECT * INTO country FROM CSV("country.csv",{headers:true});\
            SELECT VALUE COUNT(*) FROM country',[], function(res){
        document.write('Number of records loaded into IndexedDB: ', res.pop());
    });
</script>

Try this sample at alasql.org site.

回复收藏 0 原文

我为君王 2024-12-02 11:08:14

没有本地方法可以将 CSV 加载到 IndexedDB 中。但这是完全可能的，而且没有理由认为 WebSQL 是更好的选择（除了兼容性之外）^。您甚至可以使用 HTML5 File API 将 CSV 加载到浏览器中。

假设您可以使用 HTML5Rocks Todo 应用等内容作为有关如何将行添加到 IndexedDB 数据库，困难的部分是将 CSV 文件解析为对象。 IndexedDB 使用非自然列式的“对象存储”。因此，在将 CSV 添加到数据库之前，您必须将其每一行转换为一个对象。

完成后，您必须将行一一添加到数据库中。您可能希望在要使用查找值的任何列上放置索引。在您的情况下，时间戳、读数计数和温度值。

^ WebSQL 是一个已弃用的 API，因此使用它不是一个好主意。

回复收藏 0 原文

寒尘 2024-12-02 11:08:14

David Flanagan 在 Javascript, The Definitive Guide v6 中有一个示例，它将 csv 文件加载到索引数据库中。这对我有用。查看 github 上的链接

回复收藏 0 原文

痴者 2024-12-02 11:08:14

假设您将 CSV 解析为数组数组，即
var data = [["时间戳", ["temp1", "temp2", "temp3"],
[“时间戳2”，[“临时4”，“临时5”，“临时6”]，
ETC..];

然后我将列映射到行名称：

columns = ["timestamp", "temperature"];

然后使用它们构建一个简单的字典：

var objectStore = db.transaction("temperatures", "readwrite").objectStore("temperatures");

for (var i = 0; i < data.length; i++) {
    var data = {};
    var row = data[i];
    for (var j = 0; j < row.length; j++) {
        data[columns[j]] = row[j];
    } 
    objectStore.put(data, i);
}

这样您就可以使用 objectStore.get(rownumber) 访问行

但是要更加 NoSQLish，我会将其中一列（例如“时间戳”）作为对象的键路径，并使用 multiEntry 来索引温度数组的所有子值。这样创建：

db.createObjectStore("temperatures", {keyPath: "timestamp"});
db.createIndex("temp", "temperature", {"multiEntry": true});

然后，当您放入时，不必费心使用密钥：

objectStore.put(data);

然后您可以基于此检索内容：

objectStore.get("2012-04-05");

但真正伟大的是，现在您有了一个回到时间的温度反向索引，让您可以说一些话例如“给我温度在 20 到 30 度之间的所有记录”：

objectStore.index("temp").openCursor(IDBKeyRange.bound(20, 30)).onsuccess = function(e) {
    var cursor = e.target.result;
    if (cursor) {
        cursor.continue();
        console.log("Found record: ", cursor.value);
    }
}

您只需小心使对象存储的关键路径指向唯一可识别的列。

Assuming you have the CSV parsed into an array-of-arrays, i.e.
var data = [["timestamp", ["temp1", "temp2", "temp3"],
["timestamp2", ["temp4", "temp5", "temp6"],
etc..];

Then I'd map the columns to row names:

columns = ["timestamp", "temperature"];

and then use them to construct a simple dictionary:

var objectStore = db.transaction("temperatures", "readwrite").objectStore("temperatures");

for (var i = 0; i < data.length; i++) {
    var data = {};
    var row = data[i];
    for (var j = 0; j < row.length; j++) {
        data[columns[j]] = row[j];
    } 
    objectStore.put(data, i);
}

This way you can access the rows with objectStore.get(rownumber)

But to be more NoSQLish about it, I'd make one of the columns (say "timestamp") be the keypath of the object, and use multiEntry to index all the subvalues of the temperature array. Create it this way:

db.createObjectStore("temperatures", {keyPath: "timestamp"});
db.createIndex("temp", "temperature", {"multiEntry": true});

Then when you put, don't bother using the key:

objectStore.put(data);

then you can retrieve stuff based on that:

objectStore.get("2012-04-05");

But what's really great is that now you have a reverse index of temperatures back to time, allowing you to say something like "give me all records that have temperatures between 20 and 30 degrees":

objectStore.index("temp").openCursor(IDBKeyRange.bound(20, 30)).onsuccess = function(e) {
    var cursor = e.target.result;
    if (cursor) {
        cursor.continue();
        console.log("Found record: ", cursor.value);
    }
}

You just have to be careful about making the key path of the objectstore point to a uniquely identifiable column.

回复收藏 0 原文

日久见人心 2024-12-02 11:08:14

indexedDB 并不是这样工作的。您不像 SQL 数据库那样拥有表和视图等，而是拥有对象存储，其中根据键存储 JavaScript 对象。

要使对象存储模拟表，您可以使用 {row: 1, data: [col1, col2,...]} 等对象填充它。然后，您可以检索行和单元格等。但是，根据您想要如何使用数据库，这可能不是一个好的解决方案，因为表的通常约束（删除行将较低的行向上移动，没有丢失的列等）不会自动申请。也许 webSQL（基于 SQLite）会是更好的选择？

回复收藏 0 原文

~没有更多了~