戻る

Rails5.0


民泊サイトの構築 Rails5.0

  (0)
2,000円

タスク4-9   ホームページ

このタスクについて


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




ホームページを更新します。


app\controllers\pages_controller.rb
 
class PagesController < ApplicationController 
  def home 
      @rooms = Room.where(active: true).limit(3) 
  end 
  
  def search 
  end  
end 



app\views\pages\home.html.erb
 
<br/> 
<br/> 
<%= form_for root_path, method: :get do %> 
  <div class="row"> 
    <div class="col-md-6"> 
      <%= text_field_tag :search, params[:search], placeholder: "どちらのお部屋をおさがしですか?", class: "form-control" %> 
    </div> 
    <div class="col-md-3"> 
      <%= text_field_tag :start_date, params[:start_date], placeholder: "チェックイン", readonly: true, class: "form-control datepicker" %> 
    </div> 
    <div class="col-md-3"> 
      <%= text_field_tag :end_date, params[:end_date], placeholder: "チェックアウト", readonly: true, class: "form-control datepicker" %> 
    </div> 
  </div> 
  <br/><br/> 
  <div class="row"> 
    <div class="col-md-offset-4 col-md-4"> 
      <%= submit_tag "検索", class: "btn btn-normal btn-block" %> 
    </div> 
  </div> 
<% end %> 
<br/><hr/><br/> 
<!-- ホーム --> 
<div><h3>お部屋</h3></div> 
<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> 
<script> 
  $('#start_date').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    minDate: 0, 
    maxDate: '3m', 
    onSelect: function(selected) { 
      $('#end_date').datepicker("option", "minDate", selected); 
      $('#end_date').attr("disabled", false); 
    } 
  }); 
  $('#end_date').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    minDate: 0, 
    maxDate: '3m', 
    onSelect: function(selected) { 
      $('#start_date').datepicker("option", "maxDate", selected); 
    } 
  }); 
</script> 





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

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

民泊サイトの構築 Rails5.0

2,000円

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

タスク数: 136