Selco Cod
Selco Cod

Yazılım ve güvenlik üzerine makaleler yazan günümüz teknolojisini yakından takip eden sıradan birisi...

Twitter


Şablon Derleyicisi Mustache.JS Kullanımı

Ameliyat olduktan sonra hiç yazı girmemiştim. Blog orucumu bu yararlı konu ile bozmayı uygun buldum. Öncelikle mustache.js üstünde daha önce şablon metinlerini düzenleme adlı şu yazımda üstü kapalı bahsetmiştim. Şimdi ise bu konunun üstünde durabildiğim kadar duracağım çünkü araştırmalarımda türkçe olarak çok sağlıklı kaynaklara erişemedim. Bu yüzden de yararlanmak isteyenler için üstünde duracağım.

Mustache.JS Nedir?

Yazılım dili gözetmeksizin, sunucu taraflı çalışan tüm dillerle çalışabilen şablon kütüphanesi de söylenebilir. Bu kütüphane logic-less olarak kabul edilmektedir yani javascript kullanılabilen her ortamda çalışabilme özelliğindendir. Bu adresten yazılımcısının github adresindeki proje sayfasına ulaşabilirsiniz.

Mustache.JS Nasıl Kullanılır?

Mustache.js mimarisi genel olarak 3 ana yapıdan oluşmaktadır. 1. Örnek

Ben daha iyi anlamanız açısından size bir örnek hazırladım. Bu örnekte <script></script> tagları arasındaki şablonu oluşturup daha sonrasında bunu body tagına ekledik. Şablonda dikkatinizi mutlaka çift köşeli parantezli ifadeler çekmiştir. Onlar mustache değişkeni olarak kabul edebiliriz. Şablonda belirttiğimiz o değişkenlerle javascript ortamında istediğimiz değerleri yazdırabiliriz. Örnekte bunu daha iyi görebilirsiniz.
2. Örnek

Bu örnekte de çoklu olarak gelen json değerlerini mustache ile kullanmayı gösterdim. Çok basit bir kullanıma sahip olsada mustache çok yerde hayat kurtardığını ifade edebilirim.
Örnekleri çoğaltıp daha da çok sıralayabiliriz. Mesela $.getJSON fonkisyonu ile alınan değeri kullanma gb. fakat bunları paylaşmaya gerek duymadım şu anlık çünkü 2. örneğimiz ile aynı kullanıma sahip sadece data değişkeninin $.getJSON dan geldiğini düşüneceksiniz o kadar.



Yazı Hakkında Yorumlar