Rails3: creare una nuova applicazione con jquery e haml

Ecco finalmente il momento di provarla questa nuova versione di Rails che promette (sulla carta) cose veramente intriganti!

E la cosa che più mi interessa in questo momento è testare il suo funzionamento con jquery. Scrivo quindi ciò che faccio passo per passo.

Rails

Per prima cosa, dopo aver installato la gemma rails nella sua ultima versione, si procede a creare una nuova applicazione. Il comando rails -h rende un elenco di possibili parametri. Quello che mi interessa è non avere prototype di default (parametro -J). Definisco per prova anche il database:

sudo gem install rails edge
rails new mio-progetto -J -d=sqlite3

Gem e Jquery

A questo punto vado ad editare il gemfile presente sulla root del progetto ed inserisco la riga

gem "jquery-rails"

Eseguo quindi l’installazioen di tutte le specifiche gemme necessarie al progetto

bundle install

a questo punto sono libero di installare jquery nel mio progetto

> rails g jquery:install

che rende

remove  public/javascripts/controls.js
 remove  public/javascripts/dragdrop.js
 remove  public/javascripts/effects.js
 remove  public/javascripts/prototype.js
Fetching JQuery version 1.4.1!
 create  public/javascripts/jquery.min.js
 create  public/javascripts/jquery.js
 create  public/javascripts/rails.js

Controller e model

A questo punto genero un controller e un model di tipo info

rails g controller info index show

rails g model info

Routes

Adesso mappo nel config/route.rb il mio controllore semplicemente con

resources :info
root :to => 'info#home' #giusto per avere una pagina statica nella root

Template .haml

Bene, rimane da settare il template realizzato in haml. Per prima cosa salvo un file nella directory app/views/layout chiamandolo application.html.haml

Poi, all’interno del file /config/application.rb inserisco queste righe in fondo al file, fuori dalla funzione specifica della propria applicazione.

require "haml"
require "haml/template"
Haml::Template.options[:format] = :html4
Haml::Template.options[:escape_html] = false

Scrivo quindi il template inserendo i token per i meta csfr necessari da questa versione e comincio ad editare il mio template:

!!! Strict
%html{ "xml:lang" => "en", :lang => "en", :xmlns => "http://www.w3.org/1999/xhtml" }
 %head
 %title== test-project #{@page_title}
 %meta{'http-equiv' => "Content-Type", :content => "text/html; charset=utf-8"}
 %link{ :href => "/favicon.ico", :rel => "shortcut icon" }
 = stylesheet_link_tag :all
 = javascript_include_tag 'jquery', 'rails', 'application'
 = csrf_meta_tag
 = yield :local_javascript
 = yield :head

 %body
  #header
   =image_tag 'your-logo.png'
   .the-title
     %h1
       %span.hide Your application
     %ul#navigation
       %li chi siamo
       %li dove andiamo

   #container
     #sidebar
       %h2 sidebar
       %ul
         %li
           %a{:href=>"http://www.repubblica.it", :target=>"_blank"} "ciccio"
     #contents
       =yield
     #footer
       == © 2010 basictrading.biz