More than 1 year has passed since last update.

Rails7で基本のCRUDを体験しよう

Last updated at 2022-08-07Posted at 2022-08-07

前提

↓前回の記事でHello Worldアプリを作成済みである所から始めます。

CRUDを体験することが目的なので、使いやすい機能やデザインは完全無視しています。

Contorllerの準備

前回では、usersテーブルのデータを表示するだけの機能としましたが、
追加で登録／更新／削除の機能を追加しようと思います。

いわゆるCRUD機能を実装するイメージです。

C（Create - 登録）
R（Read - 参照）
U（Update - 更新）
D（Delete - 削除）

🌟おまけ
R（参照）は前回実装済みですが、全件取得しか実装していないため、
今回ついでにキー指定で特定のデータを参照できる機能も実装します

まずは枠だけ作ってみましょう。

app/controller/users_controller.rb

class UsersController < ApplicationController
  def index
    @users = User.all
  end
  
  def show
  end

  def new
  end

  def create
  end

  def edit
  end

  def update
  end

  def destroy
  end
  
  private
  
  def permit_params
    params.require(:user).permit(:name, :age)
  end
end

それぞれ中身を書いていきます。

show（参照）

app/controller/users_controller.rb#show

  def show
    @user = User.find(params[:id])
  end

パラメータで受け取ったIDに一致するusersを参照します。

create（新規作成）

app/controller/users_controller.rb#new,create

  def new
    @user = User.new
  end

  def create
    @user = User.new(permit_params)
    @user.save
    redirect_to @user 
  end

newはUserモデルをnewし、新規登録画面を表示しています。
createは実際の登録処理です。パラメータで受け取った内容でusersテーブルへ登録します。
更新後は、show画面へリダイレクトします。

update（更新）

app/controller/users_controller.rb#edit,update

  def edit
    @user = User.find(params[:id])
  end

  def update
    @user = User.find(params[:id])
    @user.update(permit_params)
    redirect_to @user 
  end

editはパラメータで受け取ったIDに一致するデータを取得し、更新画面に表示しています。
updateが実際の更新処理です。
createと同様にパラメータで受け取った内容でIDに一致するusersデータを更新します。

delete（削除）

app/controller/users_controller.rb#destroy

  def destroy
    @user = User.find(params[:id])
    @user.destroy
    redirect_to users_path
  end

パラメータで受け取ったIDに一致するデータをdestroy（削除）します。

ストロングパラメータにする

app/controller/users_controller.rb#permit_params

  def permit_params
    params.require(:user).permit(:name, :age)
  end

登録／更新処理を行えるよう、パラメータを少し加工します。
requireでパラメータの内、keyがusersのモデルに存在するかを確認し、取り出します。
permitで指定したカラムの保存を許可します。

cf.
https://pikawaka.com/rails/permit

ルーティングの設定

Contorollerに追加したメソッドを呼び出すためにroutes.rbに同様に追記しましょう。

config/routes.rb

Rails.application.routes.draw do
  resources :users
end

この1行でいいみたいです。（色々書こうとしていました。）
以下Rails公式のリファレンスを参照しました。

上記1行の記述だけで、各種ルーティング設定が行われるようです。
つまりは、以下の設定がなされています。

HTTP verb	パス	コントローラ#アクション	目的
GET	/users	users#index	すべてのユーザの一覧を表示
GET	/photos/new	photos#new	ユーザを作成するためのHTMLフォームを返す
POST	/users	users#create	ユーザを1件作成する
GET	/users/:id	users#show	特定のユーザを参照する
GET	/photos/:id/edit	photos#edit	ユーザ編集用のHTMLフォームを1つ返す
PATCH/PUT	/users/:id	users#update	特定のユーザを更新する
DELETE	/users/:id	phouserstos#destroy	特定のユーザを削除する

ふむふむ。

Viewの準備

今はユーザ一覧を表示するindexのみviewを作っている状態なので、
参照／登録／更新／削除を行うための画面（view）を用意します。

/app/views/users配下に作成します。

/app/views/users/show.html.erb

<p>Show Page</p>
<p>
  ID:<%= @user.id %>
  Name:<%= @user.name %>
  Age:<%= @user.age %>
</p>
<%= link_to 'top', users_path %>

照会画面です。
パラメータで指定したIDのusersデータを表示します。
下部に一覧画面へのリンクをつけています。

/app/views/users/new.html.erb

<p>New Page</p>
<%= form_with model: @user do |form| %>
  <div>
    <%= form.label :name %><br>
    <%= form.text_field :name %>
  </div>
  <div>
    <%= form.label :age %><br>
    <%= form.text_field :age %>
  </div>
  
  <div>
    <%= form.submit %>
  </div>
<% end %>

登録画面です。
各入力フォームに入力された値をformとして渡します。
form.submitでcreate処理を実施します。

/app/views/users/edit.html.erb

<p>Edit Page</p>
<%= form_with model: @user do |form| %>
  <div>
    <%= form.label :name %><br>
    <%= form.text_field :name %>
  </div>
  <div>
    <%= form.label :age %><br>
    <%= form.text_field :age %>
  </div>
  
  <div>
    <%= form.submit %>
  </div>
<% end %>

更新画面です。
各入力フォームには、指定IDのusersデータが初期表示されています。
フォームの値を書き換えることで、usersのデータを更新できます。
form.submitでupdate処理を実施します。

ついでに、各画面に遷移できるよう、indexも少し整えてリンクを追加しました。

/app/views/users/index.html.erb

<p>Index Page</p>
<%= link_to 'new', new_user_path %>

<table>
  <tr>
    <th>ID</th>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <% @users.each do |user| %>
    <tr>
      <td><%= user.id %></td>
      <td><%= user.name %></td>
      <td><%= user.age %></td>
      <td><%= link_to 'show', user_path(user) %></td>
      <td><%= link_to 'edit', edit_user_path(user) %></td>
      <td><%= link_to 'destroy', user_path(user),
        data: {turbo_method: 'delete', turbo_confirm: 'Are you sure?'} %>
      </td>
    </tr>
  <% end %>
</table>