戻る

Rails6.0


民泊サイトの構築 Rails6.0

  (0)
3,000円

タスク4-5   予約確認

このタスクについて


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




宿泊者(ゲスト)の予約確認ページを作成します。


記述追加 app\controllers\reservations_controller.rb(26行目)
   def your_trips 
    @trips = current_user.reservations.order(start_date: :asc) 
  end 



app\controllers\reservations_controller.rb
 
class ReservationsController < ApplicationController 

    before_action :authenticate_user! 
  
    def create 
      room = Room.find(params[:room_id]) 
  
      if current_user == room.user 
        flash[:alert] = "オーナーが予約することはできません。" 
      else 
  
          start_date = Date.parse(reservation_params[:start_date]) 
          end_date = Date.parse(reservation_params[:end_date]) 
          days = (end_date - start_date).to_i + 1 
  
          @reservation = current_user.reservations.build(reservation_params) 
          @reservation.room = room 
          @reservation.price = room.price 
          @reservation.total = room.price * days 
          @reservation.save 
  
          flash[:notice] = "予約が完了しました。" 
        end 
        redirect_to room 
    end 

    def your_trips 
      @trips = current_user.reservations.order(start_date: :asc) 
    end 
  
    private 
      def reservation_params 
        params.require(:reservation).permit(:start_date, :end_date) 
      end 
  end 
  



記述追加 config\routes.rb
「get '/your_trips' => 'reservations#your_trips'」の記述追加(14行目)
 
Rails.application.routes.draw do 

  # ルートを app\views\pages\home.html.erb に設定 
  root 'pages#home' 

  devise_for :users, 
              path: '', 
              path_names: {sign_up: 'register', sign_in: 'login', edit: 'profile', sign_out: 'logout'}, 
              controllers: {registrations: 'registrations'} 

  get 'pages/home' 
  get '/dashboard', to: 'users#dashboard' 
  get '/users/:id', to: 'users#show' 
  get '/your_trips' => 'reservations#your_trips' 
  
  post '/users/edit', to: 'users#update' 

  resources :rooms, except: [:edit] do 
    member do 
      get 'listing' 
      get 'pricing' 
      get 'description' 
      get 'photo_upload' 
      get 'amenities' 
      get 'location' 
      get 'preload' 
      get 'preview' 
      delete :delete_photo 
      post :upload_photo 
    end 
    resources :reservations, only: [:create] 
  end 

  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html 
end 



「app\views\reservations」フォルダに「your_trips.html.erb」ファイルを新規作成します。


app\views\reservations\your_trips.html.erb(新規作成したファイル)
 
<section class="section"> 
    <div class="container"> 
        <p class="title">ご予約内容</p> 
        <br/> 
        <table class="table is-fullwidth" style="text-align: center;"> 
            <thead> 
                <tr> 
                    <th>申し込み日</th> 
                    <th>ステータス</th> 
                    <th>お部屋</th> 
                    <th>ホスト</th> 
                    <th></th> 
                    <th>料金</th> 
                    <th>アクション</th> 
                </tr> 
            </thead> 
            <tbody> 
                <% if @trips.blank? %> 
                  <tr> 
                      <td colspan="7" class="has-text-centered"><h1>表示できるご予約はありません。</h1></td> 
                  </tr> 
                <% end %> 
                <% @trips.each do |trip| %> 
                    <tr> 
                        <td style="padding-top: 30px;"><%= I18n.l(trip.created_at, format: :full_date) %></td> 
                        <!-- ステータス --> 
                        <td style="padding-top: 30px;"> 
                        </td> 
                        <td> 
                            <%= link_to room_path(trip.room), data: { turbolinks: false} do %>                                
                                <%= image_tag room_cover(trip.room), class: "image is-64x64" %> 
                                <%= trip.room.listing_name %> 
                            <% end %> 
                        </td> 
                        <td style="padding-top: 30px;"> 
                            <%= link_to user_path(trip.room.user), class: "tootip" do %> 
                                <figure class="image is-48x48"> 
                                    <%= image_tag avatar_url(trip.room.user), class: "is-rounded" %> 
                                </figure> 
                                <%= trip.room.user.full_name %> 
                            <% end %> 
                        </td> 
                        <td style="padding-top: 30px;"> 
                            宿泊日:<%= I18n.l(trip.start_date, format: :full_date) %><br/> 
                            ご出発:<%= I18n.l(trip.end_date, format: :full_date) %> 
                        </td> 
                        <td style="padding-top: 30px;"><%= number_to_currency(trip.total) %></td> 
                        <!-- アクション --> 
                        <td style="padding-top: 30px;"> 
                        </td> 
                    </tr> 
                <% end %> 
            </tbody> 
        </table> 
    </div> 
</section> 



ブラウザ確認
宿泊者の予約確認ページです。
http://localhost:3000/your_trips



宿泊者予約確認ページ




お部屋登録者(ホスト)の予約確認ページを作成します。


