在HTML5中我們應(yīng)該如何連接數(shù)據(jù)庫？

在我們學(xué)習(xí)編程語言的時候肯定會比較多的聽到數(shù)據(jù)庫連接，那么為什么要連接數(shù)據(jù)庫呢？因?yàn)樗梢宰龅綌?shù)據(jù)的一個共享、減少一個數(shù)據(jù)的冗余度、實(shí)現(xiàn)數(shù)據(jù)的一個集中的控制、確保數(shù)據(jù)的安全可靠性和數(shù)據(jù)的一致性可維護(hù)性。那么在 HTML5 中我們應(yīng)該如何連接數(shù)據(jù)庫呢？在數(shù)據(jù)庫的連接中我們需要使用 openDatabase、transaction和 executeSql 這三個方法，接下來我們就來說說怎么連接吧！

步驟一：

打開開發(fā)工具連接數(shù)據(jù)庫創(chuàng)建一個新的數(shù)據(jù)庫，代碼如下：

var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { });
if (!dataBase) {
alert("數(shù)據(jù)庫創(chuàng)建失敗！");
} else {
alert("數(shù)據(jù)庫創(chuàng)建成功！");
}

步驟二：

完成一個數(shù)據(jù)庫之后在進(jìn)行一個數(shù)據(jù)庫表格的創(chuàng)建，用來存取數(shù)據(jù)。代碼如下：

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

步驟三：

完成表格創(chuàng)建之后我們需要進(jìn)行一個執(zhí)行數(shù)據(jù)庫的增刪改查的步驟，代碼如下：

this.insert = function() {
		dataBase.transaction(function(tx) {
			tx.executeSql(
				"insert into stu (id, name) values(?, ?)",
				[id, '小明'],
				function() {
					alert('添加數(shù)據(jù)成功');
				},
				function(tx, error) {
					alert('添加數(shù)據(jù)失敗: ' + error.message);
				});
		});

總結(jié)：

以上就是一個有關(guān)于在 HTML5 中我們應(yīng)該如何連接數(shù)據(jù)庫的一個方法，當(dāng)然如果你有更好的方法也可以分享給小編喔！想更深入的了解數(shù)據(jù)庫的話可以在HTML5 Web SQL進(jìn)行學(xué)習(xí)和了解喔！也希望小編的分享對你有所幫助！