Welche Datenbank verwendet HTML5?

HTML5 nutzt eine Web-SQL-Datenbank, die zur temporären Speicherung von Daten genutzt werden kann. Die Web SQL-Datenbank-API ist eigentlich nicht Teil der HTML5-Spezifikation, sondern eine separate Spezifikation; sie verwendet eine Reihe von APIs, um die Datenbank des Clients zu manipulieren. Mainstream-Browser wie Chrome und Firefox unterstützen Web SQL-Datenbanken.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML5 verwendet eine Web-SQL-Datenbank.

html 5 Local Database (Web Sql Database)

Die Web SQL Database API ist eigentlich nicht Teil der HTML5-Spezifikation, sondern eine separate Spezifikation. Es manipuliert die Datenbank des Clients über eine Reihe von APIs. Mainstream-Browser wie Safari, Chrome, Firefox und Opera unterstützen bereits Web SQL-Datenbank. Die Web-SQL-Datenbanken von HTML5 sind in der Tat sehr verlockend. Wenn Sie feststellen, dass Sie dieselbe Abfrageanweisung wie eine MySQL-Abfrage verwenden können, um eine lokale Datenbank zu betreiben, werden Sie diese Sache sehr interessant finden. Erfahren Sie heute mehr über die Web SQL-Datenbank-API von HTML 5.

Im Folgenden wird nacheinander vorgestellt, wie man eine Datenbank erstellt und öffnet, eine Tabelle erstellt, Daten hinzufügt, Daten aktualisiert, Daten löscht und eine Tabelle löscht.

Führen Sie zunächst drei Kernmethoden ein

1: Diese Methode verwendet eine vorhandene Datenbank oder erstellt eine neue Datenbank, um ein Datenbankobjekt zu erstellen.

2. Transaktion: Mit dieser Methode können wir die Übermittlung oder das Rollback von Transaktionen je nach Situation steuern.

3.executeSql: Diese Methode wird verwendet, um echte SQL-Abfragen auszuführen.

Schritt 1: Öffnen Sie die Verbindung und erstellen Sie die Datenbank

var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });if (!dataBase) {
alert("数据库创建失败！");
} else {
alert("数据库创建成功！");
}

Erklären Sie die openDatabase-Methode zum Öffnen einer vorhandenen Datenbank. Wenn die Datenbank nicht vorhanden ist, kann sie auch eine Datenbank erstellen. Die Bedeutung mehrerer Parameter ist:
1, Datenbankname.
2. Die Versionsnummer ist derzeit 1.0. Lass es in Ruhe und schreibe es einfach zu Tode.
3. Beschreibung der Datenbank.
4. Stellen Sie die Datengröße ein.
5, Rückruffunktion (kann weggelassen werden).
Erstellen Sie beim ersten Anruf die Datenbank und stellen Sie dann die Verbindung her.
Die erstellte Datenbank existiert lokal und der Pfad lautet wie folgt:
C:UsersAdministratorAppDataLocalGoogleChromeUser DataDefaultdatabaseshttp_localhost_*.
Was erstellt wird, ist eine SQLite-Datenbank. Sie können die Datei mit SQLiteSpy öffnen und die darin enthaltenen Daten sehen. SQLiteSpy ist eine umweltfreundliche Software. Sie können sie von Baidu oder der offiziellen SQLiteSpy-Downloadadresse herunterladen: SQLiteSpy.

Schritt 2: Erstellen Sie eine Datentabelle

this.createTable=function() {
dataBase.transaction( function(tx) { 
tx.executeSql("create table if not exists stu (id REAL UNIQUE, name TEXT)", 
[], 
function(tx,result){ alert('创建stu表成功'); }, 
function(tx, error){ alert('创建stu表失败:' + error.message); 
});
});
}

Erklären Sie, dass die
executeSql-Funktion vier Parameter hat. Ihre Bedeutungen sind:

1) Stellt die Abfragezeichenfolge dar und die verwendete SQL-Sprache ist SQLite 3.6.19. (Erforderlich)

2) Die Zeichenfolgendaten, die an der Stelle des Fragezeichens in die Abfrage eingefügt werden. (Optional)

3) Callback-Funktion wird bei Erfolg ausgeführt. Gibt zwei Parameter zurück: tx und das Ergebnis der Ausführung. (Optional)

4) Eine Rückruffunktion, die bei einem Fehler ausgeführt wird. Gibt zwei Parameter zurück: tx und Fehlermeldung. (Optional)

Schritt 3: Prüfung auf Hinzufügung, Löschung und Änderung durchführen

1) Daten hinzufügen:

this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql("insert into stu (id, name) values(?, ?)",
[id, '徐明祥'],
function () { alert('添加数据成功'); },
function (tx, error) { alert('添加数据失败: ' + error.message); 
} );
});

2) Daten abfragen

this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql("select * from stu", [],
function (tx, result) { //执行成功的回调函数//在这里对result 做你想要做的事情吧...........},
function (tx, error) {
alert('查询失败: ' + error.message);
} );
});
}

Besondere Erinnerung

Die im obigen Code erfolgreich ausgeführte Rückruffunktion hat ein Parameterergebnis .

Ergebnis: Der abgefragte Datensatz. Sein Datentyp ist SQLResultSet, genau wie DataTable in C#.
SQLResultSet ist definiert als:

interface SQLResultSet {readonly attribute long insertId;readonly attribute long rowsAffected;readonly attribute SQLResultSetRowList rows;
};

Das wichtigste Attribut – Zeilen vom Typ SQLResultSetRowList – ist die „Zeile“ des Datensatzes.
rows hat zwei Attribute: Länge und Element.
Erhalten Sie also den Wert namens name in der ersten Zeile des Abfrageergebnisses: result.rows.item(0).name .

3) Daten aktualisieren

this.update = function (id, name) {
dataBase.transaction(function (tx) {
tx.executeSql("update stu set name = ? where id= ?",
[name, id],
function (tx, result) {
},
function (tx, error) {
alert('更新失败: ' + error.message);
});
});
}

4) Daten löschen

this.del = function (id) {
dataBase.transaction(function (tx) {
tx.executeSql("delete from stu where id= ?",
[id],
function (tx, result) {
},
function (tx, error) {
alert('删除失败: ' + error.message);
});
});
}

5) Datentabelle löschen

this.dropTable = function () {
dataBase.transaction(function (tx) {
tx.executeSql('drop table stu');
});
}

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonWelche Datenbank verwendet HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!