En este tutorial crearemos un cloudtag, o nube de tags con ruby on rails igual la que se ilustra en la foto, para eso ocuparemos el plugin de jqcloud.

Para este ejercicio crearemos un proyecto nuevo:

Establecemos las relaciones dentro del modelo de tag

Establecemos las relaciones dentro del modelo de post

Las relaciones dentro del modelo tagpost se crearon automáticamente, ya que utilizamos el generador de rails con references.

Creando datos para la nube de tags

Luego crearemos algunos datos para nuestro proyecto

Dentro del archivo seeds vamos a agregar algunos datos

Luego descargamos el plugin de jQCloude
desde https://github.com/mistic100/jQCloud

y copiamos los archivos de jqcloud.css y jqcloud.js en las carpetas respectivas de assets.

Creando el controller y cargando los datos para hacer la nube de tags

Ahora crearemos el controller

dentro del controller de tags agruparemos los tags por término y los contaremos.

Creando la vista con la nube de tags

luego en la vista mostraremos los resultados ocupando un pequeño script.

Vista de tags#index

Share Button

Director de DesafíoLatam. Ingeniero Civil Informático de la Universidad Federico Santa María. Emprendedor lean, dedicado al desarrollo de una mejor web con ruby on rails. Fanático de los números y las métricas, la música y la fotografía.