当我们在rails一个工程时,在public文件夹下面有个index.html页面。
我用haml改写一个index.haml
首先我把里面的javascript 和 css 独立的拿出来,放到javascripts/haml.js 和 stylesheets/haml.css中
然后用haml重写这个页面
!!! XML
!!!
%html
%head
%meta{'http-equiv' => 'Content-Type', :content => 'text/html',:charset=>"utf-8"}
%title Ruby on Rails: Welcome aboard
=javascript_include_tag :defaults
=javascript_include_tag "haml"
=stylesheet_link_tag "haml"
%body
#page
#sidebar
%ul{:id=>"sidebar-items"}
%li
-form_tag("http://www.google.com/search",:id=>"search",:method=>"get") do
=hidden_field_tag 'hl', 'en'
=text_field_tag "q","site:rubyonrails.org ",:id=>"search-text"
=submit_tag "Search"
the Rails site
%li
%h3 Join the community
%ul.links
%li=link_to "Ruby on Rails","http://www.rubyonrails.org/"
%li=link_to "Official weblog","http://weblog.rubyonrails.org/"
%li=link_to "Wiki","http://wiki.rubyonrails.org/"
%li
%h3 Browse the documentation
%ul.links
%li=link_to "Rails API","http://api.rubyonrails.org/"
%li=link_to "Ruby standard library","http://stdlib.rubyonrails.org/"
%li=link_to "Ruby core","http://corelib.rubyonrails.org/"
#content
#header
%h1 Welcome aboard
%h2 You’re riding Ruby on Rails!
#about
%h3=link_to "About your application’s environment","rails/info/properties",:onclick=>"about(); return false"
#about-content{:style=>"display: none"}
#getting-started
%h1 Getting started
%h2 Here’s how to get rolling:
%ol
%li
%h2="Use <tt>script/generate</tt> to create your models and controllers"
%p To see all available options, run it without parameters.
%li
%h2 Set up a default route and remove or rename this file
%p Routes are set up in config/routes.rb.
%li
%h2 Create your database
%p="Run <tt>rake db:migrate</tt> to create your database. If you're not using SQLite (the default), edit <tt>config/database.yml</tt> with your username and password."
#footer
页面代码变得简洁很多
分享到:
相关推荐
哈姆路轨 Haml-rails为Rails 5提供了Haml...将Rails应用程序布局文件转换为haml格式将Haml-rails安装在Rails应用程序上之后,您可以使用以下命令将erb布局文件app/views/layouts/application.html.erb为app/views/layo
Trailblazer 是基于 Rails 的一个瘦的封装层,加强了代码的封装使用,更直观的代码结构和面向对象架构。是一种概念驱动的架构模型,项目目录如下: app├── concepts│ ├── comment│ │ ├── cell.rb│ ...
哈姆 Haml是HTML的模板引擎。 通过消除冗余,反映文档所表示的基础结构以及... gem 'haml' 如果您想用Haml替换基于Rails基于Erb的生成器,请将也添加到您的Gemfile中。格式化Haml的最基本元素是创建HTML的简写: % ta
Brevidy, 使用 Ruby on Rails HAML Bootstrap 和jQuery构建的视频社交网络 Brevidy通过 Gratipay 支持这里项目 Brevidy是我用 Ruby on Rails 3.0.7.HAML 。Bootstrap 和jQuery构建的视频社交网络,它被发布到beta...
与Rails集成的示例React.js应用程序 是一个用于构建出色的用户界面的库。 对我来说不幸的是,很难找到一个入门教程来表明它...gem 'haml-rails' # React.js gem 'react-rails' gem 'flux-rails-assets' gem 'sprockets-
PHP实现的HAML模板语言类库,感兴趣的朋友们可以下载下来,用到自己的项目中。
Haml2Html 一个易于使用的编译器,用于使用Haml&Sass开发静态页面。要求需要以下内容:安装将存储库克隆到本地计算机。 在您的终端中,导航到/haml2html 。 跑步 ./install这将检查需求并安装未安装的需求。用法将...
Haml是一个HTML的模板引擎
为ERB和Haml提供Rails ActionView模板处理程序。警告语该库仍处于高度试验阶段。 仅在实验和游戏之外使用任何东西,风险自负。 尽管如此,请不要打它,读取和运行单元测试并提供反馈,以帮助它防水,最终适用于严重...
# gem 'haml-rails' # Optional: to generate slim # gem 'slim-rails' 2.安装您的套装 $ bundle install 3.运行发电机 $ rails generate html5:install (这就是它的作用) create config/com
前端项目-clientside-haml-js,Haml compiler for client side javascript and coffeescript view templates
哈姆尔咖啡资产 Haml Coffee Assets在Rails 3.1资产管道中编译模板,因此... 服务器端在Rails中渲染模板。哈姆咖啡Haml Coffee允许您在 JavaScript模板中编写内联 : #cart % h2 Cart - if @cart.length is 0 % p .emp
给Slime Text2 附加sass资源
明智工匠的见解 Wise Artificer的见解旨在使玩家思考在制作Artifact或其他复杂项目时,对他们成功的可能性有一些见解。 任何学科的大师级工匠都具有他们的...index.html 从HAML生成的网页定义的html index.js 单击
什么是预配置导轨 4 后台工作计时码表Rails 应用程序模板 其他包括 rails 应用程序中的凉亭资产来自 ruby 工具箱的 楷模观看次数rails-assets.org其他资产铁轨哈姆勒html2haml sass-rails 萨斯咖啡轨咖啡脚本...
NULL 博文链接:https://hlee.iteye.com/blog/602211
中间人角度模板 预编译 Angular.js 模板的基本中间人扩展。... 安装 添加到您的Gemfile : ...和config.rb : activate :angular_templates 用法 ...Partial 必须具有以下扩展名之一: html ...以下source/index.html.erb :
将Haml文件作为模块导入Webpack项目中。 返回渲染的模板。 这很慢。 它是为临时使用而创建的,直到转换为Jade。 此自述文件基于自述文件。 设置 添加到您的webpack配置模块.loaders: { test: /\.html\.haml$/, ...
*** 自定义功能:heroku 的 AWS 托管 *** *** 即将推出:、地理定位、评论部分、测试 *** 使用:Ruby on Rails 4.2.0 with Haml 使用的宝石(到目前为止): 宝石 'haml','~> 4.0.6' gem 'bootstrap-sass', '~> ...
HamlPy, 像模板一样的HAML变换器在 Django 模板中的应用 HamlPy对于希望使用像syntax语法的的开发者来说,HamlPy ( 发音"Haml是一种工具。 HamlPy本身不是模板引擎,只是一个编译器,它将HamlPy文件转换成 Django ...