本地数据库

By admin in 4858美高梅 on 2019年4月18日

HTML5的Web SQL Databases(html5当地数据库)的确很吸引人,当您意识能够用与mysql查询同1的查询语句来操作本地数据库时,你会发现那东西挺风趣的。明天,大家一同来打听HTML
5的Web SQL Database API:openDatabase、transaction、executeSql。

HTML⑤的Web SQL Databases(html5本地数据库)的确很迷惑人,当你发现可以用与mysql查询同1的查询语句来操作本地数据库时,你会意识那东西挺有意思的。前几日,大家联合来领会HTML
五的Web SQL Database API:openDatabase、transaction、executeSql。

HTML5课程之html 五 本地数据库(Web Sql Database),html伍database

HTML五的Web SQL Databases(html5本地数据库)的确很吸引人,当您发觉能够用与mysql查询同一的查询语句来操作本地数据库时,你会发现那东西挺风趣的。前几天,大家壹块来打听HTML
伍的Web SQL Database API:openDatabase、transaction、executeSql。   Web
SQL数据库API实际上不是HTML5标准的组成都部队分,而是单独的科班。它通过1套API来垄断(monopoly)客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都早就支撑Web
SQL Database。HTML5的Web SQL
Databases的确很吸引人,当你意识能够用与mysql查询同1的查询语句来操作本地数据库时,你会发觉那东西挺有趣的。明天,咱们一块来通晓HTML
伍的Web SQL Database API。

上边将顺序将介绍怎样成立张开数据库,创制表,加多数据,更新数据,删除数据,删除表

先介绍5当中央措施

一、openDatabase:这么些措施运用现存数据库或创建新数据库创立数据库对象。

二、transaction:那几个方法允许大家依据事态调节作业提交或回滚。

3、executeSql:这几个主意用于奉行实际的SQL查询。

先是步:打开连接并创建数据库
  代码如下:
var dataBase = openDatabase(“student”, “1.0”, “学生表”, 1024 * 1024,
function () { });
if (!dataBase) {
alert(“数据库创制战败!”);
} else {
alert(“数据库成立成功!”);
}

解释一下openDatabase方法张开多个早就存在的数据库,如果数据库不设有,它还足以创设数据库。几个参数意义分别是:
一,数据库名称。
2,版本号 目前为1.0,不管他,写死就OK。
三,对数据库的讲述。
四,设置数据的分寸。
伍,回调函数(可粗略)。
第2调用时创设数据库,未来正是树立连接了。
创制的数据库就存在本地,路线如下:
C:\Users\Administrator\AppData\Local\Google\Chrome\User
Data\Default\databases\http_localhost_4987 。
始建的是多少个sqllite数据库,能够用SQLiteSpy打开文件,能够观望个中的数量。SQLiteSpy是三个藤黄软件,能够百度时而下载地址或SQLiteSpy官方下载:SQLiteSpy。

 
第二步:创立数量表

  代码如下:
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);
});
});
}

解释一下,
executeSql函数有五个参数,其意义分别是:
壹)表示查询的字符串,使用的SQL语言是SQLite 3.6.19。
贰)插入到查询中问号所在处的字符串数据。
三)成功时进行的回调函数。再次回到多少个参数:tx和实践的结果。
四)贰个波折时实行的回调函数。重临四个参数:tx和曲折的错误消息。

 

其三步:实践增加和删除改查

一)添扩张少:

  代码如下:
this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
“insert into stu (id, name) values(?, ?)”,
[id, ‘徐明祥’],
function () { alert(‘增多数码成功’); },
function (tx, error) { alert(‘添扩大少战败: ‘ + error.message);
} );
});

 
二)查询数据

  代码如下:
this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
“select * from stu”, [],
function (tx, result) { //试行成功的回调函数
//在此地对result 做你想要做的事务吧………..
},
function (tx, error) {
alert(‘查询失利: ‘ + error.message);
} );
});
}

解释一下
上边代码中实施成功的回调函数有1参数result。

result:查询出来的多寡集。其数据类型为 SQLResultSet
,仿佛同C#中的DataTable。
SQLResultSet 的概念为:

  代码如下:
interface SQLResultSet {
readonly attribute long insertId;
readonly attribute long rowsAffected;
readonly attribute SQLResultSetRowList rows;
};
里面最关键的质量—SQLResultSetRowList 类型的 rows 是数据集的“行” 。
rows 有五个性格:length、item 。
故,获取查询结果的某1行某一列的值 :result.rows[i].item[fieldname] 

3)更新数据

  代码如下:
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);
});
});
}

肆)删除数据

  代码如下:
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)删除数据表

  代码如下:
this.dropTable = function () {
dataBase.transaction(function (tx) {
tx.executeSql(‘drop table stu’);
});
}

5 本地数据库(Web Sql
Database),html5database HTML五的Web SQL Databases(html五本地数据库)的确很吸引人,当你发现能够用与mysql查询…

