通过90行代码学会HTML5 WebSQL的4种基本操作
web sql数据库api是一个独立的规范，在浏览器层面提供了本地对结构化数据的存储，已经被很多现代浏览器支持了。
我们通过一个简单的例子来了解下如何使用web sql api在浏览器端创建数据库表并存储数据。
在浏览器里执行这个应用，会创建一个名叫mydb的数据库，里面一张名为“user”的数据库表，并且插入一条记录进去，然后从数据库表中读取中来，打印在浏览器上。
下面就来分析下这90行代码。
程序的入口是setupdb这个函数，下面的setinterval起了1个间隔为200毫秒的周期执行函数，为了模拟当前浏览器除了进行web sql数据库外，还有其他的任务再执行。
setupdb
用promise实现了一个链式调用，第九行代码从语义上来说很容易理解：首先创建数据库(createdatabase)，然后创建数据库表(createtable)，然后插入一条记录到数据库表里(insertentry), 然后马上把刚才插入表里的记录读出来(readentry)。最后打印到浏览器上。
大家看我第16行的_createdatabaseok的函数延时1秒执行，仅仅是为了演示websql api 异步调用的最佳实践。
createdatabase函数的第15行，调用了web sql api的opendatabase，创建了一个名为mydb的数据库。opendatabase会返回一个数据库句柄，我们保存在属性_db里以便后续使用。
createtable
使用前一步骤得到的数据库句柄，通过数据库句柄暴露的api transaction, 执行一个数据库事务。事务的具体内容是一个sql语句，通过executesql调用来创建数据库表：
create table if not exists user(id unique, user, passwd)
用过jdbc的朋友对这种写法应该很熟悉。
数据库表明为user，主键为id，有两个列user和passwd。
insertentry
在前一步骤中创建的user数据库表中插入一行记录，id为1，user值为jerry，passwd为1234。
insert into user values (1,jerry,1234)
readentry
还是通过第一步创建的数据库句柄_db, 执行一个数据库事务，内容为select语句，从user表里读出所有记录。
如果想清除掉web sql里的数据库表，在chrome开发者工具里点击clear storage：
选中您要清除的storage类型，点“clear site data即可。
福建福州肯德基门生产厂家
长葛什么地方变频器维修 透明化的报价体系
吴忠中国亿高金业
全自动悬臂式胶膜栈板机-ST-200
喜欢吃红薯的看过来，教你做蛋香味烤红薯，20分钟搞定，香气十足
通过90行代码学会HTML5 WebSQL的4种基本操作
天猫页面排版设计、网店排版设计、商业摄影
高压线路棒形悬式复合绝缘子FXBW4-500/210供应商
每平方62500像素点户外P4全彩高清led显示屏
供应葫芦 桃木五星葫芦七星葫芦 葫芦车内饰家居用品摆挂件批发
龙岗高空作业车租赁中心至上服务
老坑冰种原石翡翠原石毛料 克钦翡翠
界面设计师培训价格,网页ui培训
江阴吊车出租公司讲述起重吊车的类型
地图鱼怎么养? 新手养地图鱼的小知识
江苏轴流轴流风机选型-价格合理，久负盛名
芦荟到底能直接敷脸吗？皮肤科医生：这2种人绝对不行
现在吃的番茄，为什么没以前酸甜软糯了？
OBPA防藻剂防霉剂75号工业杀菌剂
长工配套 陕汽德龙 支架 山东地区长期销售
我们通过一个简单的例子来了解下如何使用web sql api在浏览器端创建数据库表并存储数据。
在浏览器里执行这个应用，会创建一个名叫mydb的数据库，里面一张名为“user”的数据库表，并且插入一条记录进去，然后从数据库表中读取中来，打印在浏览器上。
下面就来分析下这90行代码。
程序的入口是setupdb这个函数，下面的setinterval起了1个间隔为200毫秒的周期执行函数，为了模拟当前浏览器除了进行web sql数据库外，还有其他的任务再执行。
setupdb
用promise实现了一个链式调用，第九行代码从语义上来说很容易理解：首先创建数据库(createdatabase)，然后创建数据库表(createtable)，然后插入一条记录到数据库表里(insertentry), 然后马上把刚才插入表里的记录读出来(readentry)。最后打印到浏览器上。
大家看我第16行的_createdatabaseok的函数延时1秒执行，仅仅是为了演示websql api 异步调用的最佳实践。
createdatabase函数的第15行，调用了web sql api的opendatabase，创建了一个名为mydb的数据库。opendatabase会返回一个数据库句柄，我们保存在属性_db里以便后续使用。
createtable
使用前一步骤得到的数据库句柄，通过数据库句柄暴露的api transaction, 执行一个数据库事务。事务的具体内容是一个sql语句，通过executesql调用来创建数据库表：
create table if not exists user(id unique, user, passwd)
用过jdbc的朋友对这种写法应该很熟悉。
数据库表明为user，主键为id，有两个列user和passwd。
insertentry
在前一步骤中创建的user数据库表中插入一行记录，id为1，user值为jerry，passwd为1234。
insert into user values (1,jerry,1234)
readentry
还是通过第一步创建的数据库句柄_db, 执行一个数据库事务，内容为select语句，从user表里读出所有记录。
如果想清除掉web sql里的数据库表，在chrome开发者工具里点击clear storage：
选中您要清除的storage类型，点“clear site data即可。
福建福州肯德基门生产厂家
长葛什么地方变频器维修 透明化的报价体系
吴忠中国亿高金业
全自动悬臂式胶膜栈板机-ST-200
喜欢吃红薯的看过来，教你做蛋香味烤红薯，20分钟搞定，香气十足
通过90行代码学会HTML5 WebSQL的4种基本操作
天猫页面排版设计、网店排版设计、商业摄影
高压线路棒形悬式复合绝缘子FXBW4-500/210供应商
每平方62500像素点户外P4全彩高清led显示屏
供应葫芦 桃木五星葫芦七星葫芦 葫芦车内饰家居用品摆挂件批发
龙岗高空作业车租赁中心至上服务
老坑冰种原石翡翠原石毛料 克钦翡翠
界面设计师培训价格,网页ui培训
江阴吊车出租公司讲述起重吊车的类型
地图鱼怎么养? 新手养地图鱼的小知识
江苏轴流轴流风机选型-价格合理，久负盛名
芦荟到底能直接敷脸吗？皮肤科医生：这2种人绝对不行
现在吃的番茄，为什么没以前酸甜软糯了？
OBPA防藻剂防霉剂75号工业杀菌剂
长工配套 陕汽德龙 支架 山东地区长期销售