您的位置:首页 > 移动开发

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插件的:
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、按照那篇文章,写代码,测试就是了,我的成功了,具体步骤就不说了参考那篇文章,就是,下面这个图是我的结果图:


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息