electron http请求_手把手教你Electron + Vue实战教程（四）

作者： Sufen

转发链接：https://mp.weixin.qq.com/s/idVFfkY331uEGPR9FR6Tww

目录

手把手教你Electron + Vue实战教程(一)

手把手教你Electron + Vue实战教程(二)

手把手教你Electron + Vue实战教程(三)

手把手教你Electron + Vue实战教程(四)本篇

截止上一篇我们已经基本全部完成了静态页部分了，今天我们要开始玩玩数据了。。

❞

1 数据持久化存储的必要性

electron应用说到底是个桌面级应用，我们写好的 Markdown 文档，毋庸置疑的必须要保存下来吧，否则一旦重启应用，那我们辛辛苦苦写的文档岂不是白忙活了。噢，心态炸裂……

对于一般的前端同学来说，我们请求接口拿到数据，然后把web页面展示出来就完事了。但我们现在干的其实已经不完全是纯前端的活了，如果思维还停留在纯web开发的思路上，那么大家还是赶紧把思维拐过来吧，嘿嘿

数据持久化存储对于后端同学来说应该比较熟悉，属于家常便饭那种了。通常指的是把内存里的数据以不同的存储模型存储到磁盘上，在需要的时候再从存储模型里读取读入内存中的整个流程。这里面的存储模型通常就是我们熟悉的数据库。

常用的数据库大家都知道有MySQL，Mongodb，SQLite等等，那么问题来了，我们装一个桌面应用软件，不可能要求用户再自己装一个数据库吧？当然，我们也可以连接远程数据库，但是这成本就很酸爽了……

既然让用户安装数据库不可行，但是我们有些数据又必须要在本地存储下来，这个时候NoSQL嵌入式数据库就出来了。

2 数据库的选择

前端同学玩得比较多的还是JS技术栈，所以我们还是首选纯JavaScript实现的数据库，在这里我们选择的是nedb。nedb用得很广泛，star数也很多，百度随便一搜，有很多讲到nedb和electron配合使用的文章。

NeDB是使用Nodejs实现的一个NoSQL嵌入式数据库操作模块，可以看作是精简版的MongoDB，可以充当内存数据库，也可以用来实现本地存储，甚至可以在浏览器中使用。查询方式比较灵活，支持使用正则、比较运算符、逻辑运算符、索引以及JSON深度查询等。

由于NeDB属于面向文档数据库，面向文档数据库可以看做是键值数据库的一个升级，不但允许键值嵌套，还提高了查询效率。面向文档数据库会将数据以文档形式存储。每个文档都是自包含的数据单元，是一系列数据项的集合。每个数据项都有一个名词与对应值，值既可以是简单的数据类型，如字符串、数字和日期等；也可以是复杂的类型，如有序列表和关联对象。数据存储的最小单位是文档，同一个表中存储的文档属性可以是不同的，数据可以使用XML、JSON或JSONB等多种形式存储。

当然，nedb也有点不友好的地方，原生不支持Promise，采用的是异步回调。但这其实也不是问题，我们可以使用nedb-promises：

3 nedb-promi