Next.js 15 Fullstack Web Apps · บทเรียน

ความสัมพันธ์และคำค้นขั้นสูงด้วย Prisma

บทเรียน 4 จาก 413 ขั้นตอน

ความสัมพันธ์และคำค้นขั้นสูงด้วย Prisma เป็นบทเรียน Next.js 15 Fullstack Web Apps ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Next.js 15 Fullstack Web Apps และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Next.js 15 Fullstack Web Apps มีบทเรียนทั้งหมด 4 บทเรียน

บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ

Why Relations?

Real data is connected: a user has many posts, a post has many tags. Prisma models these relations in the schema so you can traverse them in type-safe queries.

One-to-Many in the Schema

A one-to-many relation links a parent to many children via a foreign key. Define both sides in the schema.

model User {
  id    Int    @id @default(autoincrement())
  posts Post[]
}
model Post {
  id       Int  @id @default(autoincrement())
  authorId Int
  author   User @relation(fields: [authorId], references: [id])
}

Many-to-Many

Prisma supports implicit many-to-many with just array fields on both sides; it manages the join table for you.

model Post { id Int @id @default(autoincrement()) tags Tag[] }
model Tag  { id Int @id @default(autoincrement()) posts Post[] }

Including Related Data

By default queries return only the model fields. Use include to fetch related records too.

const user = await prisma.user.findUnique({
  where: { id: 1 },
  include: { posts: true },
});

Selecting Specific Fields

Use select to fetch only the columns you need — leaner payloads and faster queries. You can nest select for relations.

const posts = await prisma.post.findMany({
  select: { id: true, title: true, author: { select: { name: true } } },
});

Nested Writes

Create a parent and its children in one call with a nested create. Prisma runs it in a transaction.

await prisma.user.create({
  data: {
    name: 'Ada',
    posts: { create: [{ title: 'Hello' }, { title: 'World' }] },
  },
});

Filtering with where

Build rich filters with operators like contains, gt, in, and combine them with AND/OR.

const recent = await prisma.post.findMany({
  where: {
    published: true,
    title: { contains: 'Prisma' },
  },
});

Filtering on Relations

You can filter a parent by a condition on its children using some, every, or none.

const authors = await prisma.user.findMany({
  where: { posts: { some: { published: true } } },
});

Sorting and Pagination

Order results with orderBy and page with take/skip (offset) for classic pagination.

const page = await prisma.post.findMany({
  orderBy: { createdAt: 'desc' },
  take: 10,
  skip: 20,
});

Cursor Pagination

For large or live datasets, cursor-based pagination is more stable than offset. Pass the last seen id as a cursor.

const next = await prisma.post.findMany({
  take: 10,
  cursor: { id: lastId },
  skip: 1,
});

Avoiding N+1 Queries

Fetching a list and then querying each item separately causes the N+1 problem. Prisma avoids it: use a single include to load relations in one optimized query rather than looping.

Quick Check

Test your Prisma relations knowledge.

ตอบคำถามในบทเรียนแบบโต้ตอบ

Recap

You learned relational querying with Prisma:

Model one-to-many and many-to-many relations in the schema
Fetch relations with include; trim fields with select
Nested writes create parents and children atomically
Filter on relations, paginate with take/skip or cursors, and avoid the N+1 problem

เริ่มต้นได้ฟรี

เรียนรู้ TypeScript ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส: 12
บทเรียน: 48

เริ่มเรียนฟรี ดูหลักสูตรเต็ม

คำถามที่พบบ่อย

บทเรียน “ความสัมพันธ์และคำค้นขั้นสูงด้วย Prisma” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ความสัมพันธ์และคำค้นขั้นสูงด้วย Prisma” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Next.js 15 Fullstack Web Apps ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Next.js 15 Fullstack Web Apps มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ความสัมพันธ์และคำค้นขั้นสูงด้วย Prisma”

สร้างแบบจำลองความสัมพันธ์แบบหนึ่งต่อหลายและหลายต่อหลาย จากนั้นค้นข้อมูลข้ามความสัมพันธ์ด้วยการเขียนแบบซ้อน การใช้ include การเลือกข้อมูล การกรอง และการแบ่งหน้า คุณปฏิบัติ Next.js 15 Fullstack Web Apps ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Next.js 15 Fullstack Web Apps หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Next.js 15 Fullstack Web Apps บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน

บทเรียน “ความสัมพันธ์และคำค้นขั้นสูงด้วย Prisma” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Next.js 15 Fullstack Web Apps นี้ได้ไหม

ได้ บทเรียน Next.js 15 Fullstack Web Apps ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

← กลับไปที่ Next.js 15 Fullstack Web Apps