Rails를 통한 작업 관리 애플리케이션 생성3

10323 단어 RubyRails

미션 관리 앱 같이 만들자(계속)


1. 오프닝


1. 전제, 사전 작업


  • 이쪽 투고.의 컨텐츠 사전 구축
  • 예제포인트 설치의 베껴쓰기

  • #11 프로젝트 세부내용 표시부터 실시
  • 2. 프로젝트 세부내용 표시

  • 프로젝트를 클릭하면 상세 비행

  • 3. index View 편집(변환 대상 정의)


  • 편집/home/vagrant/taskApp/app/views/projectsindex.html.erb
  • ERB(before)
    <h1>Projects</h1>
    
    <ul>
      <% @projects.each do |project| %>
      <li> <%= project.title %> </li>
      <% end %>
    </ul>
    
    
  • link_to 지원 사용
  • project.id 전달 project
  • project, id에 대한 정의는 어디에 있습니까전직, 참조
  • ERB(after)
    <h1>Projects</h1>
    
    <ul>
      <% @projects.each do |project| %>
      <li> <%= link_to project.title, project_path(project.id) %> </li>
      <% end %>
    </ul>
    
    
  • 링크
  • 4. Action의 제작


  • 보기전직, 필요show
  • Controller/home/vagrant/taskApp/app/controllers를 가지고 노는 projects_controller.rb
  • ruby(before)
    class ProjectsController < ApplicationController
    
    
      # indexアクションを追加
      def index
        # @をつけた変数はviewでそのまま使用可能
        # Projectの全データを引っ張ってくる
        @projects = Project.all
      end
    
    
    end
    
    ruby(after)
    class ProjectsController < ApplicationController
    
    
      # indexアクションを追加
      def index
        # @をつけた変数はviewでそのまま使用可能
        # Projectの全データを引っ張ってくる
        @projects = Project.all
      end
    
      # showアクションを追加
      def show
        @project = Project.find(params[:id])
      end
    
    end
    

    5. Show View 추가


  • 복제/home/vagrant/taskApp/app/views/projectsindex.html.erb 및 생성show.html.erb
  • ERB
    <h1><%= @project.title %></h1>
    
  • 홈의'프로젝트 1'링크를 클릭한 후 ↑
  • 로 이동

    6. 새 프로젝트 제작 양식


  • 생성projects/new
  • 참조
  • 전직
  • POST에서 projects/new에서 제작한 내용을 수신하고 projects/create에 데이터를 저장
  • /home/vagrant/taskApp/app/views/projectsindex.html.erb에서 폼 만들기
  • ERB
    <h1>Projects</h1>
    
    <ul>
      <% @projects.each do |project| %>
      <li> <%= link_to project.title, project_path(project.id) %> </li>
      <% end %>
    </ul>
    
    <p><%= link_to "Add New", new_project_path %></p>
    
  • 현재 링크 만들기
  • Controller/home/vagrant/taskApp/app/controllers 편집projects_controller.rb
  • ruby
    class ProjectsController < ApplicationController
    
    
      # indexアクションを追加
      def index
        # @をつけた変数はviewでそのまま使用可能
        # Projectの全データを引っ張ってくる
        @projects = Project.all
      end
    
      # showアクションを追加
      def show
        @project = Project.find(params[:id])
      end
    
      # newアクションを追加
      def new
        @project = Project.new
      end
    
    
    end
    
  • View/home/vagrant/taskApp/app/views/projects 생성new.html.erb
  • ERB
    <h1>Add New</h1>
    
    <!-- フォーム -->
    <%= form_for @project do |f| %>
    
    <p>
      <!-- ラベル -->
      <%= f.label :title %> <br>
      <!-- フィールド -->
      <%= f.text_field :title %> <br>
    </p>
    
    <p>
      <!-- サブミット -->
      <%= f.submit %> <br>
    </p>
    
    <% end %>
    
  • 등록표 화면 만들기
  • 다음 우체통
  • 좋은 웹페이지 즐겨찾기