Memulai ASP.NET 4.5 Web Forms dan Visual Studio 2013. Langkah Demi Langkah (4)

Menjalankan Aplikasi dan Membuat Basis data

Sebelumnya dalam seri tutorial ini Anda sudah membuat class initializer (bernama “ProductDatabaseInitializer”) dan ditentukan di file global.asax.cs.Entity Framework akan menghasilkan basisdata ketika aplikasi dijalankan pertama kali karena method Application_Start terkandung dalam file global.asax.cs akan memanggil class initializer. Class initializer akan menggunakan model class (Category dan Product) yang ditambahkan sebelumnya untuk membuat baisi sdata. Langkah-langkah menjalankan dan membuat basis data adalah sebagai berikut:

1. Klik kanan file Default.aspx yang terdapat pada Sulution Explorer kemudian pilih set as start page.
   
2. Tekan F5 untuk menjalankan programnya. Hasilnya nampak seperti gambar di bawah ini.
   

   Ketika Anda menjalankan aplikasi, aplikasi akan dikompilasi dan basis data bernama wingtiptoys.mdf akan dibuat dalam folder App_Data. Di browser, Anda akan melihat menu kategori navigasi. Menu ini dibuat dengan mengambil kategori dari database. Dalam tutorial berikutnya, Anda akan menerapkan navigasi.

RELATED POSTS

7 Kebiasaan Sederhana yang Bikin Hidup Lebih Produktif dan Teratur Setiap Hari

Ciri-Ciri Love Scamming Yang Banyak Sasar Usia 45-60 Tahun, Psikolog Ungkap Alasan Korban Mudah Terjebak

Viral MUA Asal Probolinggo Kena Tipu Modus QRIS Saat Dapat Job Pertama, Saldo Rp1 Juta Raib
3. Tutup web browser kemudian stop programnya.

Langkah-langkah yang harus dilakukan untuk me-review basis data adalah sebagai berikut:

1. Klik icon refresh dan show all item yang terdapat di solution explorer.
   
2. Expand folder App_Data, klik kanan pada file wingtiptoys,mdf, kemudian pilih open.
   
3. Expand folder tables klik kanan tabel products pilih show table data untuk melihat isi tabel.

Gunakan langkah-langkah di bawah ini untuk memodifikasi markup di halaman ProductList.aspx sehingga dapat menampilkan produk.

1. Buka productList.aspx yang terdapat di solution explorer.
2. Ganti code di dalamnya sesuai code di bawah ini:
   

Selesaikan project Wingtip Toys berdasarkan modul, kemudian dikumpulkan. Modul Wingtip Toys dapat diunduh melalui link di bawah ini.
Modul Wingtip Toys.