Bagikan melalui


Tutorial: Membuat Aplikasi Web dan Model Data untuk Database EF Terlebih Dahulu dengan ASP.NET MVC

Dengan menggunakan MVC, Entity Framework, dan ASP.NET Scaffolding, Anda dapat membuat aplikasi web yang menyediakan antarmuka ke database yang sudah ada. Seri tutorial ini menunjukkan kepada Anda cara membuat kode secara otomatis yang memungkinkan pengguna menampilkan, mengedit, membuat, dan menghapus data yang berada dalam tabel database. Kode yang dihasilkan sesuai dengan kolom dalam tabel database.

Tutorial ini berfokus pada pembuatan aplikasi web, dan menghasilkan model data berdasarkan tabel database Anda.

Di tutorial ini, Anda akan:

  • Membuat aplikasi web ASP.NET
  • Hasilkan model

Prasyarat

Membuat aplikasi web ASP.NET

Dalam solusi baru atau solusi yang sama dengan proyek database, buat proyek baru di Visual Studio dan pilih templat ASP.NET Web Application . Beri nama proyek ContosoSite.

membuat proyek

Klik OK.

Di jendela Proyek ASP.NET Baru, pilih templat MVC . Anda dapat menghapus opsi Host di cloud untuk saat ini karena Anda akan menyebarkan aplikasi ke cloud nanti. Klik OK untuk membuat aplikasi.

Proyek dibuat dengan file dan folder default.

Dalam tutorial ini, Anda akan menggunakan Entity Framework 6. Anda dapat memeriksa kembali versi Kerangka Kerja Entitas dalam proyek Anda melalui jendela Kelola Paket NuGet. Jika perlu, perbarui versi Kerangka Kerja Entitas Anda.

tampilkan versi

Hasilkan model

Sekarang Anda akan membuat model Kerangka Kerja Entitas dari tabel database. Model-model ini adalah kelas yang akan Anda gunakan untuk bekerja dengan data. Setiap model mencerminkan tabel dalam database dan berisi properti yang sesuai dengan kolom dalam tabel.

Klik kanan folder Model , dan pilih Tambahkan dan Item Baru.

Di jendela Tambahkan Item Baru, pilih Data di panel kiri dan ADO.NET Model Data Entitas dari opsi di panel tengah. Beri nama file model baru ContosoModel.

Klik Tambahkan.

Di Wizard Model Data Entitas, pilih Designer EF dari database.

Klik Berikutnya.

Jika Anda memiliki Penghubungan Database yang ditentukan dalam lingkungan pengembangan, Anda mungkin melihat salah satu koneksi ini telah dipilih sebelumnya. Namun, Anda ingin membuat koneksi baru ke database yang Anda buat di bagian pertama tutorial ini. Klik tombol Koneksi Baru .

Di jendela Properti Koneksi, berikan nama server lokal tempat database Anda dibuat (dalam hal ini (localdb)\ProjectsV13). Setelah memberikan nama server, pilih ContosoUniversityData dari database yang tersedia.

mengatur properti koneksi

Klik OK.

Properti koneksi yang benar sekarang ditampilkan. Anda dapat menggunakan nama default untuk koneksi dalam file Web.Config.

Klik Berikutnya.

Pilih versi terbaru Entity Framework.

Klik Berikutnya.

Pilih Tabel untuk menghasilkan model untuk ketiga tabel.

Klik Selesai.

Jika Anda menerima peringatan keamanan, pilih OK untuk terus menjalankan templat.

Model dihasilkan dari tabel database, dan diagram ditampilkan yang memperlihatkan properti dan hubungan antara tabel.

diagram model

Folder Model sekarang menyertakan banyak file baru yang terkait dengan model yang dihasilkan dari database.

File ContosoModel.Context.cs berisi kelas yang berasal dari kelas DbContext , dan menyediakan properti untuk setiap kelas model yang sesuai dengan tabel database. File Course.cs, Enrollment.cs, dan Student.cs berisi kelas model yang mewakili tabel database. Anda akan menggunakan kelas konteks dan kelas model saat bekerja dengan perancah.

Sebelum melanjutkan tutorial ini, bangun proyek. Di bagian berikutnya, Anda akan menghasilkan kode berdasarkan model data, tetapi bagian tersebut tidak akan berfungsi jika proyek belum dibangun.

Langkah berikutnya

Di tutorial ini, Anda akan:

  • Membuat aplikasi web ASP.NET
  • Menghasilkan model

Lanjutkan ke tutorial berikutnya untuk mempelajari cara membuat kode berdasarkan model data.