Heim > Web-Frontend > H5-Tutorial > Tutorial zur Verwendung einer Web-SQL-Datenbank

Tutorial zur Verwendung einer Web-SQL-Datenbank

PHP中文网
Freigeben: 2017-06-21 13:19:34
Original
2266 Leute haben es durchsucht

Die Web SQL-Datenbank-API ist nicht Teil der HTML5-Spezifikation, sondern eine unabhängige Spezifikation, die eine Reihe von APIs für die Verwendung von SQL zum Betrieb von Client-Datenbanken einführt.

Kernmethode

OpenDatabase – Erstellen Sie ein Datenbankobjekt unter Verwendung einer vorhandenen Datenbank oder einer neuen Datenbank

Transaktion – Kann eine Sache steuern und basiert on In diesem Fall Commit oder Rollback ausführen

executeSql - die eigentliche SQL-Anweisung ausführen

Datenbank öffnen

//用openDatabase()方法打开已存在的数据库,如果数据库不存在,则会创建一个新的数据库var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
Nach dem Login kopieren

Beschreibung der fünf Parameter, die der openDatabase()-Methode entsprechen:

  1. Datenbankname

  2. Versionsnummer

  3. Beschreibungstext

  4. Datenbankgröße (Byte)

  5. Rückruf erstellen (optional)

Der fünfte Parameter, der Erstellungsrückruf, wird aufgerufen, nachdem die Datenbank erstellt wurde.

Tabelle erstellen

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {  
   tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
});
Nach dem Login kopieren

Daten einfügen

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
db.transaction(function (tx) {
   tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "博客园")');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.cnblogs.com")');
});
Nach dem Login kopieren

Sie können Daten auch mithilfe dynamischer Werte einfügen

 db = openDatabase(, , ,  *  *
Nach dem Login kopieren

Daten lesen

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
 
db.transaction(function (tx) {
   tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "博客园")');
   tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.cnblogs.com")');
});
 
db.transaction(function (tx) {
   tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {      var len = results.rows.length;
      msg = "<p>查询记录条数: " + len + "</p>";
      document.querySelector('#status').innerHTML +=  msg;    
      for (i = 0; i < len; i++){
          msg = "<p><b>" + results.rows[i].log + "</b></p>";
      }
    
   }, null);
});
Nach dem Login kopieren

Datensätze löschen

db.transaction(function (tx) {
    tx.executeSql('DELETE FROM LOGS  WHERE id=1');
});
Nach dem Login kopieren

Daten können auch dynamisch gelöscht werden

db.transaction(function(tx) {
    tx.executeSql('DELETE FROM LOGS WHERE id=?', [id]);
});
Nach dem Login kopieren

Datensätze aktualisieren

tx.executeSql("UPDATE CC SET logname='www.baidu.com' WHERE id=2");
Nach dem Login kopieren

Aktualisierte Daten können auch dynamisch sein

tx.executeSql("UPDATE CC SET logname='www.baidu.com' WHERE id=?", [id]);
Nach dem Login kopieren

Hinweis: Löschen und Ändern sind nicht zulässig Es kann in derselbenexecuteSql platziert werden wie die Tabellenerstellungsanweisung. Es ist am besten, sie separat zu schreiben

Das Folgende ist die erstellte Datenbank

Das obige ist der detaillierte Inhalt vonTutorial zur Verwendung einer Web-SQL-Datenbank. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage