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(),用来查询数据库中的所有用户数据并打印到控制台。

相关推荐
福兮说8 分钟前
在浏览器里写一个“够用就好“的 Excel 公式求值器
前端·javascript·excel·编译原理
志尊宝21 分钟前
Vue3 零基础每日笔记(027):组件上的 v-model——让自定义组件也能双向绑定
前端·javascript·vue.js·笔记·html5
云浪29 分钟前
从 0 手写一个 MCP Server:让 Copilot 调用 Tool 完成四则运算
javascript·node.js·mcp
尾善爱看海10 小时前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue
李明卫杭州15 小时前
React 复合事件系统对比解析
前端·javascript·react.js
LEE16 小时前
前端转型全栈 01:数据建模,前端最大的盲区
前端·javascript·后端
雪芽蓝域zzs16 小时前
第四十七节:驾驶舱大屏 ECharts 图表集成
前端·javascript·vue.js
梦醒沉醉17 小时前
7、表达日期和时间(前朝遗老Date)
javascript
雪芽蓝域zzs18 小时前
第四十九节:TagsView 右键菜单(带三角箭头)给每个 tag 增加**鼠标右键菜单**(右键标签弹出:关闭、关闭其他、关闭全部)
前端·javascript·vue.js
এ慕ོ冬℘゜18 小时前
从零开发移动端医院挂号页面:适配、交互与前端实现详解
前端·javascript