[RUBY] Comment créer un en-tête ou un pied de page une fois et l'utiliser sur une autre page

Si vous créez un pied de page ou un en-tête, vous souhaitez l'utiliser pour d'autres pages!

Créer un portfolio J'ai trouvé assez compliqué de recréer le pied de page et l'en-tête à partir de zéro chaque fois que la page changeait, et dès que je l'ai recherchée, elle est sortie, alors laissez-moi la partager!

Conclusion

スクリーンショット 2020-10-06 22.08.16.png

Cette application> mises en page> application.html.erb Dans

application.html.erb


#Il a déjà été décrit lors de l'ouverture
<!DOCTYPE html>
<html>
  <head>
    <title>PhotoRoke</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
#Décrivez l'en-tête ici
    <%= yield %>
#Décrivez le pied de page ici
</body>
</html>

<%= yield %> Écrivons-le comme s'il était pris en sandwich entre le pied de page et l'en-tête!

Quelle est la méthode de rendement?

Une méthode pour développer chaque fichier de modèle en un modèle de disposition. Et cela

Le modèle de mise en page est l'applocation.html.erb que vous avez modifié précédemment dans Rails. Dans Rails, cela signifie que différents fichiers dans d'autres langues peuvent être des modèles de mise en page.

Ce que fait la méthode de rendement

Très simplement yield = HTML de la page supérieure yield = HTML pour la nouvelle page de publication yield = HTML pour les autres pages Le HTML de chaque page entre dans le rendement comme

la fin

C'est tout! Faisons la programmation pour couper les coins ronds Merci pour votre visite!

Recommended Posts

Comment créer un en-tête ou un pied de page une fois et l'utiliser sur une autre page
Un mémorandum sur l'utilisation d'Eclipse
Comment convertir une valeur d'un type différent et l'affecter à une autre variable
Importez une instance et utilisez-la sur un autre écran
Comment faire fonctionner JavaScript sur une page spécifique
Comment convertir A en A et A en A en utilisant le produit logique et la somme en Java
(Ruby on Rails6) Comment créer un modèle et une table
Comment créer une méthode
Comment utiliser OpenCV 4 sur Android et afficher la vue en direct de la caméra
Comment créer une partie d'espace réservé à utiliser dans la clause IN
Comment créer et lancer un Dockerfile pour Payara Micro
Comment créer un projet d'application Wear OS by Google sur Android Studio 3.0 ou supérieur
Comment ajouter un autre projet en tant que bibliothèque Maven avec CircleCI et l'utiliser pour la construction
Comment utiliser StringBurrer et Arrays.toString.
Comment créer un fichier jar et un fichier war à l'aide de la commande jar
Comment installer et utiliser Composer sur une instance ECS sur Ubuntu 16.04
Comment utiliser EventBus3 et ThreadMode
Comment utiliser Ruby on Rails
Comment utiliser l'égalité et l'égalité (comment utiliser l'égalité)
Comment utiliser les bio-formats sur Ubuntu 20.04
Comment lire un fichier et le traiter comme une entrée standard
Comment créer un serveur Web sur une instance EC2 d'AWS
Utilisez Jenkins pour créer dans Docker, puis créez une image Docker.
Créez une image Docker pour redoc-cli et enregistrez-la sur Docker Hub
Étapes pour installer Maven sur Mac et l'utiliser avec Eclipse
[Rails] Comment mettre simplement un lien vers une page statique comme les conditions d'utilisation ou la politique de confidentialité
Comment créer une requête à l'aide de variables dans GraphQL [Utilisation de Ruby on Rails]
[Docker] Comment créer un environnement virtuel pour les applications Rails et Nuxt.js
Exécutable serveur avec Spring gradle Comment créer JAR et WAR
[Rails] Comment créer une table, ajouter une colonne et changer le type de colonne
Comment créer une méthode pratique qui utilise des génériques et une interface fonctionnelle
Comment utiliser Apache Derby sur Eclipse
Comment utiliser OrientJS et OrientDB ensemble
Comment normaliser le pied de page d'en-tête dans Thymeleaf
Comment créer un référentiel Maven pour 2020
Comment configurer et utiliser kapt
[Ruby on Rails] Comment utiliser redirect_to
[Swift5] Comment créer un écran de démarrage
[rails] Comment créer un modèle partiel
Comment utiliser les méthodes substring et substr
Comment utiliser @Builder et @NoArgsConstructor ensemble
Comment compresser un fichier JAVA CSV et le gérer dans un tableau d'octets
[Exemple de code Spring inclus] Comment créer un formulaire et comment obtenir plusieurs enregistrements
Comment trouver la distance et l'angle entre deux points sur un plan
[Introduction à Docker] Créer une image Docker pour l'apprentissage automatique et utiliser le notebook Jupyter
Comment utiliser Eclipse sur mon PC avec 32 bits et 2 Go de mémoire
Présentation de ce que j'ai fait lorsque je voulais ajouter un en-tête et un pied de page à RecyclerView
Comment créer une base de données H2 n'importe où
[Java] Comment utiliser la classe FileReader et la classe BufferedReader
[Rails] Comment créer un graphique à l'aide de lazy_high_charts
Comment afficher une page Web en Java
[Ruby] Comment utiliser la méthode gsub et la sous-méthode
Comment créer des pages pour le tableau "kaminari"
Comment créer une classe qui hérite des informations de classe