当前位置:Gxlcms > mysql > HTML5本地数据库(SQLite)示例

HTML5本地数据库(SQLite)示例

时间:2021-07-01 10:21:17 帮助过:53人阅读

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

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

HTML代码:

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

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

Chrome我使用的版本是最新版的,假定我安装到了C:\Documents and Settings\charles.wang\Local Settings\Application Data\Google\Chrome

那么SQLite数据库就安装到了$CHROME_HOME\User Data\Default\databases中

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

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

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

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

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

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

局限性:

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

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

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

人气教程排行