商品一覧表示機能の実装

CSSが出来ている前提で、商品一覧表示機能を実装した。

一覧表示にするには、each do | 変数|を利用し、

<% @items each do |item|%>を<li>要素の上に設定した。

<ul>要素にはCSSでdisplay:flex;と記述あり。

商品が横並びになった。

新しい商品順に表示したいため、items controllerで

def  index

@items = Item.includes(:user).order(created_at: 'DESC')

end

と記述。

商品の画像投稿には image_tag item.image を利用。

費用負担には item.cost_burden[:name] とハッシュからバリューを取得した。

出品商品がない場合は、<% if @items.exists? %>を記述し、<% else %>の場合にダミーが表示されるようにした。 if じゃなくて unless を利用した方がよかったかもしれない。