点评:HTML5的Web SQL Databases(html5当地数据库)的确很吸引人,当你发现能够用与mysql查询同一的查询语句来操作本地数据库时,你会发觉这东西挺有意思的。明天,大家一起来打探HTML
5的Web SQL Database API:openDatabase、transaction、executeSql。

 

 

Web
SQL数据库API实际上不是HTML五专业的组成都部队分,而是单独的专业。它经过壹套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都早就支撑Web
SQL Database。HTML五的Web SQL
Databases的确很吸引人,当你发觉能够用与mysql查询同一的查询语句来操作本地数据库时,你会意识那东西挺有意思的。后天,我们1块来驾驭HTML
伍的Web SQL Database API。

Web
SQL数据库API实际上不是HTML5专业的组成都部队分,而是单独的正规化。它通过壹套API来垄断客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都曾经支撑Web
SQL Database。HTML伍的Web SQL
Databases的确很吸引人,当您发觉能够用与mysql查询同一的查询语句来操作本地数据库时,你会意识那东西挺有趣的。明日,大家联合来询问HTML
5的Web SQL Database API。

Web
SQL数据库API实际上不是HTML伍行业内部的组成都部队分,而是单独的正经。它通过1套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经扶助Web
SQL Database。HTML五的Web SQL
Databases的确很吸引人,当您意识能够用与mysql查询同壹的查询语句来操作本地数据库时,你会发现那东西挺有趣的。今日,大家一起来打听HTML
伍的Web SQL Database API。

下边将相继将介绍如何成立张开数据库,创造表,添增添少,更新数据,删除数据,删除表

本地数据库。上边将顺序将介绍怎么样成立打开数据库,成立表,增加数码,更新数据,删除数据,删除表

上边将次第将介绍如何创制张开数据库,创制表,添增加少,更新数据,删除数据,删除表

先介绍三个为主措施

先介绍多少个主导措施

先介绍多个基本措施

一、openDatabase:那么些方法应用现成数据库或创设新数据库成立数据库对象。

一、openDatabase:这么些主意应用现存数据库或创立新数据库创制数据库对象。

一、openDatabase:这几个方法运用现存数据库或创建新数据库创制数据库对象。

二、transaction:那个主意允许大家遵照事态调控作业提交或回滚。

二、transaction:那些方法允许大家依据气象调控作业提交或回滚。

二、transaction:这一个主意允许大家遵照情状调控作业提交或回滚。

3、executeSql:这么些方法用于施行实际的SQL查询。

三、executeSql:这几个点子用于实践实际的SQL查询。

三、executeSql:那个艺术用于试行实际的SQL查询。

首先步:展开连接并创建数据库

先是步:张开连接并创建数据库

率先步:展开连接并创办数据库

代码如下:

 

 

var dataBase = openDatabase(“student”, “1.0”, “学生表”, 1024 * 1024,
function () { });
if (4858美高梅 ,!dataBase) {
alert(“数据库创立失败!”);
} else {
alert(“数据库成立成功!”);
}

代码如下:

代码如下:

解释一下openDatabase方法打开二个业已存在的数据库,如若数据库不存在,它还足以成立数据库。多少个参数意义分别是:
壹,数据库名称。
2,版本号 目前为1.0,不管他,写死就OK。
③,对数据库的描述。
四,设置数据的深浅。
五,回调函数(可粗略)。
先导调用时创制数据库,今后正是树立连接了。
创设的数据库就存在本地,路线如下:
C:\Users\Administrator\AppData\Local\Google\Chrome\User
Data\Default\databases\http_localhost_4987 。
创办的是2个sqllite数据库,能够用SQLiteSpy张开文件,能够看来里边的多寡。SQLiteSpy是一个黑灰软件,能够百度时而下载地址或SQLiteSpy官方下载:SQLiteSpy。

var dataBase = openDatabase(“student”, “1.0”, “学生表”, 1024 * 1024,
function () { });
if (!dataBase) {
alert(“数据库成立退步!”);
} else {
alert(“数据库创产生功!”);
}

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

 
其次步:创立数量表

解释一下openDatabase方法展开四个业已存在的数据库,假若数据库不设有,它还足以创设数据库。多少个参数意义分别是:
一,数据库名称。
2,版本号 目前为1.0,不管他,写死就OK。
3,对数据库的叙述。
四,设置数据的轻重缓急。
伍,回调函数(可粗略)。
先河调用时创制数据库,以往就是树立连接了。
开创的数据库就存在本地,路线如下:
C:\Users\Administrator\AppData\Local\Google\Chrome\User
Data\Default\databases\http_localhost_4987 。
制造的是3个sqllite数据库,能够用SQLiteSpy展开文件,能够见见里边的数据。SQLiteSpy是2个银灰软件,能够百度时而下载地址或SQLiteSpy官方下载:SQLiteSpy。

