ASP.NET MVC - Şablon Görünümleri

Kısmi görünümler oluşturabilmemiz, web uygulamamıza yeni bir karmaşıklık unsuru ekler, ancak bu, bu tür uygulama yapılarına saldırmak için farklı yollar bulamayacağımız anlamına gelmez. ASP.NET MVC'si.
Aklınıza gelebilecek yöntemlerden biri dosya yapmaktır. HTML kısmi görünümü yapmak için gerekli parçalarla, ancak olası kod fazlalığına ek olarak taşımamız gereken büyük miktarda veri olan bir sorunu var. Bunun için kullanmayı düşünebiliriz JSON HTML kullanmak zorunda kalmadan gerekli verileri taşımanın bir yolu olarak ve burada zaten sorunu çözmek ve kısmi görünümleri kullanmaya devam etmek için daha iyi bir yolumuz var.
Bu nedenle, kısmi görünümlerle çalışabilmenin başka bir yolunu göreceğiz ve bu, istemci tarafında bir şablon motoru kullanmak, bu daha sürdürülebilir bir yapıya sahip olmamızı sağlayacak ve tüm ağırlığını üzerimizden atabileceğiz. tarayıcıdaki işlemler, çaba uygulamamızı serbest bırakır.
İstemci Tarafındaki Şablonlar
Bu konuda bilmemiz gereken ilk şey, bunun herhangi bir resmi veya standart spesifikasyona ait olmadığıdır, bu nedenle bu tür bir çözümü uygulamak için bağımlı olacağız. üçüncü taraf kitaplıklarıHer ne kadar yan etkileri olan bir çare uyarısı gibi görünse de öyle değil, aslında bu özgürlük bize en yakın olan çözümü kullanabileceğimiz anlamına geliyor.
ŞablonŞablon, bağlam verileriyle doldurabileceğimiz bölümleri olan küçük bir koddur, ancak bu tek başına çalışmaz, böylece görülebilmesi için bir şablon motorumuz olması gerekir, bu durumda bir JavaScript motoru, bu eğitimde kullanacağız bıyık.js oldukça popüler ve esnek bir kütüphanedir.
Şablon Sözdizimi
Bir şablon motoru kullanmamız gerektiğinden, dinamik öğelerimizi bulabilmek için kendi sözdizimine sahiptir, bu biraz karmaşık gelebilir, ancak talimat dizisi genellikle çok sezgiseldir.
Aşağıdaki resimde bir şablonun örnek kodunu görelim ve böylece onu nasıl kullanacağımızı görelim:

İlk bakışta bunun sadece basit bir HTML olduğunu görüyoruz, ancak daha fazla araştırırsak, aşağıdaki gibi bazı özel ifadeler içerdiğini fark ederiz. {{Başlık}} bu tür ifadeler dinamik değerlerimizle değiştirilecek olanlardır, bununla yeni kod oluşturmadan bu bölümü tekrar tekrar kullanabilir, böylece aktarılan veri miktarını azaltabiliriz.
işleyenBu, çerçevemizle çok basit bir şekilde çalışır Javascript biz alırız JSON verileri uygulamamızın ardından şablon motorumuzla iskeletimizi bir araya getiriyoruz ve son olarak "Derliyoruz" sonuç almak için.
Bununla, bu öğreticiyi bitiriyoruz, kısmi görüşler oluşturmak için bu çalışma yöntemine küçük bir giriş elde ettik, sadece bir şablon motorundan söz etmemize rağmen, bu piyasada var olan tek motor değil, biraz araştırma yapmalıyız. sunulan geniş yelpazeyi görün ve hangisini denemek ve ihtiyaçlarımız için en iyisi olduğunu bilmek için bazılarını seçebilmek.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.