ionic 中使用pouchdb + sqlite 来实现app的本地存储

2024-05-24 05:38

本文主要是介绍ionic 中使用pouchdb + sqlite 来实现app的本地存储,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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






这篇关于ionic 中使用pouchdb + sqlite 来实现app的本地存储的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/997525

相关文章

springboot+redis实现订单过期(超时取消)功能的方法详解

《springboot+redis实现订单过期(超时取消)功能的方法详解》在SpringBoot中使用Redis实现订单过期(超时取消)功能,有多种成熟方案,本文为大家整理了几个详细方法,文中的示例代... 目录一、Redis键过期回调方案(推荐)1. 配置Redis监听器2. 监听键过期事件3. Redi

C#中checked关键字的使用小结

《C#中checked关键字的使用小结》本文主要介绍了C#中checked关键字的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录✅ 为什么需要checked? 问题:整数溢出是“静默China编程”的(默认)checked的三种用

SpringBoot全局异常拦截与自定义错误页面实现过程解读

《SpringBoot全局异常拦截与自定义错误页面实现过程解读》本文介绍了SpringBoot中全局异常拦截与自定义错误页面的实现方法,包括异常的分类、SpringBoot默认异常处理机制、全局异常拦... 目录一、引言二、Spring Boot异常处理基础2.1 异常的分类2.2 Spring Boot默

C#中预处理器指令的使用小结

《C#中预处理器指令的使用小结》本文主要介绍了C#中预处理器指令的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录 第 1 名:#if/#else/#elif/#endif✅用途:条件编译(绝对最常用!) 典型场景: 示例

基于SpringBoot实现分布式锁的三种方法

《基于SpringBoot实现分布式锁的三种方法》这篇文章主要为大家详细介绍了基于SpringBoot实现分布式锁的三种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、基于Redis原生命令实现分布式锁1. 基础版Redis分布式锁2. 可重入锁实现二、使用Redisso

SpringBoo WebFlux+MongoDB实现非阻塞API过程

《SpringBooWebFlux+MongoDB实现非阻塞API过程》本文介绍了如何使用SpringBootWebFlux和MongoDB实现非阻塞API,通过响应式编程提高系统的吞吐量和响应性能... 目录一、引言二、响应式编程基础2.1 响应式编程概念2.2 响应式编程的优势2.3 响应式编程相关技术

C#实现将XML数据自动化地写入Excel文件

《C#实现将XML数据自动化地写入Excel文件》在现代企业级应用中,数据处理与报表生成是核心环节,本文将深入探讨如何利用C#和一款优秀的库,将XML数据自动化地写入Excel文件,有需要的小伙伴可以... 目录理解XML数据结构与Excel的对应关系引入高效工具:使用Spire.XLS for .NETC

Nginx更新SSL证书的实现步骤

《Nginx更新SSL证书的实现步骤》本文主要介绍了Nginx更新SSL证书的实现步骤,包括下载新证书、备份旧证书、配置新证书、验证配置及遇到问题时的解决方法,感兴趣的了解一下... 目录1 下载最新的SSL证书文件2 备份旧的SSL证书文件3 配置新证书4 验证配置5 遇到的http://www.cppc

Nginx之https证书配置实现

《Nginx之https证书配置实现》本文主要介绍了Nginx之https证书配置的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起... 目录背景介绍为什么不能部署在 IIS 或 NAT 设备上?具体实现证书获取nginx配置扩展结果验证

SpringBoot整合 Quartz实现定时推送实战指南

《SpringBoot整合Quartz实现定时推送实战指南》文章介绍了SpringBoot中使用Quartz动态定时任务和任务持久化实现多条不确定结束时间并提前N分钟推送的方案,本文结合实例代码给大... 目录前言一、Quartz 是什么?1、核心定位:解决什么问题?2、Quartz 核心组件二、使用步骤1