Tur Mini ASP.NET 5 : Bagian 3 – MVC 6

Begitu sudah memahami apa yang terjadi pada Startup.cs, sekarang kita siap untuk melangkah ke ASP.NET MVC 6, versi paling baru dari framework MVC yang saat ini masih dalam tahap beta.

ASP.NET 5 Mini Tour

Tulisan ini merupakan bagian dari tulisan berseri yang terdiri dari beberapa artikel di bawah
1. Memulai
2. Startup
3. MVC 6 (Tulisan ini)
4. Dependency Injection
5. Web API
6. Entity Framework 7 (Coming soon)

Menambahkan Dependency

Untuk bisa menggunakan MVC dan fitur barunya yang bernama Tag Helper, kita perlu menambahkan beberapa dependency yang diperlukan. Buka file project.json dan tambahkan 3 buah library

Library Microsoft.AspNet.Mvc” digunakan untuk bisa menggunakan MVC dan library Microsoft.AspNet.Mvc.TagHelpers serta Microsoft.AspNet.Tooling.Razor supaya bisa menggunakan Tag Helper.

Membuat Folder

Buatlah beberapa folder baru di root project untuk kepentingan MVC kita. Ada 4 folder yang dibuat yaitu Models, Views, Controllers dan Repository. Folder Repository opsional saja di sini, hanya saya gunakan untuk meletakkan file kelas repository.

1. New Folder

Konfigurasi Startup

Kita siap untuk melakukan konfigurasi di Startup.cs begitu dependency sudah ditambahkan. Untuk keperluan konfigurasi, MVC perlu ditambahkan ke DI Container dan ke pipeline. Oleh karena itu, konfigurasi akan terjadi di 2 method.

Untuk mendaftarkan MVC ke DI Container sangatlah mudah, lihat kode berikut

Sedangkan untuk mendaftarkan ke pipeline sekaligus melakukan konfigurasi default routing adalah berikut

Tidak seperti yang terdahulu di mana kita menggunakan anonymous object pada parameter ketiga untuk memberikan default nilai pada template, sekarang cukup dengan menggunakan tanda = pada template maka itulah yang menjadi nilai default.

Pun juga alih-alih menggunakan parameter keempat untuk constraint berupa regex kita bisa langsung menggunakannya di template. Pada contoh di atas terdapat pada {Id:int?}. int dimaksudkan agar id hanya bertipe integer.

Tanda tanya (?) maksudnya adalah bahwa id opsional, boleh ada boleh tidak.

Oh iya. Tentu saja bila ingin menggunakan attribute routing pun bisa.

MVC Beraksi

Sampai tahap ini maka konfigurasi untuk MVC sudah siap dan tinggal membuat Model, View dan Controller sesuai kebutuhan. Contoh saya punya Controller seperti di bawah

Sekarang mari kita buat view-nya dengan memanfaatkan fitur baru yaitu Tag Helper.

Pada root folder View buat sebuah MVC View Import Page dengan nama _ViewImports.cshtml.

2. View Import

Dan isikan baris berikut di dalamnya untuk bisa menggunakan Tag Helper pada semua halaman view.

Saya berikan contoh halaman view untuk menampilkan data semua model yang saya buat.

Perhatikan pada 2 baris yang saya tandai. Pertama adalah bahwa sekarang kita bisa menggunakan using di Razor. Kedua, saya membuat link dengan menggunakan bantuan Tag Helper.

Kesimpulan

Sejauh yang saya pelajari sampai saat ini, di MVC 6 perubahan yang memerlukan kita untuk beradaptasi adalah hal-hal yang mengenai konfigurasi dan fitur baru semacam Tag Helper. Selebihnya untuk menggunakan MVC ini sama saja dengan versi terdahulu di mana kita membuat Model, View dan Controller sesuai kebutuhan.

Facebook Comments
 

Agung Setiawan

Agung Setiawan adalah software engineer di BukaLapak.com, penulis sekaligus pecinta sastra, dan pembaca buku

 
Halo, perkenalkan saya Agung Setiawan.
Saya Software Engineer di BukaLapak.
Simak pemikian saya soal dunia Software Engineering via Twitter di @agungsetiawanmu dan facebook
Blog ini saya update seminggu sekali jadi sering-sering saja mampir
Mau belajar Vim bareng saya?
Belajar ngoding dari nol menggunakan PHP

Leave a Reply

Your email address will not be published. Required fields are marked *