当前位置:首页 > 数据库 > SQlite

HTML5本地数据库(SQLite)示例

按照国内一HTML5先行者的例子仿写了一个用HTML5API来操作本地SQLite数据库的例子,感觉这个功能蛮好玩的,但是还不够强大,尤其浏览器支持力度不够:HTML代码:!

按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子,感觉这个功能蛮好玩的,但是还不够强大,尤其浏览器支持力度不够:

HTML代码:

javascript 封装了许多方法,比如保存数据到数据库,更新,同步下方的列表等。

我在Google Chrome上做了测试,以下是截图:

HTML5本地数据库(SQLite)示例 - 文章图片

Chrome我使用的版本是最新版的,假定我安装到了C:Documents and Settingscharles.wangLocal SettingsApplication DataGoogleChrome

那么SQLite数据库就安装到了$CHROME_HOMEUser DataDefaultdatabases中

这个目录中databases.db是当前用户的所有创建的数据库的配置,而file__0目录则是数据库表文件目录:

HTML5本地数据库(SQLite)示例 - 文章图片

我们使用SQLite管理工具打开这2个文件,就可以很清楚的看到:

在Databases.db中配置了所用到的数据库:

HTML5本地数据库(SQLite)示例 - 文章图片

这和我们js中的设定一样:

而当我们打开数据库文件,则可以看到:

HTML5本地数据库(SQLite)示例 - 文章图片

这些数据库中的记录正是我们在页面上所展示的。

局限性:

可惜,我测试了下程序员最喜欢用的Firefox浏览器(版本号12),美国服务器,可惜它并不支持这种本地数据库SQLite,虚拟主机,如图(我打开了Firebug的console):

HTML5本地数据库(SQLite)示例 - 文章图片

希望以后这个问题可以得到改善,毕竟用Firefox的人还是很多的,尤其程序员。

本文出自 “平行线的凝聚” 博客,香港虚拟主机,请务必保留此出处


【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!