L'essentiel de Ruby on Rails

Découvrir l'embedded Ruby

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Maintenant que vous connaissez Ruby, vous allez voir de quelle manière l'injecter pour rendre vos pages web plus dynamiques.
04:30

Transcription

Nous allons découvrir, ensemble, dans cette vidéo, comment intégrer du code Ruby à l'intérieur de nos pages HTML. Pouvoir intégrer du code Ruby à l'intérieur des pages, s'avérera important afin de dynamiser nos pages et changer le contenu, en fonction de l'utilisateur connecté. Afin de spécifier à Rails, que nous sommes dans un fichier devant interpréter du code Ruby, il nous faut changer son extension. Renommez, donc, le fichier et ajoutez une extension .erb erb est une abréviation pour embedded Ruby. embedded signìfie intégré, autrement dit, nous allons intégrer du Ruby dans notre fichier. Pour intégrer du code Ruby, utilisez la syntaxe suivante : < % espace et le nom de votre variable, par exemple, username, vous pouvez lui assigner ce que vous voulez, j'ai mis Tintin et puis encore, % et le signe . Lorsque notre serveur Rails affichera cette page et qu'il rencontrera cette ligne de code, il saura, grâce aux signes <% et %, qu'il s'agit d'un code Ruby. Si nous sauvegardons et que nous rafraîchissons la page, nous voyons que, pour le moment, rien n'a changé. En effet, pour pouvoir afficher le contenu d'une variable Ruby, ou le résultat de tout code en Ruby, il nous faut utiliser, également, le signe =, je vous montre. Si nous remplaçons, ici, à tous et toutes par le username, nous aurons cette syntaxe. Nous testons et nous voyons bien que tous et toutes a été remplacé par Tintin. Avec l'usage du signe =, nous disons à notre serveur Rails Affiche le contenu de la variable Username. Nous aurions pu, également, directement, utiliser le mot Tintin sans, forcément, passer par une variable. Cela fonctionnera, également. Enfin, notez qu'il est peu courant d'avoir des définitions de variables au sein des fichiers views. Ce travail d'assignation est, généralement, réservé aux contrôleurs afin de garder une logique séparée entre les views, qui sont censées afficher nos variables, et les contrôleurs qui vont les assigner et les gérer. Remettons, donc, ici, notre variable username, mais cette fois-ci, avec un arobase. Supprimons cette ligne. Maintenant, rendez-vous dans votre action home au sein de votre contrôleur. Vous pouvez, ici, définir la variable username à l'aide d'un arobase, puis lui assigner la valeur que nous avions tantôt, à savoir Tintin. Il s'agit, ici, d'une variable d'instance, de la classe ApplicationController qui sera réutilisée et réutilisable au niveau de notre view home. Si nous rafraîchissons la page, nous voyons bien que nous avons toujours Bonjour Tintin C'est là, un des intérêts majeurs des contrôleurs, de pouvoir définir des variables à l'aide de l'arobase et de pouvoir, ensuite, les réutiliser au sein de nos fichiers views. Allons un peu plus loin et définissons une nouvelle variable products contenant une liste de produits. Nous pouvons mettre ce que nous voulons à l'intérieur de cette variable, cela n'a pas vraiment d'importance. Revenons, maintenant, dans notre fichier home.html.erb. Nous avons, désormais, accès à cette variable products. Comme il s'agit d'un tableau, nous pouvons utiliser la méthode each dessus. N'oubliez pas qu'il faut fermer ce bloc de code avec le mot-clé end. A l'intérieur de la boucle each, nous pouvons afficher chacun des éléments de notre tableau products. Sauvegardons et testons. Vous voyez que cela a, effectivement, fonctionné. Afin d'avoir une meilleure lisibilité, rajoutons quelques tags HTML pour sauter des lignes. Nous pourrions, également, utiliser les tags ul et li pour obtenir une liste. Cette petite démonstration vous donne les prémices d'une logique de sites e-commerce. En effet, vous pourriez, tout à fait, être sur une page de panier et y lister les produits que votre utilisateur aurait sélectionné. Voilà qui clôture cette vidéo, où nous avons vu comment intégrer du code Ruby l'intérieur de nos pages HTML dans une application Rails.

L'essentiel de Ruby on Rails

Concevez des applications web évolutives et intemporelles avec Ruby on Rails. Installez l’environnement, réalisez un projet de stack overflow, enrichissez-le, etc.

6h08 (85 vidéos)
Aucun commentaire n´est disponible actuellement

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !