ionic 中使用pouchdb + sqlite 来实现app的本地存储
2016-07-16 11:52
405 查看
本文参考了这篇文章(http://www.cnblogs.com/ailen226/p/ionic.html),但是在安装sqlite插件时,遇到了安装失败的问题,最终解决啦!
1、PouchDB是操作SQLite数据库的javascript库(跟mongoose操作mongodb一样)!
2、SQLite是一种轻量级的嵌入式数据库(数据库不需要你安装的,手机系统自带,你需要安装的就是SQLite插件)!
我在使用ionic开发app的时候有使用本地存储数据的需求,参考网友经验,使用sqlite,并使用pouchdb 来操作sqlite,在安装sqlite插件时,就是装不上,经过不懈的努力,最终还是搞定了!好的,言归正传,做个笔记。。。
1、创建ionic项目 ionic start birthday blank
2、进入项目目录安装sqlite插件,那篇文章是这样说的:
cordova plugin add io.litehelpers.cordova.sqlitestorage
我就老实的复制这个代码来安装sqlite插件,但是出问题了,如图:
我原以为是网络不好的问题或者被墙奸了(你懂得!),我先放了放,换个时间再试试,可以试了两天还是不行,一直是这个问题,于是放弃了,
就找其他的方法,发现了这篇文章(http://blog.sina.com.cn/s/blog_7d44fc520102wj98.html),它是这样安装sqlite插件的:
我就在cmd里试了一下,出了个这个问题!如图:
没有git工具可用,我就换了git命令行工具(msysGit ),重新进行这个操作,发现成功啦!如图:
打开项目目录下的plugins文件夹,发现了cordova-sqlite-storage文件,如图,看来确实成功安装了sqlite插件,但是这个方法和那篇文章里的不一样,不知道行不行,不管了,先继续吧
3、安装pouchdb库
bower install pouchdb
我之前没有安装bower,现在安装bower,如图:
然后使用 bower install pouchdb 安装pouchdb库 ,安装成功之后,在www/lib 文件夹会有pouchdb文件夹,在index.html文件中引入pouchdb库:
1、PouchDB是操作SQLite数据库的javascript库(跟mongoose操作mongodb一样)!
2、SQLite是一种轻量级的嵌入式数据库(数据库不需要你安装的,手机系统自带,你需要安装的就是SQLite插件)!
我在使用ionic开发app的时候有使用本地存储数据的需求,参考网友经验,使用sqlite,并使用pouchdb 来操作sqlite,在安装sqlite插件时,就是装不上,经过不懈的努力,最终还是搞定了!好的,言归正传,做个笔记。。。
1、创建ionic项目 ionic start birthday blank
2、进入项目目录安装sqlite插件,那篇文章是这样说的:
cordova plugin add io.litehelpers.cordova.sqlitestorage
我就老实的复制这个代码来安装sqlite插件,但是出问题了,如图:
我原以为是网络不好的问题或者被墙奸了(你懂得!),我先放了放,换个时间再试试,可以试了两天还是不行,一直是这个问题,于是放弃了,
就找其他的方法,发现了这篇文章(http://blog.sina.com.cn/s/blog_7d44fc520102wj98.html),它是这样安装sqlite插件的:
cordova plugin add https:
//github
.com
/brodysoft/Cordova-SQLitePlugin
.git
我就在cmd里试了一下,出了个这个问题!如图:
没有git工具可用,我就换了git命令行工具(msysGit ),重新进行这个操作,发现成功啦!如图:
打开项目目录下的plugins文件夹,发现了cordova-sqlite-storage文件,如图,看来确实成功安装了sqlite插件,但是这个方法和那篇文章里的不一样,不知道行不行,不管了,先继续吧
3、安装pouchdb库
bower install pouchdb
我之前没有安装bower,现在安装bower,如图:
然后使用 bower install pouchdb 安装pouchdb库 ,安装成功之后,在www/lib 文件夹会有pouchdb文件夹,在index.html文件中引入pouchdb库:
<script src=
"lib/pouchdb/dist/pouchdb.min.js"
></script>
4、按照那篇文章,写代码,测试就是了,我的成功了,具体步骤就不说了参考那篇文章,就是,下面这个图是我的结果图:
相关文章推荐
- java自动生成验证码插件-kaptcha
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- SQLite教程(十一):临时文件
- SQLite中重置自动编号列的方法
- 加载flash9.ocx出现错误的解决方法
- jquery实现的代替传统checkbox样式插件
- 保护你的Sqlite数据库(SQLite数据库安全秘籍)
- SQLite教程(十):内存数据库和临时数据库
- SQLite 入门教程二 SQLite的创建、修改、删除表
- 详解SQLite中的数据类型
- 详解SQLite中的查询规划器
- C#简单查询SQLite数据库是否存在数据的方法
- C#操作SQLite数据库方法小结(创建,连接,插入,查询,删除等)
- C#操作SQLite数据库之读写数据库的方法
- 10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
- C#封装的Sqlite访问类实例
- jquery插件autocomplete用法示例
- 推荐40个非常优秀的jQuery插件和教程【系列三】
- SQLite中的B-Tree实现细节分析