Bu yazımda sizlerle Html Helpers metotlarının Model ile birlikte nasıl ve nasıl kullanıldığını inceleyeceğiz.
MVC projelerinde Html elementlerini oluşturmak amacıyla kullanılan Razor Syntax ile metotlar yazmaktayız bu yazmış olduğumuz metotları isimlendirirken ve kullanırken MVC Model yapısı ile bağdaştırarak kullanalım.
Resim-1
Visual Studio geliştirme ortamını açalım, File>New>Project yolunu izleyerek MVC projemizi oluşturmaya başlayalım.
Resim-2
Templates>Visual C#>Web şablonlarından ASP.NET Web Application seçeneğini seçelim, projemize Name kısmından isim verelim. OK tuşuna tıklayarak devam edelim.
Resim-3
Empty şablonunu seçtikten sonra MVC seçeneğini de seçelim ve OK tuşuna tıklayıp projemizi oluşturalım.
Resim-4
Controllers seçeneğine sağ tıklayalım Add>Controller seçeneği ile Controller oluşturalım.
Resim-5
MVC 5 Controller – Empty seçeneğini seçelim ve Add butonunu tıklayarak devam edelim.
Resim-6
Controller dosyamıza bir isim verelim ve Add seçeneği ile ekleme işlemini gerçekleştirelim.
Resim-7
ActionResult metodumuza sağ tıklayalım Add View seçeneği ile projemize View ekleyelim.
Resim-8
Index adı metot adı ile aynı olarak gelmektedir. Add seçeneğine tıklayalım ve View ekleme işlemini gerçekleştirelim.
Resim-9
Models klasörüne sağ tıklayalım Add>Class seçeneğini seçelim.
Resim-10
Class dosyamıza isim verelim ve Add seçeneği ile ekleyelim.
Resim-11
Class içerisinde sınıfımıza değişkenlerimizi tanıtalım ve değerlerimizi liste haline dönüştüren bir Class daha yazalım.
Resim-12
Models klasörüne sağ tıklayalım Add>Class seçeneğini seçelim.
Resim-13
Class dosyamıza isim verelim ve Add seçeneği ile ekleyelim.
Resim-14
Context dosyası veri tabanı işlemlerini ve model işlemlerini yapmamızı sağlayan Class türümüzdür. Burada Models içerisinde oluşturduğumuz elemanları liste şeklinde tanıtıyoruz.
Resim-15
View dosyamız içerisine yazmış olduğumuz Class dosyamızı, Context dosyamızda bulunan liste ile eşleştirerek boş bir şekilde gönderelim.
Resim-16
View dosyamızda Razor ile Model nesnemizi tanıtalım.
Resim-17
Html form tasarımını View içerisine gönderdiğimiz Model nesnesi ile eşleştirerek yazalım. Projemizi çalıştıralım.
Resim-18
Html Helpers metotlarının Model ile birlikte kullanımını görmüş olduk. Bir sonra ki yazımızda Html Action Helpers metotlarını öğreneceğiz.
Bir sonra ki yazıda görüşmek dileğiyle.
Bu konuyla ilgili sorularınızı alt kısımda bulunan yorumlar alanını kullanarak sorabilirsiniz.
Referanslar
TAGs: mvc, mvc nedir,asp.net mvc,microsoft,mvc html,html helpers,html helpers kullanimi,html razor,razor syntax,helpers model,html helpers model,model oluşturma,controller