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

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

步驟一：

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

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

步驟二：

完成一個(gè)數(shù)據(jù)庫(kù)之后在進(jìn)行一個(gè)數(shù)據(jù)庫(kù)表格的創(chuàng)建，用來(lái)存取數(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)行一個(gè)執(zhí)行數(shù)據(jù)庫(kù)的增刪改查的步驟，代碼如下：

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é)：

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