01-c#-razor
TRANSCRIPT
-
Latihan-1 ASP.NET
A. Menampilkan Message Melalui View
Lakukan langkah-langkah berikut ini :
1. Buka Microsoft Visual Studio 2010
2. Pilih New Project
-
3. Pilih Visual C# Web ASP.NET MVC 3 Web Application
4. Kemudian isikan nama project dan tempan dimana project akan disimpan
-
5. Pilih Empty kemudian pilih Razor pada view engine
-
6. Tampilan awal
-
7. Pada solutioin explorer terdapat tiga buah folder MVC yang akan sering digunakan yaitu Controller, Model, dan View.
8. Langkah pertama yang kita lakukan adalah membuat controller baru dengan cara :
Klik kanan folder controller Add Controller
-
9. Isikan nama controller dengan nama HomeController dan Template dengan Empty Controller, lalu klik Add
10. Secara default akan muncul seperti pada gambar di bawah ini :
-
11. Pilih Build atau CTRL+F5 untuk mengecek aplikasi di browser
12. Maka akan muncul tampilan seperti pada gambar :
Hal tersebut terjadi karena kita belum membuat file sebagai VIEW nya
-
13. Untuk membuat view pada Home lakukan :
Klik kanan Add New Folder
-
14. Folder baru diberi nama Home
15. Buat view baru pada Home dengan cara :
Klik kanan Folder Home Add View
-
16. Buat nama view dengan nama Index dan gunakan View Engine Razor (CSHTML) lalu klik Add
17. Tampilan awal view adalah sebagai berikut :
-
18. Lalu Build lagi atau tekan CTRL+F5
19. Hasilnya :