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

相关文章

Python实现AVIF图片与其他图片格式间的批量转换

《Python实现AVIF图片与其他图片格式间的批量转换》这篇文章主要为大家详细介绍了如何使用Pillow库实现AVIF与其他格式的相互转换,即将AVIF转换为常见的格式,比如JPG或PNG,需要的小... 目录环境配置1.将单个 AVIF 图片转换为 JPG 和 PNG2.批量转换目录下所有 AVIF 图

Pydantic中Optional 和Union类型的使用

《Pydantic中Optional和Union类型的使用》本文主要介绍了Pydantic中Optional和Union类型的使用,这两者在处理可选字段和多类型字段时尤为重要,文中通过示例代码介绍的... 目录简介Optional 类型Union 类型Optional 和 Union 的组合总结简介Pyd

Pydantic中model_validator的实现

《Pydantic中model_validator的实现》本文主要介绍了Pydantic中model_validator的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录引言基础知识创建 Pydantic 模型使用 model_validator 装饰器高级用法mo

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

AJAX请求上传下载进度监控实现方式

《AJAX请求上传下载进度监控实现方式》在日常Web开发中,AJAX(AsynchronousJavaScriptandXML)被广泛用于异步请求数据,而无需刷新整个页面,:本文主要介绍AJAX请... 目录1. 前言2. 基于XMLHttpRequest的进度监控2.1 基础版文件上传监控2.2 增强版多

使用Python自建轻量级的HTTP调试工具

《使用Python自建轻量级的HTTP调试工具》这篇文章主要为大家详细介绍了如何使用Python自建一个轻量级的HTTP调试工具,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录一、为什么需要自建工具二、核心功能设计三、技术选型四、分步实现五、进阶优化技巧六、使用示例七、性能对比八、扩展方向建

Redis分片集群的实现

《Redis分片集群的实现》Redis分片集群是一种将Redis数据库分散到多个节点上的方式,以提供更高的性能和可伸缩性,本文主要介绍了Redis分片集群的实现,具有一定的参考价值,感兴趣的可以了解一... 目录1. Redis Cluster的核心概念哈希槽(Hash Slots)主从复制与故障转移2.

springboot+dubbo实现时间轮算法

《springboot+dubbo实现时间轮算法》时间轮是一种高效利用线程资源进行批量化调度的算法,本文主要介绍了springboot+dubbo实现时间轮算法,文中通过示例代码介绍的非常详细,对大家... 目录前言一、参数说明二、具体实现1、HashedwheelTimer2、createWheel3、n

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.

Mybatis 传参与排序模糊查询功能实现

《Mybatis传参与排序模糊查询功能实现》:本文主要介绍Mybatis传参与排序模糊查询功能实现,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、#{ }和${ }传参的区别二、排序三、like查询四、数据库连接池五、mysql 开发企业规范一、#{ }和${ }传参的