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> 標籤本身內建立了一個

熱門教學

更多>

相關教學