[Ruby on Rails] Un mémorandum de modèles de mise en page

Ceci est la première ébauche. Nous vous serions reconnaissants de bien vouloir signaler toute lacune.

J'étudie Ruby on Rails. Je ne savais pas pourquoi le contenu codé dans le fichier de vue était affiché correctement dans le navigateur même s'il n'était pas inclus dans la déclaration DOCTYPE ou les balises HTML, mais j'ai compris le modèle de mise en page et il était rafraîchissant, je le laisserai donc comme un mémorandum.

Qu'est-ce qu'un modèle de mise en page?

Ce fichier est automatiquement créé dans le répertoire suivant lorsque vous créez une application avec des rails. app/views/layouts/application.html.erb

Normalement, à partir de l'action définie dans le contrôleur, s'il existe un fichier de vue, il semble que le fichier soit appelé, mais en réalité, le fichier de vue créé dans le modèle de mise en page est incorporé et renvoyé.

Exemple) Lorsqu'un contrôleur appelé posts est créé app/controllers/posts_controller.rb

posts_controller.rb


class PostsController < ApplicationController
  def index
  end
end

app/views/posts/index.html.erb

erb:index.html.erb


<h1>haut de page</h1>

En fait, ce qui est renvoyé comme réponse est le fichier de vue ** index.html.erb ** appelé ** <% = yield%> ** dans la balise du fichier modèle ci-dessous. On dit qu'il a été rendu.

app/views/layouts/application.html.erb

erb:application.html.erb


<!DOCTYPE html>
<html>
  <head>
    <title>FirstApp</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>
    <%= yield %>
  </body>
</html>

index.html

Recommended Posts

[Ruby on Rails] Un mémorandum de modèles de mise en page
Mémorandum de base Ruby on Rails
Connaissance de base de Ruby on Rails
Une note sur la fonction de départ de Ruby on Rails
Explication de Ruby on rails pour les débutants ③ ~ Création d'une base de données ~
[Ruby on Rails] Introduction des données initiales
[Rails] Ajout de la fonction de commentaire Ruby On Rails
[Ruby on Rails] Notation japonaise de l'erreur
Explication de Ruby sur rails pour les débutants ①
[Ruby on rails] Implémentation d'une fonction similaire
[Ruby on Rails] Jusqu'à l'introduction de RSpec
Recommandation de classe de service dans Ruby on Rails
Rails nouveau dans Ruby on Rails ~ Mémorandum jusqu'au déploiement 2
Présentation de Rspec, un framework de test pour Ruby on Rails
Ruby on Rails élémentaire
Principes de base de Ruby on Rails
Rails nouveau dans Ruby on Rails ~ Mémorandum jusqu'au déploiement 1
(Ruby on Rails6) Création de données dans une table
Association Ruby On Rails
Une série de flux de création de table → création, suppression d'enregistrement → suppression de table dans Ruby on Rails
[Ruby on Rails] Affichage individuel des messages d'erreur
J'ai fait un portfolio avec Ruby On Rails
[Ruby on Rails] Implémentez un graphique circulaire qui spécifie le pourcentage de couleurs
[Ruby on Rails] Communication asynchrone de la fonction de publication, ajax
[Introduction] Créer une application Ruby on Rails
Créer un environnement de développement Ruby on Rails sur AWS Cloud9
Implémentation de la fonction de connexion Ruby on Rails (édition de devise)
Explication de Ruby sur rails pour les débutants ⑥ ~ Création de validation ~
Explication de Ruby on rails pour les débutants ② ~ Création de liens ~
Essayez d'utiliser l'attribut de requête Ruby on Rails
Explication de Ruby on rails pour les débutants ⑦ ~ Implémentation Flash ~
Création de portfolio Ruby on Rails
Record d'apprentissage Ruby on rails -2020.10.04
[Ruby on Rails] Debuck (binding.pry)
Record d'apprentissage de Ruby on rails -2020.10.05
Record d'apprentissage Ruby on rails-2020.10.07 ②
Publier des vidéos sur les rails
Record d'apprentissage Ruby on rails-2020.10.07 ①
Annuler la migration de Ruby on Rails
Record d'apprentissage de Ruby on rails -2020.10.06
Résumé de la validation Ruby on Rails
Difficultés à créer un environnement Ruby on Rails (Windows 10) (SQLite3)
[Ruby on Rails] Ajouter une colonne avec des contraintes de clé externe
[Procédure 1 pour les débutants] Ruby on Rails: Construction d'un environnement de développement
[Ruby on Rails] Élimination de Fat Controller-First, logic to model-
(Ruby on Rails6) Affichage de la base de données qui a obtenu l'identifiant de la base de données
Supprimer tout le contenu de la page de liste [Ruby on Rails]
[Ruby on Rails] Animation de défilement facile de javascript (en utilisant ScrollReveal.js)
Comment afficher des graphiques dans Ruby on Rails (LazyHighChart)
Appliquer le CSS à une vue spécifique dans Ruby on Rails
[Ruby on Rails] Le carrousel de bootstrap4 est implémenté sous forme de diaporama en utilisant chaque méthode.