Aplikasi Web Fullstack Next.js 15 · Pelajaran

Operasi CRUD dengan Klien Prisma

Lakukan operasi Cipta, Baca, Kemas Kini dan Padam menggunakan Klien Prisma yang selamat dari segi jenis.

Pelajaran 3 daripada 412 langkah

Operasi CRUD dengan Klien Prisma ialah pelajaran Aplikasi Web Fullstack Next.js 15 percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Aplikasi Web Fullstack Next.js 15, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Aplikasi Web Fullstack Next.js 15 merangkumi sejumlah 4 pelajaran.

Pengenalan kepada CRUD dengan Prisma

Selamat datang! Dalam pelajaran ini, kita akan menguasai operasi CRUD menggunakan Prisma Client. CRUD ialah singkatan bagi Cipta, Baca, Kemas Kini dan Padam – empat operasi asas untuk berinteraksi dengan mana-mana pangkalan data.

Prisma Client menyediakan cara yang selamat dari segi jenis dan intuitif untuk menjalankan tindakan ini, menjadikan interaksi anda dengan pangkalan data lebih cekap dan kurang terdedah kepada ralat.

Mencipta Contoh Prisma Client

Sebelum menjalankan sebarang operasi pangkalan data, anda perlu mencipta contoh Prisma Client. Klien ini dijana secara automatik berdasarkan fail schema.prisma anda dan menghubungkan aplikasi anda dengan pangkalan data.

Biasanya, anda akan melakukan perkara ini sekali sahaja di titik masuk aplikasi atau modul pangkalan data khusus.

import { PrismaClient } from '@prisma/client';

const prisma = new PrismaClient();

async function main() {
  console.log('Prisma Client initialized!');
  // Database operations go here
}

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

Cipta: Menambahkan Data Baharu

Operasi Cipta menambahkan rekod baharu pada pangkalan data anda. Dengan Prisma, anda menggunakan kaedah create pada model untuk memasukkan data.

Tentukan model (contohnya, prisma.user).
Berikan data untuk rekod baharu dalam objek data.
Prisma mengendalikan kemasukan SQL untuk anda!

Ingat, ini mengandaikan bahawa anda telah mentakrifkan model User dalam schema.prisma.

Cipta: Menambahkan Rekod Pengguna

Mari kita cipta rekod User baharu. Perhatikan cara Prisma Client menyediakan pelengkapan automatik untuk medan seperti email dan name, sekali gus memastikan keselamatan jenis.

Jalankan contoh ini untuk melihat pengguna baharu ditambahkan.

import { PrismaClient } from '@prisma/client';

const prisma = new PrismaClient();

async function main() {
  console.log('Creating a new user...');
  const newUser = await prisma.user.create({
    data: {
      email: 'alice@example.com',
      name: 'Alice Smith',
    },
  });
  console.log('Created user:', newUser.name, 'with ID:', newUser.id);
}

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

Baca: Mendapatkan Berbilang Rekod

Operasi Baca mendapatkan data. Untuk mendapatkan berbilang rekod, gunakan kaedah findMany. Anda boleh menapis hasil menggunakan klausa where, menyusunnya dengan orderBy atau mengehadkannya dengan take.

Contohnya, prisma.user.findMany({ where: { name: 'Alice Smith' } }) akan mencari semua pengguna bernama Alice Smith.

Baca: Mendapatkan Satu Rekod

Untuk mendapatkan satu rekod yang unik, gunakan findUnique. Kaedah ini memerlukan pengecam unik (seperti medan @id atau @unique dalam skema anda) bagi memastikan hanya satu rekod dikembalikan.

Jika anda perlu mencari rekod pertama yang sepadan dengan syarat bukan unik, gunakan findFirst. Kaedah ini mengembalikan null jika tiada rekod ditemui.

Baca: Pengguna daripada Pangkalan Data

Mari kita dapatkan semua pengguna, kemudian cari pengguna tertentu berdasarkan e-mel mereka menggunakan findUnique. Ini menunjukkan cara mendapatkan kedua-dua senarai dan item individu.

Jalankan kod untuk melihat hasil pertanyaan ini.

import { PrismaClient } from '@prisma/client';

const prisma = new PrismaClient();

