Heim  >  Artikel  >  Web-Frontend  >  Details zur lokalen HTML5-Datenbank

Details zur lokalen HTML5-Datenbank

黄舟
黄舟Original
2017-03-16 16:10:011405Durchsuche

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 Methode

executeSql 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 nur

executeSql 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

transaction

und executeSql können wir eine Datentabelle erstellen und Daten zu der zuvor erstellten Datenbank hinzufügen Der Code lautet wie folgt:

sql
myWebDatabase.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!

Stellungnahme:
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