記述追加 app\controllers\reservations_controller.rb(30行目)
   def your_reservations 
    @rooms = current_user.rooms 
  end 



app\controllers\reservations_controller.rb
 
class ReservationsController < ApplicationController 

    before_action :authenticate_user! 
  
    def create 
      room = Room.find(params[:room_id]) 
  
      if current_user == room.user 
        flash[:alert] = "オーナーが予約することはできません。" 
      else 
  
          start_date = Date.parse(reservation_params[:start_date]) 
          end_date = Date.parse(reservation_params[:end_date]) 
          days = (end_date - start_date).to_i + 1 
  
          @reservation = current_user.reservations.build(reservation_params) 
          @reservation.room = room 
          @reservation.price = room.price 
          @reservation.total = room.price * days 
          @reservation.save 
  
          flash[:notice] = "予約が完了しました。" 
        end 
        redirect_to room 
    end 

    def your_trips 
      @trips = current_user.reservations.order(start_date: :asc) 
    end 

    def your_reservations 
      @rooms = current_user.rooms 
    end 

    private 
      def reservation_params 
        params.require(:reservation).permit(:start_date, :end_date) 
      end 
  end 
  
  



記述追加 config\routes.rb
15行目に「get '/your_reservations' => 'reservations#your_reservations'」の記述を追加
 
Rails.application.routes.draw do 

  # ルートを app\views\pages\home.html.erb に設定 
  root 'pages#home' 

  devise_for :users, 
              path: '', 
              path_names: {sign_up: 'register', sign_in: 'login', edit: 'profile', sign_out: 'logout'}, 
              controllers: {registrations: 'registrations'} 

  get 'pages/home' 
  get '/dashboard', to: 'users#dashboard' 
  get '/users/:id', to: 'users#show', as: 'user' 
  get '/your_trips' => 'reservations#your_trips' 
  get '/your_reservations' => 'reservations#your_reservations' 
  
  post '/users/edit', to: 'users#update' 

  resources :rooms, except: [:edit] do 
    member do 
      get 'listing' 
      get 'pricing' 
      get 'description' 
      get 'photo_upload' 
      get 'amenities' 
      get 'location' 
      get 'preload' 
      get 'preview' 
      delete :delete_photo 
      post :upload_photo 
    end 
    resources :reservations, only: [:create] 
  end 

  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html 
end 



「app\views\reservations」フォルダに「your_reservations.html.erb」ファイルを新規作成します。


app\views\reservations\your_reservations.html.erb(新規作成したファイル)
 
<section class="section"> 
    <div class="container"> 
        <p class="title">受注予約の一覧</p> 
        <br/> 
        <table class="table is-fullwidth" style="text-align: center;"> 
            <thead> 
                <tr> 
                    <th>申し込み日</th> 
                    <th>ステータス</th> 
                    <th>お部屋</th> 
                    <th>ゲスト</th> 
                    <th></th> 
                    <th>料金</th> 
                    <th>アクション</th> 
                </tr> 
            </thead> 
            <tbody> 
                <% if @rooms.blank? %> 
                  <tr> 
                      <td colspan="7" class="has-text-centered"><h1>表示できる受注予約はありません。</h1></td> 
                  </tr> 
                <% end %> 
                <% @rooms.each do |room| %> 
                    <% room.reservations.each do |reservation| %> 
                        <tr> 
                            <td style="padding-top: 30px;"><%= I18n.l(reservation.created_at, format: :full_date) %></td> 
                            <!-- ステータス --> 
                            <td style="padding-top: 30px;"> 
                            </td> 
                            <td> 
                                <%= link_to room_path(reservation.room), data: { turbolinks: false} do %>                                
                                    <%= image_tag room_cover(reservation.room), class: "image is-64x64" %> 
                                    <%= reservation.room.listing_name %> 
                                <% end %> 
                            </td> 
                            <td style="padding-top: 30px;"> 
                                <%= link_to user_path(reservation.user), class: "tootip" do %> 
                                    <figure class="image is-48x48"> 
                                        <%= image_tag avatar_url(reservation.user), class: "is-rounded" %> 
                                    </figure> 
                                    <%= reservation.user.full_name %> 
                                <% end %> 
                            </td> 
                            <td style="padding-top: 30px;"> 
                                宿泊日:<%= I18n.l(reservation.start_date, format: :full_date) %><br/> 
                                ご出発:<%= I18n.l(reservation.end_date, format: :full_date) %> 
                            </td> 
                            <td style="padding-top: 30px;"><%= number_to_currency(reservation.total) %></td> 
                            <!-- アクション --> 
                            <td style="padding-top: 30px;"> 
                                
                            </td> 
                        </tr> 
                        
                    <% end %> 
                <% end %> 
            </tbody> 
      
        </table> 
    </div> 
</section> 



ブラウザ確認
お部屋登録者(ホスト)用の予約確認ページです。
http://localhost:3000/your_reservations



ホスト用予約確認ページ






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

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

民泊サイトの構築 Rails6.0

3,000円

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

タスク数: 128