M. FAISOL RIZA

Artikel ini adalah lanjutan dari serial artikel Pengenalan ASP.Net MVC (Tutorial Pengenalan ASP.Net MVC Part 1, Tutorial Pengenalan ASP.Net MVC Part 2 (Menambahkan Controller), Tutorial Pengenalan ASP.Net MVC Part 3 (Menambahkan View)).

Sebelum ngobrol lebih lanjut soal database dan model, kita akan ngobrol dulu bagaimana menghubungkan data dari controller ke view. Controller adalah bagian dimana request dari browserdi tampung, mengambil dat adari database dan menyampaikan kembail data ke browser. Sedangkan view adalah bagian yang bertugas menyajikan data dalam bentuk HTML melalui browser ke user/pengguna.

Pada artikel ini kita akan membuat contoh bagaimana data yang digenerate dari Controller di sajikan oleh View.

Di artikel  Pengenalan ASP.Net MVC Part 2 (Menambahkan Controller) kita telah memiliki controller “HalloIndonesia”. Nah pada controller tersebutlah kita kan berekseperimen. Berikut ini adalah langkah – langkah nya:

1. Membuat action “SelamatDatang” pada cdi controller “HalloIndonesia”

public ActionResult SelamatDatang(string nama, int jmlUlang)
{
   ViewBag.Pesan = "Selamat Datang " + nama;
   ViewBag.JmlUlang = jmlUlang;

   return View();
}

Pada action “SelamatDatang” diatas, terdapat parameter “nama” berupa string dan “jmlUlang” berupa integer. Parameter ini yang nanti akan di parsing dari View ke Controller.

Pada action diatas juga terdapat ViewBag. ViewBag berfungsi untuk memparsing/menyampaikan data dari Controller ke View.

–Referensi : https://mfaisolriza.wordpress.com/ , http://asp.net/mvc —

2. Sekarang kita buat view untuk action “HalloIndonesia”.

(Untuk detil bagaimana cara menambahkan View, silahkan baca Pengenalan ASP.Net MVC Part 3 (Menambahkan View) )

3. Pada View yang telah dibuat, tambahkan syntax berikut :

<ul>
@for (int i = 0; i < ViewBag.JmlUlang; i++)
{
   <li>ViewBag.Pesan</li>
}
<ul>

Pada syntax diatas, kita kan melakukan perulangan pesan sejumlah bilangan yang disebutkan pada parameter “JmlUlang”.

Jalankan project (press F5), akses url dengan tambahan parameter “nama” dan “jmlUlang”.

http://localhost:xx/HalloIndonesia/SelamatDatang?nama=Riza&jmlUlang=7

Maka kita akan mendapatkan

Pada artikel selanjutnya, kita akan ngobrol soal Model. Yang nantinya Model ini digunakan untuk data binding dengan database.

Semoga artikel ini bermanfaat bagi rekan2 semua. Terimakasih

Daftar artikel tutorial pengenalan asp.net :

1. Tutorial Pengenalan ASP.Net MVC Part 1

2. Tutorial Pengenalan ASP.Net MVC Part 2 (Menambahkan Controller)

3. Tutorial Pengenalan ASP.Net MVC Part 3 (Menambahkan View)

4. Tutorial Pengenalan ASP.Net MVC Part 4 – (Menghubungkan data dari Controller ke View)

5. Tutorial Pengenalan ASP.Net MVC Part 5 – (Membuat Model)

M. Faisol Riza | m_faisol_riza@yahoo.co.id | 085747740710