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

用haml写rails中默认的index.html

阅读更多

当我们在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 &nbsp;

 
页面代码变得简洁很多

 

分享到:
评论

相关推荐

    Agile Web Development with Rails.3rd Edition.2009

    5. **数据库和Active Record**:Active Record是Rails中的ORM(对象关系映射),书中会详细介绍模型关联、查询语言(SQL与AR语句)、迁移和数据库设计原则。 6. **视图和模板**:Rails使用ERB或Haml等模板语言来...

    Rails.Recipes.Rails.3rd和源码

    这本书通过一系列的“配方”(recipes),为开发者提供了在实际开发中可能会遇到的问题及其解决方案,旨在帮助开发者提高工作效率,解决Rails应用中的各种挑战。 在Rails 3版中,框架进行了大量的更新和改进,包括...

    Wrox.Professional.Ruby.on.Rails.Feb.2008.pdf

    4. **Migrations**:Rails中的迁移用于管理数据库结构的变化。通过编写Ruby代码来描述数据库表的变更,然后运行迁移脚本来更新数据库。书中会介绍如何创建和运行迁移,以及如何回滚到先前的状态。 5. **...

    haml-rails:让您的Gemfile说话

    哈姆路轨 Haml-rails为Rails 5提供了Haml...将Rails应用程序布局文件转换为haml格式将Haml-rails安装在Rails应用程序上之后,您可以使用以下命令将erb布局文件app/views/layouts/application.html.erb为app/views/layo

    让脚手架直接生成Haml模板

    2. **配置Rails**:在`config/application.rb`文件中,添加`config.generators.template_engine :haml`,这将告诉Rails使用Haml作为默认的模板引擎。 3. **更新脚手架模板**:Rails会查找特定的模板文件来生成新的...

    Rails扩展框架Trailblazer.zip

    Trailblazer 是基于 Rails 的一个瘦的封装层,加强了代码的封装使用,更直观的代码结构和面向对象架构。是一种概念驱动的架构模型,项目目录如下: app├── concepts│ ├── comment│ │ ├── cell.rb│ ...

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

    Haml主要应用于Ruby on Rails项目,但在其他框架和环境中也可以通过适配器使用。它特别适合快速构建静态页面、管理后台界面,或者用于生成邮件模板,因为它能有效地减少重复的HTML代码,并且让代码更易于理解和维护...

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

    哈姆 Haml是HTML的模板引擎。 通过消除冗余,反映文档所表示的基础结构以及... gem 'haml' 如果您想用Haml替换基于Rails基于Erb的生成器,请将也添加到您的Gemfile中。格式化Haml的最基本元素是创建HTML的简写: % ta

    Rails的中文乱码问题

    在Rails中,通常无需特别设置,因为默认使用UTF-8。 6. **数据库查询**:在SQL查询中,确保字符串值用单引号包围,并且在需要时进行转义和编码转换。 7. **日志输出**:日志文件的编码也要注意,确保日志生成器...

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

    HAML(HTML Abstraction Markup Language)是一种结构化模板语言,旨在简化HTML代码,提高可读性和易维护性,尤其在动态网站开发中广泛应用。`MtHaml` 的出现,使得 PHP 开发者能够享受到 HAML 带来的益处。 HAML ...

    Ruby on Rails入门例子

    在Rails中,我们通常使用ActiveRecord库来创建模型,通过继承`ApplicationRecord`类并定义属性和关系。 2. **View**:视图负责展示用户界面。Rails提供了ERB(Embedded Ruby)模板,允许在HTML中嵌入Ruby代码,实现...

    Brevidy, 使用 Ruby on Rails HAML Bootstrap 和jQuery构建的视频社交网络.zip

    Brevidy, 使用 Ruby on Rails HAML Bootstrap 和jQuery构建的视频社交网络 Brevidy通过 Gratipay 支持这里项目 Brevidy是我用 Ruby on Rails 3.0.7.HAML 。Bootstrap 和jQuery构建的视频社交网络,它被发布到beta...

    s-ublime-text-haml-sass-master.zip

    HAML(HTML Abstraction Markup Language)是一种简洁、清晰的HTML模板语言,它的语法比传统HTML更加简洁,减少了代码中的冗余,使得代码更易读、易写。HAML的主要特点包括缩进表示层级关系,%tagname创建元素,以及...

    Agile.Web.Development.with.Rails.4(2013.10).Sam.Ruby.文字版.pdf 一书的配套代码

    5. **视图模板**:Rails使用ERB(Embedded Ruby)或HAML等模板语言来生成HTML。视图可以嵌入Ruby代码,动态地生成页面内容。 6. **控制器**:控制器处理HTTP请求,调用模型,然后将结果传递给视图进行渲染。控制器...

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

    在这个项目中,开发者可以用CoffeeScript编写视图模板,然后使用这个编译器将其转化为可执行的JavaScript代码,最终在用户端呈现HTML。 客户端编译Haml有以下几个优势: 1. **实时更新**:开发者可以在浏览器中实时...

    为什么要使用HAML和SASS

    标题“为什么要使用HAML和SASS”涉及到的是前端开发中的两个重要工具——HAML(HTML Abstraction Markup Language)和SASS(Syntactically Awesome Style Sheets)。这两个工具都是为了提高HTML和CSS编码的效率和...

    Ruby-on-Rails-3.rar_site:www.pudn.com

    这本书详细介绍了使用Ruby on Rails框架进行敏捷Web开发的相关知识。 Ruby on Rails(简称Rails)是一种基于Ruby编程语言的开源Web应用框架,它遵循“Don't Repeat Yourself”(DRY)原则,强调简洁、高效的代码...

    rails-tutorial-源码.rar

    - ActiveRecord:这是Rails中的ORM(对象关系映射)组件,它负责数据库操作,将数据库表与Ruby类关联起来,简化了数据库交互。 2. **路由配置** - Rails的路由系统是其强大特性之一,通过routes.rb文件定义URL到...

    rails指南 中文版

    Rails提供了一套强大的模板系统,使得开发者可以使用ERB(Embedded Ruby)或HAML等语法来编写视图。 4. **Routes**:Rails的路由系统负责将HTTP请求映射到相应的控制器动作。通过配置routes.rb文件,开发者可以定义...

    Rails入门教程一(翻译).pdf

    数据库管理是Rails中的重要部分,它使用ActiveRecord,一个ORM(对象关系映射)库,允许开发者用Ruby代码操作数据库。ActiveRecord通过定义Model类,可以方便地进行CRUD(创建、读取、更新和删除)操作。 路由...

Global site tag (gtag.js) - Google Analytics