TaffyDB – Pangkalan data JavaScript untuk penyemak imbas-tutorial js-php.cn

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

TaffyDB ialah pangkalan data dalam memori yang ringan dan berkuasa yang boleh digunakan dalam pelayar dan aplikasi sebelah pelayan. Ia adalah sumber terbuka dan percuma untuk digunakan. Dalam tutorial ini, kami akan melalui beberapa contoh untuk menunjukkan cara menggunakan TaffyDB untuk menyimpan beberapa data, melakukan beberapa pertanyaan pada data dan melaksanakan operasi penting pada data.

Mari kita mulakan dengan contoh mudah

Mari kita mulakan dengan contoh yang sangat asas di mana kita akan mencipta beberapa data dan kemudian cuba mencetak data tersebut pada penyemak imbas.

Langkah pertama kami ialah memiliki TaffyDB. Untuk ini kami mempunyai pilihan yang berbeza. Kaedah paling asas ialah menggunakan URL yang mengandungi versi mini fail "taffydb.js".

Kod untuk "taffydb.js" boleh didapati di pautan ini. Saya cadangkan anda membuka pautan ini, kemudian salin dan tampal kod ke dalam fail yang dipanggil "taffy.js". Jika tidak, anda boleh Hanya gunakan CDN mereka.

Sekarang kebergantungan telah diuruskan, mari fokus pada fail "index.html", di mana kita akan menulis logik teras, dalam teg <script>, sudah tentu. Pertimbangkan kod HTML yang ditunjukkan di bawah. </script>

Contoh

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>

Salin selepas log masuk

Jika anda menjalankan kod di atas dalam penyemak imbas anda, anda sepatutnya melihat output berikut.

Dalam kod di atas, kami mula-mula mengimport fail "taffy.js" dan kemudian mencipta teg

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini