ขั้นตอนการติดตั้ง gem liquid
ขั้นตอนที่ 1 ใส่ gem 'liquid-rails' บน Project
ขั้นตอนที่ 2 $ bundle
ขั้นตอนที่ 3 $ gem install liquid-rails
เมื่อติดตั้ง 3 ขั้นตอนดังกล่าวเสร็จแล้ว เราจะได้โปรเจคที่มี gem liquid
ตัวอย่างไฟล์ index.liquid
<ul id="products">
{% for product in products %} << เป็นแท็กของ liquid ในการ Start loop {% %}
<li>
<h2>{{ product.name }}</h2> << เป็นแท็กของ liquid ในการโชว์ข้อมูล {{ }}
Only {{ product.price | price }} << เป็นแท็กของ liquid ที่สามารถส่งข้อมูล | ไปจัดโฟร์แมตของข้อมูล {{ | }}
{{ product.description | prettyprint | paragraph }} << เป็นแท็กของ liquid ที่สามารถส่งข้อมูล | ไปจัดโฟร์แมตของข้อมูล {{ | }}
</li>
{% endfor %} << เป็นแท็กของ liquid ในการ End loop {% %}
</ul>
ตัวอย่างการใช้งาน gem liquid
@template = Liquid::Template.parse("hi {{name}}")
คำสั่งนี้เป็นการสร้างรูปแบบของ template ว่าต้องการให้ออกมาในรูปแบบไหนมีการรับตัวแปลอะไรบ้าง
ในที่นี้สมมติให้ template มีคำว่า hi + กับตัวแปล name
@template.render('name' => 'tobi')
คำสั่งนี้เป็นการ render template โดยที่จะต้องส่งค่าข้อมูลตามตัวแปลที่ได้สร้างไว้ก่อนหน้านี้
ในที่นี้สมมติให้ render template ก่อนหน้านี้โดยส่งค่าตัวแปล name = 'tobi' จะได้ค่า render "hi tobi"