Ruby on Rails

Views dengan ERB, Layouts & Partials

Penjelasan

View di Rails ditulis dengan ERB (Embedded Ruby), file berekstensi `.html.erb`. Ada dua tag utama: `<%= %>` untuk mengeksekusi kode Ruby DAN menampilkan hasilnya ke HTML, serta `<% %>` untuk mengeksekusi kode Ruby TANPA menampilkan output (dipakai untuk logic seperti `if`/`each`). Rails otomatis membungkus setiap view dengan layout (`app/views/layouts/application.html.erb`) lewat `<%= yield %>`. Untuk bagian tampilan yang berulang (misalnya kartu catatan), kamu bisa memisahkannya jadi partial — file diawali underscore (`_catatan.html.erb`) dan dipanggil dengan `render`.

Contoh Konsep

<!-- app/views/catatan/index.html.erb -->
<h1>Daftar Catatan</h1>

<% @catatan_list.each do |catatan| %>
  <%= render partial: "catatan", locals: { catatan: catatan } %>
<% end %>

<!-- app/views/catatan/_catatan.html.erb -->
<div class="catatan-card">
  <h2><%= catatan.judul %></h2>
  <p><%= catatan.isi %></p>
</div>

Praktikum

Lengkapi loop ERB untuk menampilkan judul setiap catatan dari `@catatan_list`.

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Jangan pernah lupa tanda `=` pada `<%= %>` kalau kamu ingin menampilkan nilai — `<% %>` tanpa `=` akan mengeksekusi kode tapi tidak menampilkan apa pun ke halaman, kesalahan ini sering bikin bingung pemula.

← Kembali Controllers & Actions Lanjutkan → Active Record: Models & Migrations