Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) · Pelajaran

Menyediakan Prisma ORM

Konfigurasikan dan integrasikan Prisma ORM ke dalam projek Next.js anda untuk berinteraksi dengan pelbagai pangkalan data.

Pelajaran 1 daripada 412 langkah

Menyediakan Prisma ORM ialah pelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) percuma di CoddyKit. Ini ialah pelajaran 1 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 Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan), dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) merangkumi sejumlah 4 pelajaran.

Apakah ORM?

Selamat datang! Dalam pelajaran ini, kita akan menyediakan ORM Prisma dalam projek Next.js. Tetapi terlebih dahulu, apakah ORM?

ORM ialah singkatan bagi Pemetaan Objek-Relasional.
ORM ialah teknik yang membolehkan anda berinteraksi dengan pangkalan data menggunakan objek daripada bahasa pengaturcaraan anda, tanpa menulis SQL mentah.
Anggaplah ORM sebagai penterjemah antara kod anda, contohnya objek JavaScript, dengan pangkalan data anda, contohnya jadual SQL.

Mengapa Memilih Prisma?

Prisma ialah ORM moden yang popular dengan Next.js atas beberapa sebab yang baik:

Keselamatan Jenis: Prisma menjana klien yang selamat dari segi jenis, sekali gus mencegah banyak ralat semasa masa jalan.
Pengalaman Pembangun: API intuitif, migrasi berkuasa dan pelengkapan kod automatik.
Susunan Teknologi Moden: Direka untuk TypeScript dan JavaScript moden, serta sesuai digunakan dengan Next.js.
Sokongan Pangkalan Data: Berfungsi dengan PostgreSQL, MySQL, SQLite, SQL Server dan MongoDB.

Memasang Prisma

Mari mulakan dengan menambahkan Prisma pada projek Next.js anda. Anda memerlukan dua pakej utama:

prisma: CLI Prisma, iaitu Antara Muka Baris Perintah, untuk tugasan pembangunan.
@prisma/client: Pustaka Klien Prisma untuk berinteraksi dengan pangkalan data dalam kod anda.

Jalankan perintah ini di akar projek anda:

npm install prisma @prisma/client

Memulakan Prisma

Selepas pemasangan, anda perlu memulakan Prisma dalam projek anda. Perintah ini menyediakan struktur asas Prisma, termasuk fail prisma/schema.prisma.

Perintah ini juga mencipta fail .env untuk menyimpan rentetan sambungan pangkalan data anda.

npx prisma init

Menyambungkan Pangkalan Data Anda

Fail .env yang dicipta oleh prisma init mengandungi pemboleh ubah DATABASE_URL. Di sinilah anda memberitahu Prisma cara menyambung ke pangkalan data anda.

Untuk pembangunan setempat, SQLite sering digunakan kerana kesederhanaannya. Untuk penggunaan produksi, anda mungkin menggunakan PostgreSQL atau MySQL.

# .env
DATABASE_URL="postgresql://user:password@host:port/database?schema=public"

# Example for SQLite (local file)
# DATABASE_URL="file:./dev.db"

Fail Skema Prisma

Fail prisma/schema.prisma ialah bahagian teras persediaan Prisma anda. Fail ini mentakrifkan tiga blok utama:

datasource: Menentukan penyedia pangkalan data anda, contohnya postgresql atau sqlite.
generator: Mengkonfigurasi Klien Prisma, biasanya prisma-client-js.
model: Mentakrifkan jadual pangkalan data anda, iaitu model dan medan masing-masing.

Mentakrifkan Model Pertama Anda

Mari takrifkan model User yang ringkas dalam fail prisma/schema.prisma anda. Model ini akan mewakili sebuah jadual dalam pangkalan data anda.

id: Pengecam unik yang meningkat secara automatik.
email: E-mel pengguna yang mestilah unik.
name: Nama pengguna, pilihan.

// prisma/schema.prisma

model User {
  id    Int     @id @default(autoincrement())
  email String  @unique
  name  String?
}

Menjana Klien Prisma

Selepas mentakrifkan atau mengubah model dalam schema.prisma, anda mesti menjana Klien Prisma. Perintah ini membaca skema anda dan mencipta pustaka klien yang selamat dari segi jenis.

Klien inilah yang akan anda import dan gunakan dalam aplikasi Next.js untuk berinteraksi dengan pangkalan data anda.

npx prisma generate

Menggunakan Migrasi

Untuk mencipta atau mengemas kini jadual pangkalan data berdasarkan schema.prisma, anda menggunakan migrasi. Perintah migrate dev akan:

Membandingkan skema anda dengan pangkalan data.
Menjana fail migrasi SQL.
Menggunakan migrasi tersebut pada pangkalan data anda.

Perintah ini juga menjana Klien Prisma secara automatik selepas migrasi.

npx prisma migrate dev --name init

Menggunakan Klien Prisma

Setelah Prisma disediakan dan dijana, anda boleh menggunakan PrismaClient dalam komponen pelayan atau laluan API Next.js untuk menjalankan operasi pangkalan data. Berikut ialah contoh asas:

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

async function main() {
  const prisma = new PrismaClient();
  console.log("Prisma Client successfully initialized!");

  // In a real app, you'd perform database operations:
  // const users = await prisma.user.findMany();
  // console.log(users);

  await prisma.$disconnect();
  console.log("Prisma Client disconnected.");
}

main().catch(console.error);

Semakan Pantas: Perintah Prisma

Anda telah mempelajari beberapa perintah CLI Prisma yang penting. Perintah manakah yang digunakan untuk menjana Klien Prisma yang selamat dari segi jenis selepas anda mengubah fail schema.prisma?

Jawab dalam pelajaran interaktif

Imbas Kembali: Menyediakan Prisma

Syabas! Anda telah mempelajari langkah penting untuk mengintegrasikan ORM Prisma ke dalam projek Next.js anda:

Memasang CLI dan klien Prisma.
Memulakan Prisma dan mengkonfigurasi URL pangkalan data anda.
Mentakrifkan model data dalam schema.prisma.
Menjana Klien Prisma.
Menggunakan migrasi untuk menyegerakkan skema dengan pangkalan data.
Memahami cara mencipta tika dan menggunakan PrismaClient.

Seterusnya, kita akan meneroka cara menjalankan operasi CRUD dengan Prisma!

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: 22
Pelajaran: 88

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Menyediakan Prisma ORM” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan), termasuk “Menyediakan Prisma ORM”, 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 Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Menyediakan Prisma ORM”?

Konfigurasikan dan integrasikan Prisma ORM ke dalam projek Next.js anda untuk berinteraksi dengan pelbagai pangkalan data. Anda berlatih Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) 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 Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan)?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) 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 1 daripada 4.

Berapa lamakah pelajaran “Menyediakan Prisma ORM” 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 Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) ini?

Ya. Setiap pelajaran Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan) 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

Menyediakan Prisma ORM
CRUD dengan Server Actions
Migrasi Skema Pangkalan Data
Pengisian Awal Pangkalan Data dan Pengumpulan Sambungan

← Kembali ke Tindanan Penuh Next.js 15 (Penghala Aplikasi + Tindakan Pelayan)