第2讲 HTML5 应用程序.ppt

高级前端技术 PHP课程第二季 第二讲 HTML 5 应用程序 SQL Database IndexdDB Web SQL Database Web Storage存储本地数据的方法目前可以在许多主流浏览器、平台与设备上实现，与之相关的API也已经标准化，但是，Web Storage存储空间是有5MB，键值存储的方式带来诸多不便，未来本地存储也不仅仅是这一中方法。其中最为熟知的就是Web SQL数据库，它是浏览器内置SQLite数据库，允许使用JavaScript代码控制数据库。 打开与创建数据库 使用格式： openDatabase(DbName,DBVersion,DBDescribe,DBSize,Callback()); 参数分别表示: 数据库名称，版本号，描述，数据库大小（字节为单位），创建或打开成功后执行的回调函数。 db=openDatabase(Student,1.0,StuManage,2*1024*1024,function(){ alert(成功创建数据库); }); db.transaction(function(tx){ //执行创建表语句 var sql=create table if not exists student(sno unique,name text,sex text,score int); tx.executeSql(sql); }); 示例： 执行事务 通过数据库对象中的transaction方法执行事务处理。每一个事物处理请求都作为数据库的独立操作，这有效地避免在处理数据时发生冲突。调用语法格式如下： 参数分别表示： 事务回调函数，出错回调函数，成功回调函数。 transaction(TransCallback,ErrorCallback,SuccessCallback); 执行语句 transaction.executeSql(strSQL,[arguments],SuccessCallback,ErrorCallback); var sql=create table if not exists student(sno,name,sex,score);; db.transaction(function(tx){ tx.executeSql(sql,function(){ alert(语句执行成功); },function(){ alert(语句执行失败); }); 参数分别是：待执行的语句，需要的实参，成功回调函数，失败回调函数。 使用示例： 执行查询 var sql=select * from student; db.transaction(function(tx){ tx.executeSql(sql,function(tx,rs){ //数据条数 alert(rs.rows.length); //获得第一条第一列数据 alert(rs.rows.item(0).stuName); },function(){ alert(语句执行失败); }); 使用示例： IndexedDB 介绍 1. 和cookies类似，IndexedDB是每个域名独立存储数据的。但比cookies方便。 2. 和Web Storage 比， IndexedDB可以存储任意格式的json object。 3. 和web sql database类似，IndexedDB也分数据库，每个数据库可以建立多个不同配置的表。IndexedDB直接通过JS API完成操作。sql database 已被w3c 废除。 IndexedDB 是HTML5中的一种数据存储方式。用来帮助网站，在浏览器本地，存储结构比较复杂的数据。 它是一种轻量级NOSQL数据库。 什么是NoSQL NoSQL(NoSQL = Not Only SQL )，意即“不仅仅是SQL”，是一项全新的数据库革命性运动，早期就有人提出，发展至2009年趋势越发高涨。NoSQL的拥护者们提倡运用非关系型的数据存储，相对于铺天盖地的关系型数据库运用，这一概念无疑是一种全新的思维的注入。 IndexedDB 数据结构 Database var request=indexedDB.open(databasename,version); 打开数据库 数据库无需创建直接打开，如果不存在则自动创建。格式如下： o