vue2.0操作步骤:读写本地文件 · electron-vue
vue3.0操作步骤:
1).electron应用操作数据的几种方法:
1、远程api接口 (多个客户端公用一套数据)
2、连接远程数据库 (局域网内使用 多个客户端公用一套数据 ) (不建议使用)
3、连接本地数据库 (nedb sqlite) 应用本地保存数据(localstorage 5M) 用户设置信息 qq聊天记录
2).Nedb 数据库文档:
https://github.com/louischatriot/nedb
nedb数据库和mongodb数据库的操作方法几乎一模一样。
3).安装配置nedb数据库步骤
a)安装nedb数据库
cnpm install nedb --save
b)在与主进程main.js相同目录下创建datastore.js文件(根据自己需要创建不同位置皆可)
import Datastore from 'nedb';
import path from 'path';
//import { remote } from 'electron';
export default new Datastore({
autoload: true,
filename: path.join(__dirname, '/data.db') //指定数据库文件路径
//filename: path.join(remote.getPath('userData'), '/data.db') //指定数据库文件路径
// 路径参考https://www.w3cschool.cn/electronmanual/electronmanual-electronapp.html
})
c)主进程文件main.js引入datastore.js
import db from './datastore.js'
const app = createApp(App)
//全局挂载db
app.config.globalProperties.$db= db
d)在vue的组件里面实现数据的增加 修改 删除 显示
this.$db.insert({},function(){
})
this.$db.find({},function(){
//获取查询的数据
})
this.$db.update({条件},{$set:{更改的数据}},function(){
})
this.$db.remove({条件},{},function(){
})
nedb语法参考:Node 嵌入式数据库——NeDB | AlloyTeam