01-c#-razor

Upload: dian-degraphic

Post on 02-Mar-2016

10 views

Category:

Documents


0 download

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 :