HAML para vistas en Ruby on Rails PDF Imprimir E-mail
Miércoles, 14 de Abril de 2010 16:04

Cuando se codifica en Ruby on Rails, a pesar de tener grandes ventajas como framework de desarrollo ágil, hay algunas cosas que no son del todo agradables, por ejemplo el manejo de las vistas a través de código empotrado.

Una opción para evitar esto es utilizar HAML.

Para empezar podemos ver un ejemplo mostrado en la página de HAML:

Código HAML

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

Código ERB

# Equivalente ERB
<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>
 

Instalación:

Para instalar este lenguaje podemos hacer lo siguiente (tomado de aquí):

Revisamos si está instalado localmente:

# gem list --local | grep haml
 

Instalamos el gem para haml

# gem install haml
 

En el directorio del proyecto:

$ cd ..
$ haml --rails 
 

Nota: Las vistas se tienen que guardar con la extensión .html.haml

Última actualización el Miércoles, 14 de Abril de 2010 16:18
 

Comentarios  

 
0 #2 fitorec 24-05-2010 22:11
(conituacion)
Podemos definir la siguiente css, como sigue:

/**** style.css (definición en el DOM para los ids, y class) **/

/* def. instancia univoca */
#profile{
...
}
/* def. instancia de clase */
.left_column{
...
}
....
#bio{
...
}

/** endFILE **/
Esto es muy practico a la hora de definir tus layouts para las vistas,lastima q yo no ocupo onrails.Actualmente ando explorando el Django. De todas formas gracias por el tip, pues muchas de las veces cuando se trabaja con sistemas empotrados uno no elige el lenguaje(x eso es bueno picarle un poquito a TOÑO!).

PD. creo q algo anda mal con tu contador d caracteres o la implementación d js en mi navegador por que no jara bien :¬S,
Citar
 
 
0 #1 fitorec 24-05-2010 22:05
Interesante, en particular su notación,se me hace sumamente practica por su parecido ha las definiciones en la hoja de estilo CSS (operador '#' para instancia, univoca y '.' para instancia de clase) p.e. para tu código Código HAML:



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

(Continua...)
Citar
 

Escribir un comentario


Código de seguridad
Refescar

Fotos

  • III Simposio de Linux de la Mixteca