Walaupun HTML5 sudah menyediakan localStorage dan sessionStorage yang berkuasa, kedua-duanya hanya boleh menyediakan data untuk menyimpan struktur data ringkas dan tidak berkuasa untuk data aplikasi web yang kompleks. Apa yang mengagumkan ialah HTML5 menyediakan sokongan pangkalan data sebelah penyemak imbas, membolehkan kami mencipta pangkalan data setempat pada bahagian penyemak imbas secara langsung melalui JS API, dan menyokong operasi SQL CRUD standard, menjadikan aplikasi web luar talian lebih mudah untuk menyimpan data tersusun. Seterusnya, kami akan memperkenalkan API yang berkaitan dan penggunaan data tempatan.
Langkah paling asas untuk mengendalikan pangkalan data setempat ialah:
Langkah pertama: kaedah openDatabase: Cipta objek untuk mengakses pangkalan data.
Langkah 2: Gunakan objek akses pangkalan data yang dibuat dalam langkah pertama untuk melaksanakan kaedah transaksi melalui kaedah ini, anda boleh menyediakan kaedah tindak balas acara untuk memulakan transaksi dengan jayanya kaedah tindak balas.
Langkah 3: Jalankan pertanyaan melalui kaedah executeSql Sudah tentu, pertanyaan boleh: CRUD.
Seterusnya, kami akan memperkenalkan parameter dan penggunaan kaedah yang berkaitan.
1. kaedah openDatabase
//Demo: Dapatkan atau cipta pangkalan data, jika pangkalan data tidak wujud maka buatnya
var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });
Kaedah openDatabase membuka pangkalan data sedia ada, jika Jika pangkalan data tidak wujud, ia juga boleh mencipta pangkalan data. Maksud beberapa parameter ialah:
Nama pangkalan data.
Nombor versi pangkalan data pada masa ini, sudah tentu, anda tidak perlu mengisinya
Penerangan pangkalan data.
Tetapkan saiz pangkalan data yang diperuntukkan (unit ialah kb).
Fungsi panggil balik (boleh diabaikan).
2. Kaedah db.transaction
boleh menetapkan fungsi panggil balik Fungsi ini boleh menerima parameter yang menjadi objek transaksi yang kami mulakan. Skrip SQL kemudiannya boleh dilaksanakan melalui objek ini.3. Kaedah executeSql melaksanakan pertanyaan
ts.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)
Penerangan parameter:
qlQuery: Pernyataan SQL yang perlu dilaksanakan secara khusus, yang boleh dibuat, pilih, kemas kini, padam;
[nilai1, value2..]: Tatasusunan semua parameter yang digunakan dalam pernyataan sql Dalam kaedah executeSql, gantikan parameter yang akan digunakan dalam pernyataan s> dan kemudian bentuk tatasusunan parameter ini dan letakkannya dalam parameter kedua;
dataHandler: Pelaksanaan yang berjaya ialah fungsi panggil balik yang melaluinya set hasil pertanyaan boleh diperolehi
errorHandler: fungsi panggil balik dipanggil apabila pelaksanaan gagal;bahagian seterusnya