😸

パーシャルについて

2024/02/05に公開

パーシャルとは

viewの一部をパーツ化することによって、再利用を可能にすること。
viewを作成していると共通で同じコードを書いていることに気付くことがあると思います
こんな時にパーシャルで共通部分をパーツ化しておくと複数のviewで使い回しもでき、コードの修正も容易にすることができる。

パーシャルの適応方法

共通パーツ
※パーシャルのファイル名は_から始めなくてはならない

_form.html.erb
<%= form_with model: board do |form| %>
  <div class="mb-3">
    <%= form.label :author_name, '名前' %>
    <%= form.text_field :author_name, class: 'form-control' %>
  </div>
  <div class="mb-3">
    <%= form.label :title, 'タイトル' %>
    <%= form.text_field :title, class: 'form-control' %>
  </div>
  <div class="mb-3">
    <%= form.label :body, '本文' %>
    <%= form.text_area :body, class: 'form-control', rows: 10 %>
  </div>
  <%= form.submit '保存', class: 'btn btn-primary' %>
<% end %>

使用するには、、、、、

new.html.erb
<div class="d-flex align-items-center">
  <h1>掲示板作成</h1>
  <div class="ms-auto boards__linkBox">
    <a href="/boards" class="btn btn-outline-dark">掲示板一覧</a>
  </div>
</div>
<%= render partial: 'form', locals: {board: @board} %>

呼び出しているのは、
<%= render partial: 'form', locals: {board: @board} %>
の箇所である。

Discussion