async function main() {
  console.log('Fetching all users...');
  const allUsers = await prisma.user.findMany();
  console.log('All users:', allUsers.map(u => u.name).join(', '));

  console.log('Finding user by unique email...');
  const alice = await prisma.user.findUnique({
    where: {
      email: 'alice@example.com',
    },
  });
  if (alice) {
    console.log('Found Alice:', alice.name);
  } else {
    console.log('Alice not found.');
  }
}

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

Kemas Kini: Mengubah Data Sedia Ada

Operasi Kemas Kini mengubah rekod sedia ada. Kaedah update memerlukan dua bahagian utama:

Klausa where untuk mengenal pasti rekod yang hendak dikemas kini.
Objek data yang mengandungi medan dan nilai baharu untuk ditetapkan.

Sentiasa pastikan klausa where anda cukup khusus untuk mengelakkan kemas kini yang tidak disengajakan!

Kemas Kini: Menukar Nama Pengguna

Kita akan mengemas kini pengguna 'Alice Smith' kepada 'Alicia Wonderland'. Perhatikan cara kita menyasarkan pengguna menggunakan e-mel unik mereka, kemudian memberikan name baharu.

Selepas menjalankannya, anda boleh cuba mendapatkan Alice sekali lagi untuk melihat nama yang telah dikemas kini.

import { PrismaClient } from '@prisma/client';

const prisma = new PrismaClient();

async function main() {
  console.log('Updating user Alice Smith...');
  const updatedUser = await prisma.user.update({
    where: {
      email: 'alice@example.com',
    },
    data: {
      name: 'Alicia Wonderland',
    },
  });
  console.log('Updated user:', updatedUser.email, 'now named:', updatedUser.name);
}

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

Padam: Mengalih Keluar Data

Akhir sekali, operasi Padam mengalih keluar rekod daripada pangkalan data anda. Kaedah delete, seperti update, memerlukan klausa where untuk menentukan rekod yang hendak dialih keluar.

Berhati-hati dengan operasi padam kerana tindakan ini kekal! Sentiasa semak semula syarat where anda.

Semakan Operasi CRUD

Kaedah Prisma Client manakah yang akan anda gunakan untuk mengalih keluar rekod pengguna tertentu daripada pangkalan data?

Jawab dalam pelajaran interaktif

Imbas Kembali: CRUD dengan Prisma

Syabas! Anda telah mempelajari asas interaksi dengan pangkalan data menggunakan Prisma Client.

Cipta (C): Gunakan prisma.model.create() untuk menambahkan rekod baharu.
Baca (B): Gunakan prisma.model.findMany() untuk senarai, dan findUnique() atau findFirst() untuk rekod tunggal.
Kemas Kini (K): Gunakan prisma.model.update() untuk mengubah rekod sedia ada.
Padam (P): Gunakan prisma.model.delete() untuk mengalih keluar rekod.

Keselamatan jenis Prisma dan API intuitifnya menjadikan operasi penting ini mudah dan kukuh dalam aplikasi Next.js anda.

Percuma untuk bermula

Pelajari TypeScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 12
Pelajaran: 48

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Operasi CRUD dengan Klien Prisma” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Aplikasi Web Fullstack Next.js 15, termasuk “Operasi CRUD dengan Klien Prisma”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Aplikasi Web Fullstack Next.js 15 merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Operasi CRUD dengan Klien Prisma”?

Lakukan operasi Cipta, Baca, Kemas Kini dan Padam menggunakan Klien Prisma yang selamat dari segi jenis. Anda berlatih Aplikasi Web Fullstack Next.js 15 menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Aplikasi Web Fullstack Next.js 15?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Aplikasi Web Fullstack Next.js 15 di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.

Berapa lamakah pelajaran “Operasi CRUD dengan Klien Prisma” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Aplikasi Web Fullstack Next.js 15 ini?

Ya. Setiap pelajaran Aplikasi Web Fullstack Next.js 15 menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

Pengenalan kepada Prisma ORM
Reka Bentuk Skema dan Migrasi Prisma
Operasi CRUD dengan Klien Prisma
Hubungan dan Pertanyaan Lanjutan dengan Prisma

← Kembali ke Aplikasi Web Fullstack Next.js 15