戻る

Rails5.0


動画学習サイトの構築 Rails5.0

  (0)
1,000円

タスク3-3   プロジェクトとタスクモデル

このタスクについて


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




プロジェクトとタスクのモデルを作成していきます。


コマンド(2つ)
rails g model Project name:string content:text price:bigint


rails g model Task title:string note:text video:string header:boolean tag:string project:references


「db\migrate\20200714234928_create_tasks.rb」ファイルに記述を追加します。


記述追加 db\migrate\20200714234928_create_tasks.rb(7行目)
t.boolean :header, null: false, default: false



db\migrate\20200714234928_create_tasks.rb
 
class CreateTasks < ActiveRecord::Migration[5.0] 
  def change 
    create_table :tasks do |t| 
      t.string :title 
      t.text :note 
      t.string :video 
      t.boolean :header, null: false, default: false 
      t.string :tag 
      t.references :project, foreign_key: true 
      t.timestamps 
    end 
  end 
end 



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


ActiveAdminに関連付けをします。


コマンド(3つ)
rails g active_admin:resource User


rails g active_admin:resource Project


rails g active_admin:resource Task


記述更新 app\admin\projects.rb
 ActiveAdmin.register Project do 
  permit_params :name, :content, :price, :image 
end 



記述更新 app\admin\tasks.rb
 ActiveAdmin.register Task do 
  permit_params :title, :note, :video, :header, :tag, :project_id 
end 



記述追加 app\models\project.rb
 class Project < ApplicationRecord 

    has_many :tasks 

    validates :name, presence: true, length: { maximum: 50 } 
    validates :content, presence: true, length: { maximum: 500 } 
    validates :price, presence: true, numericality: { only_integer: true } 
end 



記述追加 app\models\task.rb
 class Task < ApplicationRecord 

  belongs_to :project 

  validates :title, presence: true, length: { maximum: 50 } 
  validates :video, presence: true 
  validates :tag, presence: true 
  validates :project, presence: true 
end 



ブラウザ確認
http://localhost:3000/admin/dashboard


プロジェクトを作成します。


Projectsに移動




「Projectを作成する」をクリックします。


Projectを作成




項目を入力して「作成」します。


項目を入力して作成




次にこのプロジェクトに付随するタスクを作成します。


Task作成




作成したプロジェクトを選び、まずは「header」にチェックを入れてタスクのヘッダーを作成します。


ヘッダーの作成







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

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

動画学習サイトの構築 Rails5.0

1,000円

動画で学べるサイトを構築するプロジェクトです。プロジェクトを登録し、そのプロジェクトに動画を登録できます。プロジェクトはクレジットカードで購入でき、購入後すぐに動画を見ることができます。写真のアップロード、レビュー機能の実装、Google認証、アマゾンS3の利用方法も解説。ActiveAdminの実装、Gメールの設定、 HEROKUへのデプロイ方法を解説。 フルコードのダウンロード可能。

タスク数: 100