Heim >Web-Frontend >H5-Tutorial >Details zur lokalen HTML5-Datenbank
Für komplexe Datenbanken arbeitet HTML5 mit einer lokalen Datenbank. Dies ist eine browserseitige Datenbank. In der lokalen Datenbank können wir direkt JavaScript zum Erstellen der Datenbank verwenden und SQL verwenden Anweisungsausführungsbezogene Datenbankoperationen. Im Folgenden werden die einzelnen APIs der lokalen Datenbank und deren Verwendung vorgestellt.
1. Verwenden Sie openDatabase, um eine Datenbank zu erstellen
Wir können openDatabase verwenden Methode zum Erstellen einer Datenbank. Die openDatabase-Methode übergibt fünf Parameter, nämlich: Datenbankname, Datenbankversionsnummer (kann weggelassen werden), Beschreibung der Datenbank, Festlegen der Größe der zugewiesenen Datenbank und Rückruffunktion .
Wenn wir eine lokale Datenbank erstellen möchten, können wir den folgenden Code ausführen:
var myWebDatabase = openDatabase(“user”, ”1.0”, “user info”, 1024*1024, function(){});
Dadurch wird eine Benutzerinformationstabelle erstellt. Anschließend können Sie überprüfen, ob die erstellte lokale Datenbank erfolgreich ist:
if(!dataBase){ alert(“The database has been created successfully!”); }else{ alert(“The database has not been successfully created.”) }if(!dataBase){ alert(“The database has been created successfully!”); }else{ alert(“The database has not been successfully created.”) }
2. Verwenden Sie die Methode executeSql, um sql-Anweisung
Mit der MethodeexecuteSql können wir die normale sql-Anweisung direkt wie folgt ausführen:
context.executeSql('INSERT INTO testTable(id,name) VALUES (1,"Martin")');Natürlich spiegelt dies nurexecuteSql Die Funktion erklärt nicht klar, wie und wo die Methode executeSql verwendet werden soll. Um diese Methode nutzen zu können, müssen Sie transaction einführen. 3. Verwenden Sie
Transaktion, um Transaktionen zu verarbeiten. Diese Methode wird zum Verarbeiten von Transaktionen verwendet und kann drei Parameter übergeben: Enthält Transaktion Inhalt Eine Methode, eine Rückruffunktion für eine erfolgreiche Ausführung und eine Rückruffunktion für eine fehlgeschlagene Ausführung (die beiden letzteren können weggelassen werden).
In Kombination mit
transactionund executeSql können wir eine Datentabelle erstellen und Daten zu der zuvor erstellten Datenbank hinzufügen Der Code lautet wie folgt:
sqlmyWebDatabase.transaction(function (context) { context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)'); context.executeSql('INSERT INTO testTable (id, name) VALUES (0, "Byron")'); context.executeSql('INSERT INTO testTable (id, name) VALUES (1, "Casper")'); context.executeSql('INSERT INTO testTable (id, name) VALUES (2, "Frank")'); });Die Bedeutung der Anweisung wird nicht ausführlich erklärt, aber hier ist deutlich zu erkennen, wie man dasselbe in einer lokalen Datenbank wie in erstellt eine allgemeine Datenbank, Datenbankdatentabelle und hinzugefügte Daten.
Das obige ist der detaillierte Inhalt vonDetails zur lokalen HTML5-Datenbank. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!