Berikut ini tutorial menggunakan MVC pada ASP.NET
dengan memanfaatkan Visual Studio 2008 dan penggunaan MVC 1.0, bahasa
pemrogramman yang di gunakan C#(C Sharp) untuk pengguna VB mungkin dapat
memahami untuk di terjemahkan ke bahasa pemogramman VB.NET.
MVC telah banyak di kembangkan para developer hingga
penulisan tutorial ini telah keluar MVC 3.0 dari Microsoft dengan menggunakan
ASP.NET 4 atau menggunakan Visual Studio 2010. Artikel ini hanya membahas
tentang MVC 1 pada Visual Studio 2008.
Beberapa software yang kita butuhkan antara lain
adalah Visual Studio 2008 dan MVC 1.0 yang dapat anda download dari Microsoft
secara langsung.
1. Penggunaan Visual
Studio.
a. Memilih menu
Untuk memulai menggunakan MVC pada
Visual Studio pilih menu File > New Project maka akan tampil gambar sebagai
berikut ini :
Masukkan nama yang nantinya juga nama ini
yang menjadi namespace untuk applikasi kita, kemudian klik tombol OK.
b. Memulai menggunakan MVC
Setelah menekan tombol OK maka ada
jendela yang menanyakan untuk membuat project testing, untuk ini pilih No:
Setelah memilih tombol OK, maka akan
tampil beberapa item pada solution explorer seperti gambar berikut
ini :
c. Menjalankan applikasi
Sampai step ini applikasi sederhana telah
ada. Untuk mencoba applikasi ini tekan “F5” atau jalankan
proses compiling. Maka akan tampil gambar seperti berikut ini :
1. 2. Pengenalan terhadap
MVC.
Pada konsep MVC dapat ditampilkan sebagai gambar
berikut ini:
Penjelasan gambar diatas adalah sebagai berikut :
request dari client akan diproses dan di tampilkan pada VIEW, request tersebut
akan di response oleh controller, dan controller inilah yang akan menentukan
applikasi untuk menampilkan maupun memanipulasi data yang dalam hal ini di
kenal dengan Model.
Pada project anda anda akan mendapatkan beberapa
Folder atau Directory seperti View, Model, Controller, dan anda juga
dapat menambahkan directory sesuai dengan kebutuhan. Pada Folder views>
Home kita memiliki Index.aspx dan about.aspx dan
pada Controllers terdapat HomeController.cs yang
akan bertanggung jawab terhadap file yang ada pada folder home, begitu juga
dengan folder Account. Selain yang di jelaskan
diatas terdapat juga folder Shared, folder ini merupakan
folder yang menjadi induk atau folder yang menampung item yang dapat di gunakan
seperti Master View Pges, Exit, Log on dan lainnya. Ini akan di bahas
selanjutnya pada tutorial berikutnya, untuk sedikit penjelasan diatas folder shared
ini berguna untuk menghandle request error dan redirecting serta inherits
antara beberapa page views yang di gunakan.
Contoh script (code) yang ada pada index.aspx terlihat
sebagai berikut:
Pada gambar diatas dapat di jelaskan bahwa penggunaan
bhasa pemograman menggunakan .NET C# (C Sharp) dan dijelaskan Site.Master sebagai
Master page dari file index.aspx ini. Dan tag yang digunakan untuk pemisah ASP
Code dengan C# adalah “<% … %>”.
Pada tanda encoding html akan menampilkan data
“message” yang dapat terlihat pada yang di handle oleh HomeController.cs pada
ActionResult Index(). Cobalah mengganti string pesan yang akan di tampilkan dan
jalankan kembali applikasi MVC anda.
Dari sepenggal Code diatas akan di tampilkan tulisan
yang berupa string “Welcome to ASP.NET MVC!” . Ini dapat anda buktikan dengan
menjalankan applikasi anda sehingga anda akan mendapatkan View seperti gambar
berikut ini:
Untuk membahas lebih dalam konsep MVC
ini anda dapat melihat pada Account Controller yang telah tersedia pada
solution anda.