ERB Scriptlet K\u0131lavuzu: Ba\u015ftan Sona Ustal\u0131k<\/p>\n
Web geli\u015ftirmede zaman kazand\u0131ran ve kodunuzu daha okunabilir hale getiren ERB scriptletleri, \u00f6zellikle Ruby on Rails projelerinde s\u0131k\u00e7a kullan\u0131l\u0131r. Ancak, bu g\u00fc\u00e7l\u00fc arac\u0131 etkili bir \u015fekilde kullanmak i\u00e7in sa\u011flam bir temele ihtiya\u00e7 duyars\u0131n\u0131z. Bu makalede, yeni ba\u015flayanlardan ileri d\u00fczey kullan\u0131c\u0131lara kadar herkes i\u00e7in kapsaml\u0131 bir ERB scriptlet k\u0131lavuzu sunuyor, ger\u00e7ek d\u00fcnya \u00f6rnekleriyle ve ipu\u00e7lar\u0131yla yolculu\u011funuzu destekliyoruz. Daha fazla bilgi i\u00e7in Fatih Soysal<\/a> sitesini ziyaret edebilirsiniz.<\/p>\n ERB (Embedded Ruby), Ruby kodunu HTML, XML veya di\u011fer metin tabanl\u0131 dosyalar\u0131n i\u00e7ine g\u00f6mmeyi sa\u011flayan bir ara\u00e7t\u0131r. Scriptletler, bu g\u00f6mme i\u015flemini ger\u00e7ekle\u015ftiren k\u00fc\u00e7\u00fck kod bloklar\u0131d\u0131r. <% %> etiketleri aras\u0131na yaz\u0131lan Ruby kodu, sunucu taraf\u0131ndan i\u015flenir ve sonucun HTML \u00e7\u0131kt\u0131s\u0131na eklenmesine olanak tan\u0131r. Bu sayede, dinamik i\u00e7erik olu\u015fturmak ve verileri sunmak \u00e7ok daha kolay hale gelir. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n ad\u0131n\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in bir de\u011fi\u015fken de\u011ferini do\u011frudan HTML’ye eklemek scriptletler sayesinde olduk\u00e7a basittir. Ba\u015flang\u0131\u00e7ta, ERB’nin temel s\u00f6zdizimini ve kullan\u0131m alanlar\u0131n\u0131 anlamak, ilerleyen a\u015famalarda daha karma\u015f\u0131k i\u015flemleri ger\u00e7ekle\u015ftirmeniz i\u00e7in sa\u011flam bir temel olu\u015fturacakt\u0131r. Bu temel bilgileri sa\u011flamla\u015ft\u0131rd\u0131ktan sonra, daha karma\u015f\u0131k senaryolar\u0131 rahatl\u0131kla ele alabilirsiniz.<\/p>\n \u0130\u015fte basit bir ERB scriptlet \u00f6rne\u011fi: <\/p>\n <\/code><\/p>\n Bu \u00f6rnekte, Bir e-ticaret sitesinin \u00fcr\u00fcn sayfas\u0131n\u0131 ele alal\u0131m. Her \u00fcr\u00fcn\u00fcn ad\u0131, fiyat\u0131 ve a\u00e7\u0131klamas\u0131 farkl\u0131d\u0131r. Bu bilgileri veritaban\u0131ndan \u00e7ekerek ERB scriptletleri ile dinamik olarak olu\u015fturdu\u011fumuzda, her \u00fcr\u00fcn i\u00e7in ayr\u0131 bir sayfa olu\u015fturmam\u0131za gerek kalmaz. A\u015fa\u011f\u0131da basit bir \u00f6rnek verilmi\u015ftir:<\/p>\n Fiyat: <%= product.price %><\/p>\n <%= product.description %><\/p>\n <\/div>\n<% end %><\/pre>\n <\/code><\/p>\n Bu \u00f6rnekte, ERB scriptletleri, sadece veri yazd\u0131rmakla kalmaz, ayn\u0131 zamanda ko\u015fullu durumlar ve d\u00f6ng\u00fcler gibi kontrol yap\u0131lar\u0131 da i\u00e7erebilir. \u00d6rne\u011fin, bir kullan\u0131c\u0131n\u0131n giri\u015f yap\u0131p yapmad\u0131\u011f\u0131na g\u00f6re farkl\u0131 i\u00e7erik g\u00f6stermek i\u00e7in Ho\u015f geldiniz, <%= current_user.name %>!<\/p>\n<% else %>\n Giri\u015f Yap<\/a>\n<% end %><\/pre>\n <\/code><\/p>\n Bu \u00f6rnekte, ERB scriptletlerini kullan\u0131rken performans \u00f6nemlidir. A\u015f\u0131r\u0131 karma\u015f\u0131k scriptletler sunucu y\u00fck\u00fcn\u00fc art\u0131rabilir. Bu nedenle, scriptletleri olabildi\u011fince k\u0131sa ve \u00f6z tutmak \u00f6nemlidir. Karma\u015f\u0131k i\u015flemler i\u00e7in, Ruby kodunu ayr\u0131 bir metoda ta\u015f\u0131mak ve bunu scriptlet i\u00e7inde \u00e7a\u011f\u0131rmak daha verimli olabilir. Ayr\u0131ca, gereksiz tekrarlardan ka\u00e7\u0131nmak ve \u00f6nbellekleme tekniklerini kullanmak performans\u0131 art\u0131rabilir. Bu konuda daha detayl\u0131 bilgi i\u00e7in Fatih Soysal<\/a>'\u0131n web sitesini ziyaret edebilirsiniz. Performans iyile\u015ftirmelerine y\u00f6nelik bir\u00e7ok faydal\u0131 makale ve kaynak bulacaks\u0131n\u0131z.<\/p>\n Modern web geli\u015ftirmede mobil uyumluluk \u00e7ok \u00f6nemlidir. ERB scriptletlerinin mobil uyumlulu\u011funu sa\u011flamak i\u00e7in, responsive tasar\u0131m prensiplerini uygulaman\u0131z gerekir. CSS kullanarak, farkl\u0131 ekran boyutlar\u0131na g\u00f6re i\u00e7eri\u011fin d\u00fczenini otomatik olarak ayarlayabilirsiniz. A\u015fa\u011f\u0131da basit bir media query \u00f6rne\u011fi verilmi\u015ftir:<\/p>\n <\/code><\/p>\n Bu kod, ekran geni\u015fli\u011fi 768 pikselden k\u00fc\u00e7\u00fck oldu\u011funda \u00fcr\u00fcnlerin geni\u015fli\u011finin %100 olaca\u011f\u0131n\u0131 belirtir. Bu \u015fekilde, i\u00e7erik farkl\u0131 ekran boyutlar\u0131nda d\u00fczg\u00fcn bir \u015fekilde g\u00f6r\u00fcnt\u00fclenir. Mobil uyumluluk i\u00e7in, JavaScript k\u00fct\u00fcphaneleri ve frameworkleri de kullanabilirsiniz. Ancak, temelde, responsive tasar\u0131m prensiplerine uygun olarak CSS kullanmak, mobil uyumlulu\u011fu sa\u011flaman\u0131n en basit ve etkili yoludur.<\/p>\n Bu makalede, ERB scriptletlerinin temel kullan\u0131m\u0131ndan ileri d\u00fczey tekniklere kadar geni\u015f bir yelpazeyi ele ald\u0131k. Ger\u00e7ek d\u00fcnya \u00f6rnekleri ve performans optimizasyonu ipu\u00e7lar\u0131yla, ERB scriptletlerini daha etkili bir \u015fekilde kullanabilirsiniz. Unutmay\u0131n ki, g\u00fcvenlik her zaman \u00f6nceliklidir. Kullan\u0131c\u0131 girdilerini i\u015flerken g\u00fcvenlik \u00f6nlemlerini almay\u0131 ihmal etmeyin.<\/p>\nERB Scriptletleri Nedir? Temel Kavramlar<\/h2>\n
ERB Scriptletleri Nas\u0131l Kullan\u0131l\u0131r? Ad\u0131m Ad\u0131m \u00d6rnekler<\/h2>\n
<% name = \"Fatih\" %>\nMerhaba, <%= name %>!<\/pre>\n<% name = \"Fatih\" %><\/code> sat\u0131r\u0131 bir de\u011fi\u015fken tan\u0131mlar ve de\u011fer atar. Bu kod, HTML \u00e7\u0131kt\u0131s\u0131na yans\u0131maz. Ancak, <%= name %><\/code> sat\u0131r\u0131, name<\/code> de\u011fi\u015fkeninin de\u011ferini (Fatih) HTML \u00e7\u0131kt\u0131s\u0131na yazar. <%= %><\/code> etiketleri, Ruby ifadesinin de\u011ferini HTML'ye eklemek i\u00e7in kullan\u0131l\u0131r. <% %><\/code> etiketleri ise yaln\u0131zca Ruby kodunu \u00e7al\u0131\u015ft\u0131rmak i\u00e7in, sonucu HTML'ye yazd\u0131rmadan kullan\u0131l\u0131r. Bu ayr\u0131m, kodun okunabilirli\u011fini ve d\u00fczenini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde art\u0131r\u0131r. \u00d6rne\u011fin, bir veritaban\u0131ndan \u00e7ekti\u011finiz \u00fcr\u00fcnleri listelemek istedi\u011finizi d\u00fc\u015f\u00fcn\u00fcn. Her \u00fcr\u00fcn i\u00e7in ayr\u0131 bir sat\u0131r olu\u015fturman\u0131z gerekecektir. Bu durumda, bir d\u00f6ng\u00fc kullanarak her \u00fcr\u00fcn\u00fcn ad\u0131n\u0131 ve fiyat\u0131n\u0131 kolayca yazd\u0131rabilirsiniz.<\/p>\nGer\u00e7ek D\u00fcnya Senaryolar\u0131: Vaka Analizleri<\/h2>\n
<% @products.each do |product| %>\n <%= product.name %><\/h2>\n
@products<\/code> adl\u0131 bir diziye sahip oldu\u011fumuzu varsay\u0131yoruz. each<\/code> d\u00f6ng\u00fcs\u00fc ile dizideki her \u00fcr\u00fcn i\u00e7in bir div<\/code> olu\u015fturuyor ve \u00fcr\u00fcn bilgilerini ilgili alanlara yazd\u0131r\u0131yoruz. Bu sayede, \u00fcr\u00fcn verileri veritaban\u0131ndan dinamik olarak \u00e7ekilir ve her \u00fcr\u00fcn i\u00e7in ayr\u0131 ayr\u0131 HTML kod yazmaya gerek kalmaz. Bu, kodun hem okunabilirli\u011fini hem de s\u00fcrd\u00fcr\u00fclebilirli\u011fini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde art\u0131r\u0131r. Ayn\u0131 prensip, blog yaz\u0131lar\u0131n\u0131n listesini, haberleri ya da forum mesajlar\u0131n\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in de kullan\u0131labilir. Herhangi bir dinamik veriyi g\u00f6r\u00fcnt\u00fclemek i\u00e7in ERB scriptletleri kullanmak, kodun tekrarlanabilirli\u011fini azalt\u0131r ve \u00f6l\u00e7eklenebilirli\u011fini art\u0131r\u0131r. Bu y\u00f6ntemi, mevcut proje mimarinize uygun \u015fekilde adaptasyon yaparak daha geni\u015f \u00e7apl\u0131 uygulamalara da geni\u015fletebilirsiniz.<\/p>\n\u0130leri D\u00fczey Teknikler: Ko\u015fullu Durumlar ve D\u00f6ng\u00fcler<\/h2>\n
if<\/code> ve else<\/code> bloklar\u0131 kullan\u0131labilir:<\/p>\n<% if logged_in? %>\n logged_in?<\/code> y\u00f6ntemi kullan\u0131c\u0131n\u0131n giri\u015f yap\u0131p yapmad\u0131\u011f\u0131n\u0131 kontrol eder ve buna g\u00f6re farkl\u0131 i\u00e7erik g\u00f6sterir. Benzer \u015fekilde, d\u00f6ng\u00fcler kullanarak listeleri yineleyebilir ve her \u00f6\u011fe i\u00e7in farkl\u0131 i\u015flemler yapabilirsiniz. Karma\u015f\u0131k durumlar i\u00e7in, case<\/code> ifadeleri de kullan\u0131labilir. Bu ileri d\u00fczey teknikler, daha dinamik ve kullan\u0131c\u0131ya \u00f6zel i\u00e7erik olu\u015fturmay\u0131 sa\u011flar. Bu sayede, web uygulaman\u0131z\u0131n kullan\u0131m\u0131 daha ki\u015fiselle\u015ftirilmi\u015f ve i\u015flevsel hale gelir. Unutmay\u0131n ki, bu tekniklerin do\u011fru kullan\u0131m\u0131, kodun okunabilirli\u011fi ve performans\u0131 \u00fczerinde b\u00fcy\u00fck etkiler yarat\u0131r. Dolay\u0131s\u0131yla, kodunuzu olabildi\u011fince temiz ve anla\u015f\u0131l\u0131r tutmaya \u00f6zen g\u00f6sterin.<\/p>\nPerformans Optimizasyonu \u0130\u00e7in \u0130pu\u00e7lar\u0131<\/h3>\n
G\u00fcvenlik Uyar\u0131lar\u0131<\/h2>\n
html_escape<\/code> gibi g\u00fcvenlik fonksiyonlar\u0131n\u0131 kullan\u0131n. Bu, k\u00f6t\u00fc niyetli ki\u015filerin web sitenize zararl\u0131 kod enjekte etmesini \u00f6nlemeye yard\u0131mc\u0131 olur.\n<\/div>\nERB Scriptletleri ile Mobil Uyumluluk<\/h2>\n
@media (max-width: 768px) {\n .product {\n width: 100%;\n }\n}<\/pre>\n\u00d6zet ve S\u0131k\u00e7a Sorulan Sorular<\/h2>\n
S\u0131k\u00e7a Sorulan Sorular<\/h3>\n