戻る

Rails5.0


民泊サイトの構築 Rails5.0

  (0)
2,000円

タスク2-4   氏名認証

このタスクについて


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




コマンド (ユーザテーブルに氏名fullnameフィールド追加)
rails g migration AddFullnameToUser fullname:string


コマンド マイグレーションの適用
rails db:migrate


HeidiSQLでテーブル確認


fullnameフィールドの確認



app\models\user.rb 記述追加(バリデーション)7行目
validates :fullname, presence: true, length: {maximum: 50}


app\models\user.rb
 
class User < ApplicationRecord 
  # Include default devise modules. Others available are: 
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable 
  devise :database_authenticatable, :registerable, 
         :recoverable, :rememberable, :validatable 
  #長さ50文字以下 入力必須 
  validates :fullname, presence: true, length: {maximum: 50}         
end 



「app\controllers\application_controller.rb」ファイルを編集します。


app\controllers\application_controller.rb 記述追加(ストロングパラメータ)4行目
 
  #devise_controllerが読み込まれたら 
  before_action :configure_permitted_parameters, if: :devise_controller? 

  protected 
  #フィールドの更新を許可 
  def configure_permitted_parameters 
    devise_parameter_sanitizer.permit(:sign_up, keys: [:fullname]) 
    devise_parameter_sanitizer.permit(:account_update, keys: [:fullname]) 
  end 


app\controllers\application_controller.rb
 
class ApplicationController < ActionController::Base 

  protect_from_forgery with: :exception 

  #devise_controllerが読み込まれたら 
  before_action :configure_permitted_parameters, if: :devise_controller? 

  protected 
  #フィールドの更新を許可 
  def configure_permitted_parameters 
    devise_parameter_sanitizer.permit(:sign_up, keys: [:fullname]) 
    devise_parameter_sanitizer.permit(:account_update, keys: [:fullname]) 
  end 
end 



「app\views\devise\sessions\new.html.erb」ファイルを以下のように編集します。


更新 app\views\devise\sessions\new.html.erb
 
<div class="row"> 
  <div class="col-md-4 col-md-offset-4"> 
      <h2 class="text-center">ログインしてください</h2> 
      <br/> 
      <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %> 
        <div class="form-group"> 
          <%= f.email_field :email, autofocus: true, placeholder: "メールアドレス", class: "form-control" %> 
        </div> 
        <div class="form-group"> 
          <%= f.password_field :password, autocomplete: "off", placeholder: "パスワード", class: "form-control" %> 
        </div> 
        <div> 
          <% if devise_mapping.rememberable? %> 
              <%= f.check_box :remember_me %> ログイン状態を保持する 
          <% end %> 
        <br/> 
        <br/> 
          <span class="pull-right"> 
            <%= link_to "パスワードをお忘れの方はこちら", new_user_password_path %> 
          </span> 
        </div> 
        <div class="actions"> 
          <%= f.submit "ログイン", class: "btn btn-normal btn-block" %> 
        </div> 
      <% end %> 
  </div> 
</div> 
<div class="row"> 
  <div class="col-md-4 col-md-offset-4"> 
    <br/> 
    <br/> 
    <p>ユーザ登録がお済みでない方は、先に<%= link_to "ユーザ登録", new_user_registration_path %>を行ってください。</p> 
    <p>本登録が終わるとログインできるようになります。</p> 
  </div> 
</div> 



ブラウザ確認
http://localhost:3000/users/sign_in


確認するには「http://localhost:3000/pages/home」でログアウトしておく必要があります。


ログインページ



更新
app\views\devise\registrations\new.html.erb
 
<div class="row"> 
  <div class="col-md-4 col-md-offset-4"> 
    <h2 class="text-center">新規ユーザ登録</h2> 
    <br/> 
    <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> 
      <div class="form-group"> 
        <%= f.text_field :fullname, autofocus: true, placeholder: "氏名", class: "form-control" %> 
      </div> 
      <div class="form-group"> 
        <%= f.email_field :email, autofocus: true, placeholder: "メールアドレス", class: "form-control" %> 
      </div> 
      <div class="form-group"> 
        <%= f.password_field :password, autocomplete: "off", placeholder: "パスワード", class: "form-control" %> 
      </div> 
      <div class="actions"> 
        <%= f.submit "登録", class: "btn btn-normal btn-block" %> 
      </div> 
    <% end %> 
  </div> 
</div> 


サインアップページ




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

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

民泊サイトの構築 Rails5.0

2,000円

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

タスク数: 136