戻る

Rails5.0


民泊サイトの構築 Rails5.0

  (0)
2,000円

タスク4-6   プロフィールページ修正

このタスクについて


タスクの内容を一部抜粋します。
プロジェクトを購入していただくとこのタスクの内容の全てを読みやすい表示で見ることができます。
プログラムコードが色分けされて見やすくなります。
プログラムコードに行番号が付きます。
本文が色分けされて見やすくなります。
そしてこのアプリケーションのフルコードをダウンロードすることが可能になります。




記述追加
app\controllers\users_controller.rb
「show()」メソッドに「@rooms = @user.rooms」の記述を追加してます。(4行目)
 class UsersController < ApplicationController 
    def show 
      @user = User.find(params[:id]) 
      @rooms = @user.rooms 
    end 
end 



「app\views\users\show.html.erb」ファイルを編集します。


1.28行目の記述を以下のように更新します。
「<%= @rooms.length %>」の記述を追加しています。
<h4><%= @user.fullname %>さんが登録しているお部屋(<%= @rooms.length %>)</h4><br/>



2.記述追加 app\views\users\show.html.erb(30行目)
 
    <div class="row"> 
      <% @rooms.each do |room| %> 
          <div class="col-md-4"> 
            <div class="panel panel-default"> 
              <div class="panel-heading preview"> 
                <%= image_tag room.cover_photo(:medium) %> 
              </div> 
              <div class="panel-body"> 
                <%= link_to room.listing_name, room %> 
              </div> 
            </div> 
          </div> 
      <% end %> 
    </div> 



app\views\users\show.html.erb
 
<div class="row"> 
  <div class="col-md-3"> 
    <div class="center"> 
      <%= image_tag @user.gravatar_url, class: "avatar-full" %> 
    </div> 
    <div class="panel panel-default"> 
      <div class="panel-heading" style="text-align: center;"><%= @user.fullname %></div> 
      <br/> 
      <div class="center"> 
        <%= @user.description %> 
       </div> 
       <hr/> 
      <div class="panel-body"> 
        <ul class="sidebar-list"> 
          <% if @user.confirmation_token %> 
            <li>Emailアドレス<span class="pull-right icon-babu"><i class="fa fa-check-circle-o"></i></span></li> 
          <% end %> 
          <li>電話番号<span class="pull-right icon-babu"><i class="fa fa-check-circle-o"></i></span></li> 
        </ul> 
      </div> 
    </div> 
  </div> 
  <div class="col-md-9"> 
 
    <br/> 
    <h4><%= @user.fullname %>さんが登録しているお部屋(<%= @rooms.length %>)</h4><br/> 
    <div class="row"> 
      <% @rooms.each do |room| %> 
          <div class="col-md-4"> 
            <div class="panel panel-default"> 
              <div class="panel-heading preview"> 
                <%= image_tag room.cover_photo(:medium) %> 
              </div> 
              <div class="panel-body"> 
                <%= link_to room.listing_name, room %> 
              </div> 
            </div> 
          </div> 
      <% end %> 
    </div> 
    <br/> 
  </div> 
</div> 




この続きはプロジェクトを購入していただくことで見ることができます。
プロジェクトを購入していただくとこのタスクの内容の全てを読みやすい表示で見ることができます。
プログラムコードが色分けされて見やすくなります。
プログラムコードに行番号が付きます。
本文が色分けされて見やすくなります。
そしてプロジェクトを購入するとこのアプリケーションのフルコードをダウンロードすることができます。

まだレビューはありません。

民泊サイトの構築 Rails5.0

2,000円

民泊サイトを構築します。
ホストは部屋を登録し、ゲストは宿泊予約できます。
ゲストはクレジットカードで支払いをし、ホストには料金の80%が自動で口座に振り込まれます。
Googleマップによる表示、AJAX検索、日付カレンダーによる予約、フルカレンダーによる部屋管理ができます。
リアルタイムメッセージにより連絡がとれます。
予約確認メールの送信も可能。
写真のアップロード機能、アマゾンS3の利用方法も解説。
レビュー機能の実装、電話番号認証の実装方法解説。
HEROKUへのデプロイ方法を解説。
フルコードのダウンロード可能。

タスク数: 136