星評価機能
このページでは投稿の星評価機能をシンプルに実装します。
１．integer型のstarカラム追加
２．for文で番号の数だけ☆を表示
３．CSSで簡単にデザインを実装
投稿用のテーブルはtweetsテーブルを例に挙げています。
１．integer型のstarカラム追加
cmd
$ rails g migration AddStarToTweets star:integer
$ rails db:migrate
２．for文で番号の数だけ★を表示
views/tweets/index.html.erb
<% @tweets.each do |t| %>
...
<div class="star">
<% for i in 1..t.star do %>
<%= ☆ %>
<% end %>
</div>
<% end %>
</div>
３．CSSで簡単にデザインを実装
一例として以下のように実装できます。
自分に好みにしていきましょう。
.star{
font-size: 30px;
color: yellow;
}
↧