स्लिम टेम्पलेट इंजन - Haml'y के लिए वैकल्पिक

मैं लंबे समय से हेमल की कोशिश करना चाहता था, लेकिन समय नहीं था। लेकिन मैंने हाल ही में एक नए टेम्पलेट इंजन की खोज की, जो मुझे तुरंत पसंद आया। रचनाकारों के अनुसार, उन्होंने जेड और हेमल से सर्वश्रेष्ठ लिया। मुख्य कार्य कोड की मात्रा को कम करना है, जबकि यह डरावना और समझ से बाहर नहीं है।

इस तरह से टेम्प्लेट स्लिम का उपयोग करते हुए दिखता है:

doctype html html head title Slim Examples meta name="keywords" content="template language" body h1 Markup examples #content.example1 p Nest by indentation = yield - unless items.empty? table - for item in items do tr td = item.name td = item.price - else p No items found #footer | Copyright © 2010 Andrew Stone = render 'tracking_code' script | $(content).do_something(); 

हैम में, आउटपुट स्वरूपित करने के लिए। निर्माण के बजाय <% =%> , = चिह्न का उपयोग किया जाता है। Html में आउटपुट के बिना गणना के लिए (उदाहरण के लिए, यदि और के लिए ), - साइन लगाया जाता है।

Haml के विपरीत, कोई% संकेत नहीं है कि कौन से टैग आवंटित किए गए हैं। उन्हें तुरंत लिखा जा सकता है। अनिवार्य रूप से, यह <> कोष्ठक के बिना सिर्फ HTML है, जो नेस्टेड तत्वों को इंगित करने के लिए पैडिंग का उपयोग करता है। वैसे, इंडेंट्स की संख्या आपकी पसंद है, लेकिन एक से कम नहीं।

सभी ऑपरेटरों की सूची:

 |    ,     .    ""  . '       ,     . -      Haml,   ,   ,      <% ... %> =     <%= ... %>,    html ='     ,      . ==     ,    " ",    escape_html =='  ,   ,     . /  .         html . /!   html  (<!-- -->),    . 

विशेषताएँ और टिप्पणियाँ

आप आईडी और कक्षा को इस तरह से नामित कर सकते हैं:

 blockquote id="quote-#{@quote.id}" class="quote" p class="title" = @quote.title p style="padding:1em;" = @quote.body 

Haml के साथ तुलना के लिए:

 %blockquote{:id => "quote-#{@quote.id}", :class => "quote"} %p{:class="title"}= @quote.title %p{:style => "padding:1em;"}= @quote.body 

स्लिम भी कई वाक्यविन्यास विकल्पों के लिए अनुमति देता है:

 /    .   , ,    Haml' #nav.top div id="nav" class="top" /       h1 class=page_header_class = page_header h1{class=page_header_class} = page_header h1[class=page_header_class] = page_header h1(class=page_header_class) = page_header 

एक और अच्छी बात यह है कि यदि विशेषता में उद्धरण चिह्न नहीं हैं, तो एक चर का उपयोग किया जाएगा। उदाहरण से ऊपर की कुछ पंक्तियाँ, आप देख सकते हैं कि चर page_header_class का उपयोग किया जाता है ।

 #    ,  . a href="#{url_for @user}" = @user.name #        "#{...}" a href=url_for(@user) = @user.name 

यदि फ़ंक्शन गलत आता है, तो HTML में विशेषता प्रदर्शित नहीं की जाएगी (Haml में):

 option value="Slim" selected=option_selected?("Slim") # -> <option value="Slim"></option> 

रूबी तार में आप प्रक्षेप का उपयोग कर सकते हैं:

 body h1 , #{current_user.name} |     #{{content}}   ,    escape_html. 

मैं वास्तव में जिस तरह से टिप्पणी काम करता हूं। यदि आपके पास टिप्पणी करने के लिए कोड का एक ब्लॉक है, तो बस एक पंक्ति जोड़ें, जो पूरे ब्लॉक को प्रभावित करेगा।

 #          /.comments - @comments.each do |comment| == render comment 

यह विचार करने योग्य है कि रेंडर विधि डिफ़ॉल्ट रूप से आउटपुट को फ़िल्टर करती है, इसलिए आपको इसके सामने एक डबल बराबर चिह्न लगाने की आवश्यकता है ताकि एस्केप_एचएनजी दो बार काम न करे।

लॉजिक-कम मोड

 Slim::Engine.set_default_options :sections => true 

