TaffyDB – 适用于浏览器的 JavaScript 数据库-js教程-PHP中文网

TaffyDB – 适用于浏览器的 JavaScript 数据库

TaffyDB 是一个轻量级且功能强大的内存数据库，可用于浏览器和服务器端应用程序。它是开源的并且可以免费使用。在本教程中，我们将通过几个示例来展示如何使用 TaffyDB 存储一些数据、对数据执行一些查询以及对数据执行重要操作。

让我们从一个简单的示例开始

让我们从一个非常基本的示例开始，在该示例中我们将创建一些数据，然后尝试在浏览器上打印该数据。

我们的第一步是拥有TaffyDB。为此，我们有不同的选择。最基本的方法是使用包含“taffydb.js”文件的缩小版本的 URL。

“taffydb.js”的代码可以在此链接中找到。我建议您打开此链接，然后复制代码并将其粘贴到名为“taffy.js”的文件中。否则，你可以只需使用其 CDN。

现在处理了依赖关系，让我们关注“index.html”文件，我们将在其中编写核心逻辑，当然，在 <script> 标记内。考虑下面显示的 HTML 代码。</script>

示例

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TaffyDB</title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/taffydb/2.7.3/taffy-min.js"></script>
    <script>
        let countries = TAFFY([{
            name: "India",
            state: "Uttar Pradesh",
            capital: "New Delhi",
        }, {
            name: "USA",
            state: "California",
            capital: "Washington DC",
        }, {
            name: "Germany",
            state: "Berlin",
            capital: "Berlin",
        }]);
        let countriesNames = [];
        countries().each(function(r) {
            countriesNames.push(r.name);
        });
        document.write(countriesNames);
    </script>
</head>
<body>
</body>
</html>

登录后复制

如果您在浏览器中运行上述代码，您应该会看到以下输出。

在上面的代码中，我们首先导入了“taffy.js”文件，然后在 &ly;head> 标签本身内创建了一个

热门教程

更多>