使用 TypeScript 和 PlanetScale 查詢資料庫

TypeScript

PlanetScale

使用 Prisma Client 編寫您的第一個查詢

現在您已經生成了 Prisma Client，您可以開始編寫查詢來讀取和寫入資料庫中的資料。為了本指南的目的，您將使用一個普通的 Node.js 指令碼來探索 Prisma Client 的一些基本功能。

建立一個名為 index.ts 的新檔案，並新增以下程式碼

index.ts

import { PrismaClient } from './generated/prisma'

const prisma = new PrismaClient()

async function main() {
  // ... you will write your Prisma Client queries here
}

main()
  .then(async () => {
    await prisma.$disconnect()
  })
  .catch(async (e) => {
    console.error(e)
    await prisma.$disconnect()
    process.exit(1)
  })

以下是程式碼片段不同部分的快速概覽

1. 從 @prisma/client Node 模組匯入 PrismaClient 建構函式
2. 例項化 PrismaClient
3. 定義一個名為 main 的 async 函式，用於向資料庫傳送查詢
4. 呼叫 main 函式
5. 指令碼終止時關閉資料庫連線

在 main 函式中，新增以下查詢以從資料庫中讀取所有 User 記錄並列印結果

index.ts

async function main() {
  // ... you will write your Prisma Client queries here
  const allUsers = await prisma.user.findMany()
  console.log(allUsers)
}

現在使用此命令執行程式碼

npx tsx index.ts

這應該會列印一個空陣列，因為資料庫中還沒有 User 記錄

[]

將資料寫入資料庫

您在上一節中使用的 findMany 查詢只從資料庫中讀取資料（儘管它仍然是空的）。在本節中，您將學習如何編寫查詢以將新記錄寫入 Post 和 User 表。

調整 main 函式以向資料庫傳送 create 查詢

index.ts

async function main() {
  await prisma.user.create({
    data: {
      name: 'Alice',
      email: 'alice@prisma.io',
      posts: {
        create: { title: 'Hello World' },
      },
      profile: {
        create: { bio: 'I like turtles' },
      },
    },
  })

  const allUsers = await prisma.user.findMany({
    include: {
      posts: true,
      profile: true,
    },
  })
  console.dir(allUsers, { depth: null })
}

此程式碼使用 巢狀寫入 查詢建立了一個新的 User 記錄以及新的 Post 和 Profile 記錄。User 記錄透過 Post.author ↔ User.posts 和 Profile.user ↔ User.profile 關係欄位 分別與其他兩個記錄連線。

請注意，您將 include 選項傳遞給 findMany，這會告訴 Prisma Client 在返回的 User 物件中包含 posts 和 profile 關係。

使用此命令執行程式碼

npx tsx index.ts

輸出應如下所示

[
  {
    email: 'alice@prisma.io',
    id: 1,
    name: 'Alice',
    posts: [
      {
        content: null,
        createdAt: 2020-03-21T16:45:01.246Z,
        updatedAt: 2020-03-21T16:45:01.246Z,
        id: 1,
        published: false,
        title: 'Hello World',
        authorId: 1,
      }
    ],
    profile: {
      bio: 'I like turtles',
      id: 1,
      userId: 1,
    }
  }
]

另請注意，allUsers 藉助於 Prisma Client 生成的型別，是靜態型別的。您可以透過在編輯器中將滑鼠懸停在 allUsers 變數上來觀察其型別。它的型別應如下所示

const allUsers: (User & {
  posts: Post[]
})[]

export type Post = {
  id: number
  title: string
  content: string | null
  published: boolean
  authorId: number | null
}

該查詢向 User 和 Post 表添加了新記錄

使用者

ID	電子郵件	姓名
1	"alice@prisma.io"	"Alice"

帖子

ID	建立時間	更新時間	標題	內容	已釋出	作者ID
1	2020-03-21T16:45:01.246Z	2020-03-21T16:45:01.246Z	"Hello World"	null	false	1

個人資料

ID	個人簡介	使用者ID
1	"I like turtles"	1

注意：Post 表中的 authorId 列和 Profile 表中的 userId 列中的數字都引用 User 表的 id 列，這意味著 id 值 1 列因此指的是資料庫中的第一個（也是唯一一個）User 記錄。

在繼續下一節之前，您將使用 update 查詢“釋出”您剛剛建立的 Post 記錄。請如下調整 main 函式

index.ts

async function main() {
  const post = await prisma.post.update({
    where: { id: 1 },
    data: { published: true },
  })
  console.log(post)
}

現在使用與之前相同的命令執行程式碼

npx tsx index.ts

您將看到以下輸出

{
  id: 1,
  title: 'Hello World',
  content: null,
  published: true,
  authorId: 1
}

id 為 1 的 Post 記錄現在已在資料庫中更新

帖子

ID	標題	內容	已釋出	作者ID
1	"Hello World"	null	true	1

太棒了，您剛剛首次使用 Prisma Client 將新資料寫入了資料庫 🚀