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

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

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

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

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

npm install sqlite3 --save

目录结构如下:

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

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

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

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

cd .\node_modules\sqlite3

运行一下命令:

//先运行第一步
npm install nan --save
//成功在运行这一步
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-gyp4.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),里面代码如下:

// src/renderer/utils/db.js
// 建表脚本,导出db对象供之后使用
import path from ‘path‘;
import sq3 from ‘sqlite3‘;
// import { docDir } from ‘./settings‘;
// 将数据存至系统用户目录,防止用户误删程序
export const dbPath = path.join("F:\\vsCode_Homework\\test01", ‘data.sqlite1‘);

const sqlite3 = sq3.verbose();
const db = new sqlite3.Database(dbPath);
db.serialize(() => {
  
 db.run("create table test(name varchar(15))",function(){
  db.run("insert into test values(‘hello,word‘)",function(){
    db.all("select * from test",function(err,res){
      if(!err){
        console.log(JSON.stringify(res));
      }
      else{
        console.log(err);
      }
    });
  });
});

   
});

export default db;

然后在渲染进程中引用js

import sqlite3Db from ‘@/components/js/sqlite3Db‘

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

npm run dev

完工。

 

相关推荐