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

Menghubungkan Kontrol Data ke Basis data
Sebelum Anda dapat menampilkan data dalam kontrol data, Anda perlu menghubungkan kontrol data ke basisdata. Untuk membuat link, Anda dapat memodifikasi kode di belakang file Site.Master.cs. Berikut ini langkah-langkah menghubungkan kontrol data ke basisdata:

1. Klik kanan halaman Site.Master di dalam solution explorer,  kemudian klik view code.
   
2. Tambahkan code yang diblock dengan warna kuning.
   
3. Tambahkan method GetCategories setelah event Page_Load:
   

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.
3. Tutup web browser kemudian stop programnya.

Review Basis Data

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.

Menampilkan product

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:
   

UAS

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

Kembali

Lanjut