और यहाँ आप इसके साथ क्या कर सकते हैं:

 /     false  empty?,    h1   - article h1 = title 

 /  ,  article   false  empty?     -! article p    

शायद, पहला उदाहरण पढ़ने के बाद, आपके पास एक सवाल है - चर 'शीर्षक' कहां से आता है? स्लिम खुद उसे कई तरीकों से खोजने की कोशिश करता है।

 / If article.respond_to?(:title) - article /  article.send(:title) h1 = title 

 / If article.respond_to?(:has_key?) and article.has_key?(:title) - article /   article[:title] h1 = title 

 / If article.instance_variable_defined?(@title) - article /       article.instance_variable_get @title h1 = title 

व्यक्तिगत रूप से, मुझे यह विधा पसंद नहीं आई, लेकिन शायद आप इसे पसंद करेंगे।

प्रदर्शन के बारे में क्या

रेल में टेम्प्लेट कैश्ड होते हैं, इसलिए वे मानक एर्ब से पहले गति में ही पिछड़ जाएंगे, जब वे पहली बार पहुंच जाएंगे। यहां एक तुलना चार्ट दिखाया गया है कि स्लिम निश्चित रूप से आपके आवेदन में अड़चन नहीं होगा:

 # Linux + Ruby 1.9.2, 1000 iterations user system total real (1) erb 0.680000 0.000000 0.680000 ( 0.810375) (1) erubis 0.510000 0.000000 0.510000 ( 0.547548) (1) fast erubis 0.530000 0.000000 0.530000 ( 0.583134) (1) slim 4.330000 0.020000 4.350000 ( 4.495633) (1) haml 4.680000 0.020000 4.700000 ( 4.747019) (1) haml ugly 4.530000 0.020000 4.550000 ( 4.592425) (2) erb 0.240000 0.000000 0.240000 ( 0.235896) (2) erubis 0.180000 0.000000 0.180000 ( 0.185349) (2) fast erubis 0.150000 0.000000 0.150000 ( 0.154970) (2) slim 0.050000 0.000000 0.050000 ( 0.046685) (2) haml 0.490000 0.000000 0.490000 ( 0.497864) (2) haml ugly 0.420000 0.000000 0.420000 ( 0.428596) (3) erb 0.030000 0.000000 0.030000 ( 0.033979) (3) erubis 0.030000 0.000000 0.030000 ( 0.030705) (3) fast erubis 0.040000 0.000000 0.040000 ( 0.035229) (3) slim 0.040000 0.000000 0.040000 ( 0.036249) (3) haml 0.160000 0.000000 0.160000 ( 0.165024) (3) haml ugly 0.150000 0.000000 0.150000 ( 0.146130) (4) erb 0.060000 0.000000 0.060000 ( 0.059847) (4) erubis 0.040000 0.000000 0.040000 ( 0.040770) (4) slim 0.040000 0.000000 0.040000 ( 0.047389) (4) haml 0.190000 0.000000 0.190000 ( 0.188837) (4) haml ugly 0.170000 0.000000 0.170000 ( 0.175378) 1.      .   ,   slow=1. 2.  .   .  Ruby         .     API . 3.  .    ,   ,  Ruby    .    ,          . 4.  Tilt-.     Tilt,              Sinatra, Ramaze and Camping. 

कैसे स्थापित करें

2 विकल्प हैं। पहला - बिना टेम्प्लेट जनरेटर जोड़ने (बनाने के लिए, उदाहरण के लिए, मचान)। दूसरा - जनरेटर के साथ।

 #     Slim gem 'slim' #    Slim   Scaffold' gem 'slim-rails' 

फिर आपको चयनित रत्नों को स्थापित करने के लिए कंसोल में बंडल को पंजीकृत करने की आवश्यकता है।

यह मत भूलो कि स्लिम का उपयोग करने के लिए आपकी फ़ाइलों में एक्सटेंशन होना चाहिए। अर्थात, index.html.erb फ़ाइल को Erb टेम्पलेट इंजन द्वारा निष्पादित किया जाएगा, और index.html.slim फ़ाइल क्रमशः स्लिम होगी।

उपयोगी लिंक

slim-lang.com - आधिकारिक पृष्ठ
github.com/stonean/slim - जीथब पर पृष्ठ
github.com/fredwu/haml2slim - स्लिम कन्वर्टर को हैम
github.com/fredwu/ruby-slim-tmbundle - TextMate के लिए बंडल
github.com/bbommarito/vim-slim - विम के लिए फाइलें