Memulai ASP.Net MVC 5 dengan Visual Studio 2013
Setelah sekian lama tak menulis diblog ini, hari ini saya meluangkan waktu untuk kembali berbagi ilmu kepada pengunjung. Kali ini saya akan berbagi ilmu tentang bahasa pemrograman Asp.Net "Memulai ASP.Net MVC 5 dengan Visual Studio 2013". Kenapa tiba-tiba Asp.net ? karena dikantor tempat saya kerja, semua aplikasi web base didevelop ulang dengan menggunakan bahasa pemrograman Asp.Net. Alasan perusahaan sih karena Asp.Net lebih secure (cuma menurut saya, secure itu bergantung logikan dan ketelitian programmernya bukan bahasa pemrogramannya :D ).
Oke, langsung saja kita mulai dengan tutorial pertama dan silakan tunggu tutorial berikutnya dihari-hari yang akan datang, hehehehe... :D
Buka aplikasi visual studio 2013. Oh iya, kenapa visual studio 2013 ? karena MVC 5 hanya support untuk visual studio 2013, sebenarnya untuk 2012 juga support cuma perlu menginstall "AspNetWebTools2013" (bagi yang masih menggunkana visual studio 2012 silakan search digoogle aja ya).
Setelah masuk pada menu File > New > Project maka akan terbuka jendela berikut, dan ikuti tanda panah yang terlihat pada gambar :
Pada pilihan diatas, terlihat disini kita menggunakan C# bukan VB. Untuk No. 4 dan 5 itu optional (bebas nentuin nama dan lokasi project). Setelah anda klik Ok, maka akan lanjut pada jendela berikut:
Disini kita memilih Empty, kenapa ? karena saya suka belajar dari Nol dari pada melihat yg sudah jadi, namun kita tetap checklist mvc untuk memberitahu editor bahwa kita akan akan membuat Asp.Net dengan konsep MVC. Kalau kita memilih MVC bukan empty, maka didalam project nantinya akan langsung ada contoh web asp.net mvc yang sudah jadi. Jadi kita mulai dari Nol saja biar gak bingung.
Setelah anda memilih no 1 dan 2, silakan klik Ok maka akan terbuka jendela editor visual studio dengan susunan folder yang sudah dibuat seperti berikut ini:
Terlihat disitu saya menandai 3 folder yaitu Controller, Models dan Views. Inilah yang dimaksud MVC (Models, View, Controller). Didalam 3 folder ini nantinya kita akan sering keluar masuk (hehehe... macam kamar saja :D ).
Mari kita menampilkan "Hello Word" (Kalimat yang sering ditampilkan ketika baru belajar bahasa pemrograman yang baru, heheheh...:D). Pertama-tama, buat terlebih dahulu satu controller dengan nama DefaultController.cs dengan melakukan klik kanan pada folder controllers, seperti berikut :
Setelah kita membuat DefaultController, maka akan terbuat satu Action index didalamnya. Seperti kode berikut:
Sesudah kita membuat controllernya, maka sekarang kita buat satu view dengan nama index (nama view harus sesuai dengan nama action yang terdapat didalam controller).
Untuk membut view, silakan klik kanan pada folder default yang sudah terbuat otomatis saat membuat defaultcontroller. Jadi disini, setiap controller memiliki satu folder sesuai dengan nama controllernya (dalam hal ini, jika nama controller "DefaultController" maka nama folder view adalah "Default").
Lalu edit isi dari index sesuai dengan keinginan kalian. Seperti gambar berikut yang menampilkan "Hello World"
Setelah selesai, silakan running project dengan menekan tombol F5 atau icon browser yang terdapat pada editor visual studio 2013. Maka akan terbuka website pertama kita seperti pada gambar berikut :
Selesai langkah-langkah Memulai ASP.Net MVC 5 dengan Visual Studio 2013 kali ini. Sekedar tambahan, jika anda melakukan view source code (menggunakan mozilla) pada web yang baru saja dibuat, maka jangan heran kalau ada yang berbeda. Perhatikan source codenya disitu ada boostrap dan jquery. Ini dikarenakan boostrap dan jquery otomatis ter-include. :D
Tapi tenang jangan panik (hehehe...mana tau ada programmer yg tidak suka boostrap), kita bisa mengeditnya kok, masuk aja ke folder View > Shared lalu edit _Layout.cshtml.
Untuk tutorial selanjutnya mengenai Cara koneksi database pada Asp.NET menggunakan Entity Framework silakan klik disini koneksi database sql server dengan
Jika ada pertanyaan, silakan tinggalkan komentar anda, akan saya jawab jika ada waktu kosong (sok sibuk, hehehehe). Terima kasih.
♥ Beginilah cara saya berbagi ilmu, dengan merangkai kata dalam blog hingga engkaupun ikut tau...♥
by, ArLy Zai
permisi gan, saya ada sedikit tulisan tentang protokol websocket menggunakan bahasa C# berikut: http://datacomlink.blogspot.co.id/2015/11/script-c-websocket-rfc-6455-server.html
ReplyDeleteditunggu feedbacknya gan, semoga menambah wawasan bersama gan.. terima kasih..
maaf nih gan, ketika saya compile kok hasilnya "Server Error in '/' Application." ya?
ReplyDeletecoba ss gan? kalau blm bisa
ReplyDelete