Jquery ile HTML MasterPage Oluşturmak

Web sitelerinde menüler, reklamlar vb alanların her sayfada bulundukları dikkatinizi çekmiştir. Peki her sayfa için bu alanlar tekrar tekrar Html olarak oluşturuluyor mu? Tabi ki hayır. Bu alanlar masterpage olarak adlandırılan ve her sayfa sabit bulunacak alanları içinde tutan bir sayfadan geliyor. Sayfada değişecek alanlar ise sayfanın kendi içerisinde oluşturuluyor ve daha sonra masterpage'in içine entegre oluyor. Peki masterpage kullanmazsak ne olur?

Otuz sayfalık bir projeniz olduğunu düşünün. Masterpage kullanmıyorsunuz ve her sayfanızda 5 tane menümüz, altında sabit footerımız ve arkada bir arkaplan resmi olduğunu varsayalım. Bu durumda menülerden birinde değişiklik yaptığınızda otuz sayfada da teker teker bu işlemi uygulamanız gerekecek. Bu hem maliyet açısından hemde hata yapma oranı açısından büyük bir dezavantaj. Biz bu sorunu jquery ile çözeceğiz.

Bootstrap Modal Kullanımı

Herkesin projelerde bolca kullandığı popupları bootstrap ile nasıl yapacağımızı bu yazımda sizlerle paylaşacağım. Öncelikle bootstrap nedir diye merak eden arkadaşlar bu linkten bootstrap'i detaylı olarak inceleyebilirler.

Şimdi tasarıma bakalım. İlk olarak sayfamıza bir modal ve iki adet buton koyalım. Bunlardan birincisi modalımızı gösterecek olan buton diğeri ise gizleyen buton olacak. Ben bu işlemleri MVC'de yapıyor olacağım.

MVC'de bootstrap içinde mevcut geliyor o nedenle sayfama bootstrap linklerini eklemedim ama siz html olarak oluşturacaksanız yukarıdaki linkten bootstrap'i indirerek gerekli kütüphanelerin linklerini sayfanıza eklediğinizde kullanabiliyor olacaksınız. Tabi ben sayfamda birde jquery kullandım. Onun kütüphanesini de sayfanıza eklemeniz lazım.

MVC PartialView Kullanımı

Yeni bir yazıyla merhaba. Bu yazıda sizlere MVC'de PartialView kullanımını elimden geldiğince anlatacağım. PartialView'leri viewlere yapacağımız yama gibi düşünebilirsiniz.

Ayrıca benzer bir örnekde masterpagelerin içindeki content alanları da olabilir. PartialViewler de normal sayfalarımız içindeki contentler gibi düşünülebilir.

W3C Markup Validation Nedir?

Web yazılımlarında genel olarak ön yüz tarafı angarya olarak görülür ve yazılımına da çok önem verilmez. Genelde istediğim gibi bir sonuç versin yeter mantığı ön plandadır (Açıkçası benim düşüncem bu şekilde). Tabiki bununda dezavantajları var. Arama motorlarının babası google özellikle bu konuda çok hassas.

Sonuç olarak düzenli ve doğru yazılmış bir ön yüz yazılımı Google spiderlarınında daha başarılı bir tarama yapmasını ve sayfalarınızın kaynağa atılırken daha iyi bir puan almasını sağlayacaktır.

MVC Jquery Post ve Json ile Ekranda Verileri Göstermek

MVC Jquery Post yazımda  jquery post işlemine değinmiş, yazının sonunda da bir sonraki yazımda bu işlem ile ekrana geri dönüş yaparak verileri ekrana yazdıracağımı söylemiştim. İşte o yazı bu yazı :)

Burada önemli olan olay jquery post işlemi ile yaptığımız işlemlerin sayfayı post ettirmediği için direkt olarak sayfada gösterilememesinden kaynaklanıyor. Yani ben jquery post işlemi ile verileri bir listeye atsam ve bu listeyi de View'e göndersem sayfa post olmadığı için veriler sayfada görünmeyecektir.

İşte bu noktada JSON devreye giriyor.

MVC Jquery Post İşlemi ile Sayfalar Arası Veri Aktarımı

Web projelerinde jquery veya javascriptin çok faydalı olduğunu sanırım kimse inkar edemez. Peki sayfalar arası veri taşımak için bunu kullandığımızda bu teknolojiler ne kadar işimize yarıyor ya da MVC'de neler yapabiliriz ona bakalım.

İlk olarak DenemeClass adında bir sınıf oluşturalım. Propertylerimiz ID(int), Name(string) ve Surname(string) olsun.

MVC Validation Kullanımı

Yaptığımız işlemlerde genelde bazı kurallar koyar ve bu kurallara uyulmasını isteriz. Mesela telefon numarası boş olamaz, veya bu alan sadece rakamlardan oluşabilir gibi. Peki bunu MVC de nasıl kontrol edeceğiz ona bakalım.