HAML - 在你的檢視中使用的另一種方式

HAML（HTML 抽象標記語言）是一種美觀而優雅的方式來描述和設計檢視的 HTML。HAML 不是開啟和關閉標籤，而是使用縮排來構建頁面結構。基本上，如果某些東西應該放在另一個元素中，你只需使用一個製表位縮排它。標籤和空格在 HAML 中很重要，因此請確保始終使用相同數量的標籤。

例子：

#myview.html.erb
<h1><%= @the_title %></h1>
<p>This is my form</p>
<%= render "form" %>

在 HAML 中：

#myview.html.haml
%h1= @the_title
%p
    This is my form
= render 'form'

你看，佈局的結構比使用 HTML 和 ERB 要清晰得多。

安裝

只需使用安裝寶石

gem install haml

並將 gem 新增到 Gemfile 中

gem "haml"

要使用 HAML 而不是 HTML / ERB，只需將檢視的副檔名從 something.html.erb 替換為 something.html.haml。

快速的 tipps

像 div 這樣的常見元素可以用很短的方式編寫

HTML

<div class="myclass">My Text</div>

HAML

%div.myclass

HAML，簡寫

.myclass

屬性

HTML

<p class="myclass" id="myid">My paragraph</p>

HAML

%p{:class => "myclass", :id => "myid"} My paragraph

插入 ruby 程式碼

你可以使用=和 - 符號插入 ruby 程式碼。

= link_to "Home", home_path

以 = 開頭的程式碼將被執行並嵌入到文件中。

以 - 開頭的程式碼將被執行，但不會插入到文件中。

完整的文件

HAML 很容易入手，但也非常複雜，因此我建議你閱讀文件 。