在HTML5中我们应该如何连接数据库?

2021-06-05 09:39:51 浏览数 (2)

在我们学习编程语言的时候肯定会比较多的听到数据库连接,那么为什么要连接数据库呢?因为他可以做到数据的一个共享、减少一个数据的冗余度、实现数据的一个集中的控制、确保数据的安全可靠性和数据的一致性可维护性。那么在 HTML5 中我们应该如何连接数据库呢?在数据库的连接中我们需要使用 openDatabase、transaction和 executeSql 这三个方法,接下来我们就来说说怎么连接吧!


步骤一:


打开开发工具连接数据库创建一个新的数据库,代码如下:

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

步骤二:


完成一个数据库之后在进行一个数据库表格的创建,用来存取数据。代码如下:

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);

});

});

}


步骤三:


完成表格创建之后我们需要进行一个执行数据库的增删改查的步骤,代码如下:

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


总结:

以上就是一个有关于在 HTML5 中我们应该如何连接数据库的一个方法,当然如果你有更好的方法也可以分享给小编喔!想更深入的了解数据库的话可以在HTML5 Web SQL进行学习和了解喔!也希望小编的分享对你有所帮助!



0 人点赞