网页设计作业中应用本地数据库_学生网页设计制作作业_网页制作作业成品_网页设计作业_计算机毕业设计_php作业_asp作业_网页模板

热点资讯更多

网页设计作业中应用本地数据库

我们在制作网页设计作业时，应用图像是一个重要技能，下面是对其的介绍

Web SQL数据库简介
Web SQL数据库是存储和访问数据的另一种方式。从其名称可以看出，这是一个真正的数据库，可以查询和加入结果。在HTML5中，大大丰富了客户端本地可以存储的内容，添加了很多功能来将原本必须要保存在服务器上的数据转为保存在客户端本地，从而大大提高了Web应用程序的性能，减轻了服务器端的负担.
在这其中，一项非常重要的功能就是数据库的本地存储功能。在HTML5中内置了一个可以通过SQL语言来访问数据库。在HTML4中，数据库只能放在服务器端，只能通过服务器来访问数据库，但是在HTML5中，可以就像访问本地文件那样轻松地对内置数据库进行直接访问了。

使用Web SQL Database API
1、打开和创建数据库
打开和创建数据库必须使用openDatabase方法来创建一个访问数据库的对
象。该方法的使用方法如下所示。
var db=openDatabase( 'db', '1.0' , 'first database',2*1024*1024);
该方法使用四个参数，第一个参数为数据库名，第二个参数为版本号，第三
个参数为数据库的描述，第四个参数为数据库的大小。该方法返回创建后的
数据库访问对象，如果该数据库不存在，则创建该数据库.
2、创建数据表
实际访问数据库的时候，还需要使用transaction方法，用来执行事务处理。transaction方法使用一个回调函数为参数。在这个函数中，执行访问数据库的语句。
要创建数据表（以及数据库上的任何其他事务），必须启动一个数据库“事务”，并且在回调中创建该表。事务回调接受一个参数，其中包含了事务对象，这就是允许运行SQL语句并且运executeSql方法（在下面的例子中，就是tx）的内容。这通过使用从openDatabase返回的数据库对象来完成
3、插入和查询数据
executeSql方法的完整定义如下transaction.executeSql(sqlquery,[],dataHandler,errorHandler);
第一个参数为需要执行的SQL语句。第二个参数为SQL语句中所有使用到的参数的数组。在executeSql方法中，将SQL语句中所要使用到的参数先用“？”代替，然后依次将这些参数组成数组放在第二个参数中第三个参数为执行sql语句成功时调用的回调函数。该回调函数的传递方法如下所示。function dataHandler(transaction,results){//执行SQL语句成功时的处理}该回调函数使用两个参数，第一个参数为transaction对象，第二个参数为执行查询操作时返回的查询到的结果数据集对象。第四个参数为执行SQL语句出错时调用的回调函数。
该回调函数的传递方法如下所示。function errorHandler(transaction,errmsg){//执行SQL语句出错时的处理}；
该回调函数使用两个参数，第一个参数为transaction对象，第二个参数为执行发生错误时的错误信息文字。

上一篇：网页设计作业中初识Web Storage

下一篇：网页设计作业中创建html5离线应用

分享到： QQ空间新浪微博腾讯微博人人网更多