electron安装操作sqlite3数据库(完整版)

Posted 咯咯咯咯哒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了electron安装操作sqlite3数据库(完整版)相关的知识,希望对你有一定的参考价值。

仔细阅读我说的每一个字,要不然你可能会安装不成功。

以下是我解决安装sqlite3数据库的所有操作步骤,前提是,我的电脑已经装有Python3.5和vs2018了。我不知道安装这个sqlite会不会和这个有关,在我查找解决问题的时候,很多博客都提醒要安装,我也不知道要不要安装,如果你一下步骤你没有安装成功,那就可以参考安装一下Python和vs。

 

1、在操作sqlite3数据库之前你要有一个能运行的electron  Demo。如果没有请参考我的这篇文章。

2、在项目的根目录下运行(cmd最好都是用管理员命令打开的

npm install sqlite3 --save

目录结构如下:

 

2、安装以后,发现Electron不能正常使用,会报出很多错误,比如缺少sqlite3模块,找不到,但是明明装了,这里需要对Sqlite3单独编译。

原因是:通过npm安装的sqlite3模块只实现了对node.js原生环境的支持,如果electron需要使用的话必须对其进行二次编辑。
首先进入到安装好的模块sqlite3目录下

cd .\\node_modules\\sqlite3

运行一下命令:

1 //先运行第一步
2 npm install nan --save
3 //成功在运行这一步
4 npm run prepublish

如果run失败(就是运行npm run prepublish)可以跳过

3、接下来再执行

node-gyp configure --module_name=node_sqlite3 --module_path=../lib/binding/electron-v1.4-win32-x64
node-gyp rebuild --target=1.4.13 --arch=x64 --target_platform=win32 --dist-url=https:
//atom.io/download/electron/ --module_name=node_sqlite3 --module_path=../lib/binding/electron-v1.4-win32-x64

 

操作注意 一定得看:

第三步标红的代码一定要注意,这个path后面的路径一定要和你调试器内报错的信息一样,我之前安装失败报的错,这个错(第2步)是我在网上找的别人的一个,作为参考。但是错误类型都是一样的,只是后面划红线的地方不一样,你在path后面那个路径改成你自己报错显示的路径即可。

另外 以上命令行是编译的关键,–target代表electron的版本号,不是package.json的electron版本号,访问https://npm.taobao.org/mirrors/atom-shell,查看最新的版本并将其设为target即可;–arch是cpu的位数;–dist-url指定了electron header的下载来源,像之前说的一样,如果你的外网访问速度很快,使用【https://atom.io/download/electron/】也可以。另外注意,path一定要一致。

4、如果你在执行第三步的时候报:

node-gyp不是内部命令,那就是说明,你没有安装node-gyp

4.1安装node-gyp
npm install -g node-gyp

   4.2 然后必须以管理员身份运行powershell或者cmd否则以下指令会报错(我上面说了 你最好每一个cmd都是用管理员的身份打开,以免产生不必要的麻烦)

npm install --global --production windows-build-tools

   4.3安装成功后再去执行第3步。

 

5、完毕后再运行【npm run dev】,测试sql语句,这样应该就没问题了。

二、操作sqlite数据库;

在项目中随便创建一个js文件(sqlite3Db.js),里面代码如下:

 1 // src/renderer/utils/db.js
 2 // 建表脚本,导出db对象供之后使用
 3 import path from \'path\';
 4 import sq3 from \'sqlite3\';
 5 // import { docDir } from \'./settings\';
 6 // 将数据存至系统用户目录,防止用户误删程序
 7 export const dbPath = path.join("F:\\\\vsCode_Homework\\\\test01", \'data.sqlite1\');
 8 
 9 const sqlite3 = sq3.verbose();
10 const db = new sqlite3.Database(dbPath);
11 db.serialize(() => {
12   
13  db.run("create table test(name varchar(15))",function(){
14   db.run("insert into test values(\'hello,word\')",function(){
15     db.all("select * from test",function(err,res){
16       if(!err){
17         console.log(JSON.stringify(res));
18       }
19       else{
20         console.log(err);
21       }
22     });
23   });
24 });
25 
26    
27 });
28 
29 export default db;

然后在渲染进程中引用js

import sqlite3Db from \'@/components/js/sqlite3Db\'

运行electron,在调试器查看console输出

npm run dev

完工。

 

 

 

 

以上是关于electron安装操作sqlite3数据库(完整版)的主要内容,如果未能解决你的问题,请参考以下文章

windows下使用electron+sqlite3

在electron中使用sqlite3,win10系统

如何从 Electron AppImage .mount 点访问 Sqlite3 数据库?

如何用Electron解决Sqlite3的这个错误?

在 Angular + Electron 应用程序中使用 sqlite3:关键依赖项:依赖项的请求是一个表达式

electron (9.0.3)node (v12.17.0) 使用sqlite3 踩坑