TaffyDB – JavaScript-Datenbank für den Browser-js-Tutorial-php.cn

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

TaffyDB ist eine leichte und leistungsstarke In-Memory-Datenbank, die in Browsern und serverseitigen Anwendungen verwendet werden kann. Es ist Open Source und die Nutzung ist kostenlos. In diesem Tutorial zeigen wir Ihnen anhand einiger Beispiele, wie Sie TaffyDB verwenden, um einige Daten zu speichern, einige Abfragen für die Daten durchzuführen und wichtige Operationen an den Daten durchzuführen.

Beginnen wir mit einem einfachen Beispiel

Beginnen wir mit einem sehr einfachen Beispiel, in dem wir einige Daten erstellen und dann versuchen, diese Daten im Browser auszudrucken.

Unser erster Schritt ist TaffyDB. Hierfür haben wir verschiedene Möglichkeiten. Die einfachste Methode besteht darin, eine URL zu verwenden, die eine minimierte Version der Datei „taffydb.js“ enthält.

Den Code für „taffydb.js“ finden Sie unter diesem Link. Ich schlage vor, dass Sie diesen Link öffnen, dann den Code kopieren und in eine Datei namens „taffy.js“ einfügen. Ansonsten können Sie Benutzen Sie einfach ihr CDN.

Da nun die Abhängigkeiten geklärt sind, konzentrieren wir uns auf die Datei „index.html“, in die wir die Kernlogik schreiben werden, natürlich innerhalb der <script>-Tags. Betrachten Sie den unten gezeigten HTML-Code. </script>

Beispiel

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>

Nach dem Login kopieren

Wenn Sie den obigen Code in Ihrem Browser ausführen, sollten Sie die folgende Ausgabe sehen.

Im obigen Code haben wir zuerst die Datei „taffy.js“ importiert und dann ein

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse