Forum

Registrati

Cosa c'è di nuovo?

Toggle sidebar

Regolamento Macrocategoria DEV
Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Sistema di template HAML

sant0 · 2018-03-06T12:14:51+00:00

In una mia precedente guida sull'installazione di Ruby On Rails ho fatto vedere come i file views usassero una versione di HTML combinata al Ruby: sto parlando di eRuby. Oggi parlerò di un valido sostituto di suddetto linguaggio: HAML. Esso rende la creazione dei template, oltre che più bella sintatticamente, più semplice. Per installare HAML bisogna avere Ruby Gems e digitare da terminale: gem install haml Un possibile codice, richiamando il modulo Haml da Ruby potrebbe essere: require 'haml' example = Haml::Engine.new("%h1 hello, world") sentence = example.render puts sentence Una volta eseguito, avremo in output hello, world . Per installare Haml all'interno del proprio progetto Rails bisogna aggiungere gem 'haml' all'interno del Gemfile. Adesso modifichiamo i file all'interno di app/views che hanno estensione .html.erb in .html.haml. Un esempio di file in eRuby: Home Contatti può essere scritto così: %header %h1= @messaggio %nav .menu %li Home %li Contatti Sintassi L'Haml fa molto caso all'indentanzione: se ad esempio usassimo un tab (di 4 spazi) al posto di 4 spazi, Rails genererà un errore. Per conformità il codice Ruby, in genere, viene indentato con 2 spazi, pertanto, da ora in poi, tutto il codice sarà indentato in tal modo. Ogni elemento indentato è all'interno del tag superiore: !!! %div %p -# Genera: %div %p -# Genera: Spieghiamo il codice soprastante: !!! -> genera il doctype: % -> identificato di un tag HTML -# -> commento Haml (non viene generato nel file HTML) / -> commento HTML Come si può notare, nel commento Haml, non viene identificato solo la parola "Genera:" bensì tutto quello che viene indentato. Se volessimo inserire degli attributi ai tag basta inserire i symbols all'interno delle parentesi graffe (o tonde): %div{:class => ["first", "example"], :id => ["box"]} -# oppure %div(class="first" id="box") -# generano lo stesso codice In realtà, gli attributi class e id possono essere scritti anche in modo più semplificativo %tag.class.id: %div.first#box -# è lo stesso degli altri due sopracitati Ad ogni modo, il tag div, può essere omesso: .first#box -# è equivalente di scrivere %div.first#box Per eseguire del codice Ruby, basta inserire prima il trattino (-): - foo = "variabile d'esempio" #istanzio una variabile di tipo String - 5.times do |i| #utilizzo di un ciclo %li= i Per l'inserimento di testo Ruby basta usare il simbolo dell'uguale (=) e prendendo d'esempio il codice soprastante: %p= foo #- questo stamperà "variabile d'esempio" mentre possiamo vedere che %li= i stampa VALORE DELLA VARIABILE i ad ogni modo è possibile scriverlo anche in suddetto modo: %li #{i} usando, per l'appunto, l'interpolazione #{} usata nelle stringhe Spero la guida vi sia stata utile; alla prossima :emoji_nerd:

Autore discussione sant0
Data d'inizio 6 Marzo 2018
Tag

guida linguaggio sistema template

sant0

Utente Esperto

Autore del topic

6 Marzo 2018

Ultima modifica: 7 Marzo 2018

Devi accedere o registrarti per rispondere qui.

Facebook X Bluesky LinkedIn Reddit Pinterest Tumblr WhatsApp Email Link

Top

Indietro

La tua privacy è la nostra priorità

Noi e terze parti selezionate utilizziamo cookie o tecnologie simili per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Usa il pulsante “Accetta” per acconsentire l'utilizzo di tutti i cookies. In alternativa puoi fare clic sul pulsante “Continua senza accettare” per negare il consenso o su "Gestisci le tue preferenze" per accedere a informazioni più dettagliate e modificare le tue preferenze prima di acconsentire.

Gestisci le tue preferenze

Accetta tutti Continua senza accettare
Essential cookies

These cookies are required to enable core functionality such as security, network management, and accessibility. You may not reject these.

Optional cookies

We deliver enhanced functionality for your browsing experience by setting these cookies. If you reject them, enhanced functionality will be unavailable.

Third-party cookies

Cookies set by third parties may be required to power functionality in conjunction with various service providers for security, analytics, performance or advertising purposes.

Cookie policy

Privacy policy

Guida Sistema di template HAML

sant0

Utente Esperto

La tua privacy è la nostra priorità