Rails – 掲示板 – 投稿記事表示

概要

これまでのトップページは、仮にユーザーの一覧を表示していた。新規投稿機能が実装されたので、投稿記事を表示するようトップページを変更する。

  • 新しい記事から順に表示
  • 投稿ユーザー名を表示
  • メッセージと画像は存在する場合に表示
  • プレースホルダーとして”like it”、”設定”、”記事削除”のアイコンメニューを記事ごとに表示
  • 設定と削除については、他ユーザーの記事の場合はリンクが機能しないようにしてグレーアウト

pages#topアクション

topアクションにルーティングされると、すべての投稿記事をデータベースからインスタンス変数@postに読み込む(all)。読み込む順序は降順、すなわち新しい順(order("id desc"))。

app/controllers/pages.controller.rb

post_image_urlヘルパー

topビューで投稿画像を表示するのにpost_image_urlヘルパーを使っている。このヘルパーはPostに関して使うので、PostsHelperモジュールに書いている。

画像ファイルのパスについては画像ファイルの配置とパス指定を参照

app/helpers/posts_helper.rb

ヘルパー関数を含むモジュールをApplicationControllerでインクルードする。

app/controllers/application_controller.rb

topビュー

メニューアイコンにはCDNのFont Awesomeを利用している。サインイン中のユーザーが操作可能なメニュー以外を抑止するため、link_toに動的にクラスを設定している。

app/views/pages/top.html.erb

スタイル

リストの横並び画像のフィッティング・センタリングlink_toの動的なスタイル設定などを参照。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です