Rails – 掲示板 – 投稿の削除

1 ルーティング
2 ビュー
3 posts#destroyアクション
- 3.1 post_image_pathヘルパー

ルーティング

postsについてはresourcesで設定したため、削除用のルーティングも自動生成されている。

DELETEメソッド
URLは"/posts/:id"
コントローラーとアクションはposts#destroy
Prefixはpost(post_path)

[vagrant@vagrant ex_bbs]$ rails routes
         Prefix Verb   URI Pattern               Controller#Action
         .....
          posts GET    /posts(.:format)          posts#index
                POST   /posts(.:format)          posts#create
       new_post GET    /posts/new(.:format)      posts#new
      edit_post GET    /posts/:id/edit(.:format) posts#edit
           post GET    /posts/:id(.:format)      posts#show
                PATCH  /posts/:id(.:format)      posts#update
                PUT    /posts/:id(.:format)      posts#update
                DELETE /posts/:id(.:format)      posts#destroy

[vagrant@vagrant ex_bbs]$ rails routes

Prefix Verb URI Pattern Controller#Action

.....

posts GET /posts(.:format) posts#index

POST /posts(.:format) posts#create

new_post GET /posts/new(.:format) posts#new

edit_post GET /posts/:id/edit(.:format) posts#edit

post GET /posts/:id(.:format) posts#show

PATCH /posts/:id(.:format) posts#update

PUT /posts/:id(.:format) posts#update

DELETE /posts/:id(.:format) posts#destroy

ビュー

トップの投稿一覧中、削除アイコンのリンク先を設定する。

/posts/:id → post_path(post)

また、メソッドをdeleteで指定する。

top.html.erb

<div class="top_page">
  .....
  <% if @posts.any? %>
    <div class="posts">
      <% @posts.each do |post| %>
        .....
        <ul class="post_menu">
          .....
          <li>
            <%= link_to(post_path(post), method: :delete, class: "#{menu_availability}") do %>
              <i class="fas fa-trash-alt", title="記事削除"></i>
            <% end %>
          </li>
        </ul>
        .....
      <% end %>
    </div>
    .....
  <% end %>
</main>

.....

<% if @posts.any? %>

<% @posts.each do |post| %>

.....

.....

<li>

<%= link_to(post_path(post), method: :delete, class: "#{menu_availability}") do %>

<% end %>

</li>

</ul>

.....

<% end %>

</div>

.....

<% end %>

</main>

posts#destroyアクション

destroyアクションにデータの削除処理を記述。

params[:id]でURLパラメータの:idを取得
このidを使ってデータベースからPostデータを取得
Postデータ→PostImageデータから画像ファイルのパスを取得してファイルを削除
取得したPostデータをdestroy(Postとそれに従属するPostImagesが連動して削除される)

なお、ブラウザー側でpointer-eventsが効かない場合も考慮して、DBから取得したPostのuser_idとセッション中のユーザーのidが一致する場合のみ削除している。

また、画像ファイルのフルパスを得るためのヘルパーを別に準備している。

class PostsController < ApplicationController

  .....

  def destroy
    # SCSSのpointer-events: noneが効かないときの対策
    if post.user_id = user_in_session.id
      # パラメーターのidから削除するpostオブジェクトを取得
      post = Post.find(params[:id])
      # postオブジェクトのpost_idから削除するpost_imageオブジェクトを取得
      post_image = PostImage.find_by(post_id: post.id)
      # post_helper.rbのヘルパーで画像ファイルのフルパスを取得
      file_path = post_image_path(post_image)
      # 画像ファイルの削除
      File.delete(file_path)

      # データベースからpostデータを削除
      post.destroy
    end

    redirect_to top_path and return
  end

  .....

end

class PostsController < ApplicationController

.....

def destroy

# SCSSのpointer-events: noneが効かないときの対策

if post.user_id = user_in_session.id

# パラメーターのidから削除するpostオブジェクトを取得

post = Post.find(params[:id])

# postオブジェクトのpost_idから削除するpost_imageオブジェクトを取得

post_image = PostImage.find_by(post_id: post.id)

# post_helper.rbのヘルパーで画像ファイルのフルパスを取得

file_path = post_image_path(post_image)

# 画像ファイルの削除

File.delete(file_path)

# データベースからpostデータを削除

post.destroy

end

redirect_to top_path and return

end

.....

end

post_image_pathヘルパー

画像ファイルのオブジェクトpost_imageを与えて画像ファイルのフルパスを返すヘルパー。

もう一つのpost_image_urlはビューで使用するもので、それぞれパスの表現が違う。

module PostsHelper

  .....

  # post_imageオブジェクトを与えてファイルのフルパスを返すヘルパー
  # コントローラー用
  def post_image_path(post_image)
    upload_dir = Rails.root.join("public", "post_images")
    file_path = upload_dir + post_image.file_name
  end
end

module PostsHelper

.....

# post_imageオブジェクトを与えてファイルのフルパスを返すヘルパー

# コントローラー用

def post_image_path(post_image)

upload_dir = Rails.root.join("public", "post_images")

file_path = upload_dir + post_image.file_name

end

TauStation

Rails – 掲示板 – 投稿の削除

ルーティング

ビュー

posts#destroyアクション

post_image_pathヘルパー

コメントを残すコメントをキャンセル

ルーティング

ビュー

posts#destroyアクション

post_image_pathヘルパー

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル