Ruby on Rails: チャットグループ一覧ページの作成...chapter13-3

今日の完成イメージ図：

今回やること

・ユーザーページからチャットグループ一覧ページへ飛べるようにする。

・グループに参加していなければ『チャットグループに参加していません』と表示する。

①チャットグループのコントローラー作成

$rails g controller chat_groups

↓

②ルーティングを設定

config/routes.rb

resources :chat_groups

③コントローラーのアクションの設定

app/controllers/chat_groups_controller.rb

class ChatGroupsController < ApplicationController

　def index

　end

end

④ビューの作成(仮)

app/views/chat_groups/index.html.erbを作成。

<div class="chat-group">

　<h1>チャットグループ一覧</h1>

</div>

⑤ユーザーページからチャットグループ一覧へのリンクを作成

ユーザーページのチャットからチャットグループ一覧ページへのリンクを作る。

$rails routes

https://gyazo.com/0b1dea5a33975709270a8040ec2fca8d

↓

app/views/users/user_page.html.erb

(修正前)

<div class="user-page__left-link__chat">

　<%= link_to "チャット", users_user_page_path %>

</div>

↓

(修正後)

<div class="user-page__left-link__chat">

　<%= link_to "チャット", chat_groups_path %>

</div>

↓

$rails s

↓

http://localhost:3000/users/user_page

↓

チャットをクリック

チャットグループ一覧ページへの遷移できた。

⑥チャットグループ一覧のビューの作成(仮)

https://gyazo.com/16fb5d173a0d4cb0e9d90085339758f3

ビュー

⑦作成したグループがない場合、『グループに参加していません』を表示

app/controllers/chat_groups_controller.rb

@chat_group_joining

ここでchat_group_to_usersテーブルからログインしているユーザーのidが存在するかを探している。

↓

app/views/chat_groups/index.html.erb

https://gyazo.com/09387b386694e14c038c116384faa1d8

↓

$rails s

↓

http://localhost:3000/chat_groups

今回はチャットグループ一覧ページへ遷移できるようにした。

前は調べながら作成していたが、調べずに作成できるようになってきた。

次回やりたいこと

・グループを作成できるようにする

・チャットグループ一覧からチャット新規作成ページへ遷移できるようにする

以上です。