`
gazeldx
  • 浏览: 102523 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

HAML的点点滴滴

 
阅读更多

待解决问题:

如何去掉空格?换行难免会产生空格。

 

http://haml-lang.com/

http://haml-lang.com/docs/yardoc/file.HAML_REFERENCE.html#plugin

 

rails view中可以用.erb。为了让.erb文件更简洁,可以用.haml。

实例:

.haml 下者为.erb写法

 

 

#profile
  .left.column
    #date= print_date
    #address= current_user.address
  .right.column
    #email= current_user.email
    #bio= current_user.bio

 

<div id="profile">
  <div class="left column">
    <div id="date"><%= print_date %></div>
    <div id="address"><%= current_user.address %></div>
  </div>
  <div class="right column">
    <div id="email"><%= current_user.email %></div>
    <div id="bio"><%= current_user.bio %></div>
  </div>
</div>

 

Rails 3, instead add the following line to the Gemfile:

gem "haml"

 

Once it’s installed, all view files with the ".html.haml" extension will be compiled using Haml. Haml is enabled by default in Merb.

You can access instance variables in Haml templates the same way you do in ERB templates. Helper methods are also available in Haml templates. For example (this example uses Rails, but the principle for Merb is the same):

# file: app/controllers/movies_controller.rb

class MoviesController < ApplicationController
  def index
    @title = "Teen Wolf"
  end
end

-# file: app/views/movies/index.haml

#content
 .title
   %h1= @title
   = link_to 'Home', home_url

may be compiled to:

<div id='content'>
  <div class='title'>
    <h1>Teen Wolf</h1>
    <a href='/'>Home</a>
  </div>
</div>

突然haml不能用了,报错template is missing .只要就可以bundle install一下解决

 

 

 

分享到:
评论

相关推荐

    Ruby-Haml是一个HTML的模板引擎

    Haml是一个HTML的模板引擎

    MtHaml:PHP实现的HAML模板语言类库.zip

    PHP实现的HAML模板语言类库,感兴趣的朋友们可以下载下来,用到自己的项目中。

    前端项目-clientside-haml-js.zip

    前端项目-clientside-haml-js,Haml compiler for client side javascript and coffeescript view templates

    为什么要使用HAML和SASS

    NULL 博文链接:https://hlee.iteye.com/blog/602211

    haml:HTML抽象标记语言-标记Haiku

    将Haml与Rails一起使用要将Haml与Rails一起使用,只需将Haml添加到您的Gemfile中并运行bundle 。 gem 'haml' 如果您想用Haml替换基于Rails基于Erb的生成器,请将也添加到您的Gemfile中。格式化Haml的最基本元素是...

    haml-to-php:PHP的haml实现

    编写类似于ruby的haml实现的代码 在错误的标签嵌套上失败,例如table&gt; td&gt; tr 图书馆支持 请参阅如果您将对haml-to-php.com的支持添加到框架中,我想参考您的工作。 我知道的相关工作 请参阅此处。 最引人注目。 ...

    ruby-haml-loader:使用实际Ruby`haml`的Webpack Haml加载器

    用于Webpack的Ruby Haml加载程序 将Haml文件作为模块导入Webpack项目中。 返回渲染的模板。 这很慢。 它是为临时使用而创建的,直到转换为Jade。 此自述文件基于自述文件。 设置 添加到您的webpack配置模块....

    Haml2Html:一个易于使用的编译器,用于使用Haml&Sass开发静态页面

    用法将所有.haml文件保存在/app/views 将所有.sass文件保存在/app/styles 要观看文件运行(在终端中): ./watch要停止观看: Control + C就是这样! 所有已编译的Haml文件都存储在/compiled/ 所有已编译的Sass文件...

    herbalizer:转换HAML到ERB

    用Haskell编写的HAML到ERB转换器。 该程序将模板转换为 。 为什么 很多人更喜欢HAML而不是ERB。 但不是每个人,也不是每个情况都如此。 ERB更简单,更容易记住规则,并且对HTML熟悉的人都可以访问。 ERB模板更易于...

    yii-haml:Yii 框架的 HAML 视图渲染器

    Yii 框架的 HAML 视图渲染器 yii-haml是扩展,它为您的视图带来了功能。 基于项目的分支。 使用 Composer 安装 将此添加到您的composer.json : " repositories " : [ { " type " : " composer " , " url " : ...

    前端开源库-ewg-haml-coffee-gulp

    前端开源库-ewg-haml-coffee-gulpEWG HAML咖啡吞咽,EWG HAML咖啡模块

    gulp-ruby-haml:用于Gulp的Haml插件,使用Ruby Haml gem

    gulp-ruby-haml 这是一个,将使用该插件haml命令行脚本编译Haml的文件转换成HTML。 您需要同时安装Ruby和Haml才能使用此功能。 尝试gem install haml 。 如果使用 ,请将gem 'haml'添加到Gemfile中,然后运行bundle...

    MtHaml:PHP实现的HAML模板语言类库

    PHP实现的HAML模板语言类库

    haml-lint:编写干净且一致的HAML的工具

    HAML-Lint haml-lint是一种帮助保持文件清洁和可读的工具。 除了特定于 HAML 的样式和 lint 检查之外,它还与集成以将其强大的静态分析工具带到您的 HAML 文档中。 您可以从命令行手动运行haml-lint ,也可以将其...

    haml:CakePHP HAML模板引擎

    CakePHP HAML视图类 CakePHP 2.x的模板引擎。 基于 ,这是PHP的HAML实现。 安装 将插件包含在您的作曲家文件中: { " require " : { " tiutalk/haml " : " dev-master " } } 该软件包具有Composer依赖性,请...

    jekyll-haml-markup:用于haml标记的Jekyll插件

    杰基尔·哈姆尔(Jekyll Haml Markup) 插件,使成为布局,局部和页面的标记选项。 安装 添加到您的Gemfile: gem 'jekyll-haml-markup' , group : :jekyll_plugins 用法 用.haml扩展名命名布局,分页和页面。 该...

    Laravel开发-laravel-blade-haml

    Laravel开发-laravel-blade-haml 使用Blade语法样式包装mthaml以便于在Laravel 5中使用

    HAML.jl:JuliaHTML抽象标记语言。 受Ruby的HAML启发

    HAML.jl JuliaHTML抽象标记语言。 受启发。 建立状态测试范围概要在Julia中使用HAML的最简单方法是haml""宏的形式。 只需内联编写HAML代码,它将扩展为字符串: julia &gt; using HAMLjulia &gt; link = " ...

    haml-coffee:Haml模板,您可以在其中编写内联CoffeeScript

    Haml Coffee模板 Haml Coffee是一个JavaScript模板解决方案,它使用作为标记,了解内联并生成呈现为HTMLJavaScript函数。 它可以在使用 , , , 等的客户端JavaScript应用程序中使用,也可以在框架的服务器端使用...

    MtHaml, 多目标 HAML ( PHP,Twig,<your language here> ).zip

    MtHaml, 多目标 HAML ( PHP,Twig,&lt;your language here&gt; ) 多目标 HAML MtHaml是 HAML语言的一个PHP实现,它可以针对多种语言。目前支持的目标是PHP和 ,并且可以轻松添加新的。mt实现与ruby完全相同的语法;惟一的...

Global site tag (gtag.js) - Google Analytics