Electron中使用Prisma(以SQLite为例)

1、安装 Prisma

打开终端,执行以下命令安装 Prisma CLI:

npm install prisma -g

2、初始化 Prisma 项目

在工作目录中执行以下命令来初始化一个新的 Prisma 项目:

prisma init

这将创建一个新的文件夹,包含了必要的文件和目录结构。

3、配置 SQLite

打开 prisma/schema.prisma 文件,将数据库引擎设置为 SQLite:

javascript 复制代码
generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider = "sqlite"
  url      = env("DATABASE_URL")
}

然后执行以下命令来生成数据库模型和客户端代码:

prisma generate

4、创建数据库模型

prisma/schema.prisma 文件中,通过定义模型来创建数据库表。例如,我们可以创建一个名为 User 的模型:

javascript 复制代码
model User {
  id    Int     @id @default(autoincrement())
  email String  @unique
  name  String?
}

然后再次执行 prisma generate 命令来更新数据库模型和客户端代码。

或者使用 prisma migrate dev

5、使用 Prisma 客户端代码

可以使用 Prisma 客户端代码来操作数据库。在 Electron 中,我们可以在主进程或渲染进程中使用 Prisma。

以下是一个在渲染进程中使用 Prisma 查询数据的示例:

javascript 复制代码
const { PrismaClient } = require('@prisma/client')

const prisma = new PrismaClient()

app.on('ready', async () => {
  console.log('ready');
  const users: User[] = await prisma.user.findMany();
  console.log('User Table');
  console.log(users);
});

在上面的示例中,我们首先引入了 Prisma 客户端模块,并创建了一个 Prisma 客户端实例。然后,我们定义了一个异步函数 getUsers(),用来查询数据库中的所有用户数据并打印到控制台。

相关推荐
幼儿园老大21 分钟前
告别代码屎山!UniApp + Vue3 自动化规范:ESLint 9+ 扁平化配置全指南
javascript·vue.js
Liu.7741 小时前
vue3组件之间传输数据
前端·javascript·vue.js
|晴 天|1 小时前
前端闭包:从概念到实战,解锁JavaScript高级技能
开发语言·前端·javascript
全栈前端老曹1 小时前
【ReactNative】核心组件与 JSX 语法
前端·javascript·react native·react.js·跨平台·jsx·移动端开发
小小黑0071 小时前
快手小程序-实现插屏广告的功能
前端·javascript·小程序
@万里挑一2 小时前
vue中使用虚拟列表,封装虚拟列表
前端·javascript·vue.js
黑臂麒麟2 小时前
Electron for OpenHarmony 跨平台实战开发:Electron 文件系统操作实战
前端·javascript·electron·openharmony
1024肥宅2 小时前
工程化工具类:模块化系统全解析与实践
前端·javascript·面试
weixin_422555422 小时前
ezuikit-js官网使用示例
前端·javascript·vue·ezuikit-js
running up3 小时前
Java集合框架之ArrayList与LinkedList详解
javascript·ubuntu·typescript