解释一下openDatabase方法展开多个早已存在的数据库,若是数据库不存在,它仍是能够创立数据库。多少个参数意义分别是:
壹,数据库名称。
2,版本号 目前为1.0,不管他,写死就OK。
三,对数据库的叙说。
4,设置数据的大大小小。
伍,回调函数(可归纳)。
初次调用时创建数据库,未来就是建立连接了。
成立的数据库就存在本地,路径如下:
C:\Users\Administrator\AppData\Local\Google\Chrome\User
Data\Default\databases\http_localhost_4987 。
成立的是八个sqllite数据库,能够用SQLiteSpy张开文件,能够看到里面的多少。SQLiteSpy是二个梅红软件,能够百度时而下载地址或SQLiteSpy官方下载:SQLiteSpy。

代码如下:

 
第一步:创制数量表

 
第三步:创制数量表

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

 

 

解释一下,
executeSql函数有多个参数,其意思分别是:
一)表示查询的字符串,使用的SQL语言是SQLite 三.陆.19。
二)插入到查询中问号所在处的字符串数据。
3)成功时实行的回调函数。重返多少个参数:tx和实施的结果。
四)一个未果时执行的回调函数。重返四个参数:tx和退步的错误音信。

代码如下:

代码如下:

 

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

其三步:实行增加和删除改查

解释一下,
executeSql函数有三个参数,其意义分别是:
一)表示查询的字符串,使用的SQL语言是SQLite 三.六.1玖。
二)插入到查询中问号所在处的字符串数据。
三)成功时举办的回调函数。重临七个参数:tx和实施的结果。
四)多少个受挫时进行的回调函数。再次回到三个参数:tx和波折的错误消息。

解释一下,
executeSql函数有多少个参数,其意义分别是:
一)表示查询的字符串,使用的SQL语言是SQLite 叁.六.1玖。
贰)插入到查询中问号所在处的字符串数据。
三)成功时施行的回调函数。重返四个参数:tx和实践的结果。
四)多个未果时试行的回调函数。再次回到八个参数:tx和退步的错误消息。

一)添增加少:

 

 

代码如下:

其三步:实行增删改查

其三步:实践增加和删除改查

this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
“insert into stu (id, name) values(?, ?)”,
[id, ‘徐明祥’],
function () { alert(‘添扩张少成功’); },
function (tx, error) { alert(‘加多数码战败: ‘ + error.message);
} );
});

1)增添数量:

1)增添数码:

 
二)查询数据

 

 

代码如下:

代码如下:

代码如下:

this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
“select * from stu”, [],
function (tx, result) { //推行成功的回调函数
//在此间对result 做你想要做的事体吧………..
},
function (tx, error) {
alert(‘查询战败: ‘ + 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);
} );
});

this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
“insert into stu (id, name) values(?, ?)”,
[id, ‘徐明祥’],
function () { alert(‘增多数据成功’); },
function (tx, error) { alert(‘添扩张少战败: ‘ + error.message);
} );
});

解释一下
上面代码中试行成功的回调函数有一参数result。

 
二)查询数据

 
贰)查询数据

result:查询出来的数码集。其数据类型为 SQLResultSet
,就像同C#中的DataTable。
SQLResultSet 的概念为:

 

 

代码如下:

代码如下:

代码如下:

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

this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
“select * from stu”, [],
function (tx, result) { //施行成功的回调函数
//在此处对result 做你想要做的职业吧………..
},
function (tx, error) {
alert(‘查询失败: ‘ + error.message);
} );
});
}

this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
“select * from stu”, [],
function (tx, result) { //试行成功的回调函数
//在那边对result 做你想要做的职业吧………..
},
function (tx, error) {
alert(‘查询失利: ‘ + error.message);
} );
});
}

里面最要紧的天性—SQLResultSetRowList 类型的 rows 是数据集的“行” 。
rows 有两脾本性:length、item 。
故,获取查询结果的某一行某1列的值 :result.rows[i].item[fieldname] 

解释一下
下边代码中实践成功的回调函数有一参数result。

解释一下
地点代码中推行成功的回调函数有1参数result。

3)更新数据

result:查询出来的数额集。其数据类型为 SQLResultSet
,就像同C#中的DataTable。
SQLResultSet 的定义为:

result:查询出来的数目集。其数据类型为 SQLResultSet
,就像同C#中的DataTable。
SQLResultSet 的概念为:

代码如下:

 

 

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

代码如下:

代码如下:

肆)删除数据

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

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

代码如下:

中间最器重的性质—SQLResultSetRowList 类型的 rows 是数据集的“行” 。
rows 有两脾性情:length、item 。
故,获取查询结果的某一行某一列的值 :result.rows[i].item[fieldname] 

里头最重要的品质—SQLResultSetRowList 类型的 rows 是数据集的“行” 。
rows 有四个属性:length、item 。
故,获取查询结果的某一行某①列的值 :result.rows[i].item[fieldname] 

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

3)更新数据

3)更新数据

5)删除数据表

 

 

代码如下:

代码如下:

代码如下:

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

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

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

web sql database 增加和删除改查的demo,猛点下载。

四)删除数据

4)删除数据

 

 

代码如下:

代码如下:

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

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)删除数据表

 

 

代码如下:

代码如下:

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

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有