Tutorial: Mengubah database untuk Database EF Terlebih Dahulu dengan aplikasi MVC ASP.NET

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 membuat pembaruan pada struktur database dan menyebarkan perubahan tersebut di seluruh aplikasi web.

Di tutorial ini, Anda akan:

• Menambahkan kolom
• Menambahkan properti ke tampilan

Prasyarat

• Membuat tampilan

Menambahkan kolom

Jika Anda memperbarui struktur tabel di database, Anda perlu memastikan bahwa perubahan Anda disebarluaskan ke model data, tampilan, dan pengontrol.

Untuk tutorial ini, Anda akan menambahkan kolom baru ke tabel Siswa untuk merekam nama tengah siswa. Untuk menambahkan kolom ini, buka proyek database, dan buka file Student.sql. Melalui perancang atau kode T-SQL, tambahkan kolom bernama MiddleName yang merupakan NVARCHAR(50) dan memungkinkan nilai NULL.

Sebarkan perubahan ini ke database lokal Anda dengan memulai proyek database Anda (atau F5). Bidang baru ditambahkan ke tabel. Jika Anda tidak melihatnya di SQL Server Object Explorer, klik tombol Refresh di panel.

Kolom baru ada dalam tabel database, tetapi saat ini tidak ada di kelas model data. Anda harus memperbarui model untuk menyertakan kolom baru Anda. Di folder Model , buka file ContosoModel.edmx untuk menampilkan diagram model. Perhatikan bahwa model Siswa tidak berisi properti MiddleName. Klik kanan di mana saja pada permukaan desain, dan pilih Perbarui Model dari Database.

Di Wizard Pembaruan, pilih tab Refresh lalu pilih Tabel>dbo>Siswa. Klik Selesai.

Setelah proses pembaruan selesai, diagram database menyertakan properti MiddleName baru. Simpan file ContosoModel.edmx . Anda harus menyimpan file ini agar properti baru disebarluaskan ke kelas Student.cs . Anda sekarang telah memperbarui database dan model.

Bangun solusinya.

Menambahkan properti ke tampilan

Sayangnya, tampilan masih tidak berisi properti baru. Untuk memperbarui tampilan, Anda memiliki dua opsi - Anda dapat membuat ulang tampilan dengan sekali lagi menambahkan perancah untuk kelas Siswa, atau Anda dapat menambahkan properti baru secara manual ke tampilan yang sudah ada. Dalam tutorial ini, Anda akan menambahkan perancah lagi karena Anda belum membuat perubahan yang disesuaikan pada tampilan yang dihasilkan secara otomatis. Anda mungkin mempertimbangkan untuk menambahkan properti secara manual ketika Anda telah membuat perubahan pada tampilan dan tidak ingin kehilangan perubahan tersebut.

Untuk memastikan tampilan dibuat ulang, hapus folder Siswa di bawah Tampilan, dan hapus StudentsController. Kemudian, klik kanan folder Pengontrol dan tambahkan perancah untuk model Siswa . Sekali lagi, beri nama pengontrol StudentsController. Pilih Tambahkan.

Bangun solusi lagi. Tampilan sekarang berisi properti MiddleName.

Langkah berikutnya

Di tutorial ini, Anda akan:

• Menambahkan kolom
• Menambahkan properti ke tampilan

Lanjutkan ke tutorial berikutnya untuk mempelajari cara menyesuaikan tampilan untuk menampilkan detail tentang catatan siswa.

Mengkustomisasi tampilan