pangkalan data ...LOGIN

pangkalan data tempatan

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).

Buat pangkalan data apabila membuat panggilan buat kali pertama, dan kemudian buat sambungan.

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

<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); var msg; db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)'); tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "php中文网")'); tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "ask.php.cn")'); msg = '<p>数据表已创建,且插入了两条数据。</p>'; document.querySelector('#status').innerHTML = msg; }); db.transaction(function (tx) { tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) { var len = results.rows.length, i; msg = "<p>查询记录条数: " + len + "</p>"; document.querySelector('#status').innerHTML += msg; for (i = 0; i < len; i++){ msg = "<p><b>" + results.rows.item(i).log + "</b></p>"; document.querySelector('#status').innerHTML += msg; } }, null); }); </script> </head> <body> <div id="status" name="status">状态信息</div> </body> </html>
babperisian kursus