戻る

Rails6.0


お仕事売買サイトの構築 Rails6.0

  (0)
3,000円

タスク2-8   ダッシュボード

このタスクについて


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




ユーザコントローラーを作成します。


コマンド
rails g controller Users dashboard


作成したユーザコントローラの内容を更新します。


記述更新 app\controllers\users_controller.rb
 class UsersController < ApplicationController 

  before_action :authenticate_user! 

  def dashboard 
  end 

  def update 
    @user = current_user 
    if @user.update_attributes(current_user_params) 
      flash[:notice] = "保存しました" 
    else 
      flash[:alert] = "更新できません" 
    end 
    redirect_to dashboard_path 
  end 

  private 
  def current_user_params 
    params.require(:user).permit(:from, :about, :status, :language) 
  end 
end 



ルートの設定をします。


記述追加 config\routes.rb(12行目)
  get '/dashboard', to: 'users#dashboard' 
  post '/users/edit', to: 'users#update' 



自動で3行目に追加された記述「get 'users/dashboard'」は削除します。


config\routes.rb
 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: {omniauth_callbacks: 'omniauth_callbacks', registrations: 'registrations'} 

  get 'pages/home' 
  get '/dashboard', to: 'users#dashboard' 

  post '/users/edit', to: 'users#update' 
  
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html 
end 



「app\controllers\application_controller.rb」ファイルに以下の記述を追加します。


記述追加 app\controllers\application_controller.rb(12行目)
     def after_sign_in_path_for(resource) 
        dashboard_path 
    end 



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

    before_action :configure_permitted_parameters, if: :devise_controller? 

    protected 
    def configure_permitted_parameters 
        devise_parameter_sanitizer.permit(:sign_up, keys: [:full_name]) 
        devise_parameter_sanitizer.permit(:account_update, keys: [:full_name]) 
    end 

    def after_sign_in_path_for(resource) 
        dashboard_path 
    end    
    
end 



ナビゲーションバーを更新します。


1.記述追加 app\views\shared\_navbar.html.erb(48行目)
<%= link_to 'ダッシュボード', dashboard_path, class: "navbar-item" %>



2.記述追加 app\views\shared\_navbar.html.erb(60行目)
 
<% if (user_signed_in?) %> 
    <nav class="navbar has-shadow" style="z-index: 5;"> 
        <div class="container"> 
            <div class="navbar"> 
                <%= link_to 'ダッシュボード', dashboard_path, class: "navbar-item" %> 
                <div class="navbar-item has-dropdown is-hoverable"> 
                    <a class="navbar-link">お仕事を売る人</a> 
                    <div class="navbar-dropdown"> 
                        <a class="navbar-item"></a> 
                        <a class="navbar-item"></a> 
                    </div> 
                </div> 
                <div class="navbar-item has-dropdown is-hoverable"> 
                    <a class="navbar-link">お仕事を買う人</a> 
                    <div class="navbar-dropdown"> 
                        <a class="navbar-item"></a> 
                        <a class="navbar-item"></a> 
                    </div> 
                </div> 
            </div> 
        </div> 
    </nav> 
<% end %> 




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

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

お仕事売買サイトの構築 Rails6.0

3,000円

フリーランスの方がお仕事を登録し、仕事を探している人が探して買うことができます。
お仕事を探している人がリクエストを出してお仕事をしてくれる人を募集する事もできます。
お仕事が売れると売上の80%が自動で指定口座に振り込まれます。
お仕事の購入はクレジットカードで決済します。
質問があればメッセージを送ることができ、リアルタイムで会話表示することができます。
検索機能、写真のアップロード、レビュー機能の実装、Facebook認証、アマゾンS3の利用方法も解説。
HEROKUへのデプロイ方法を解説。
フルコードのダウンロード可能。

タスク数: 146