Ruby on Rails 教育関連情報

ScaffoldPlusAnswerThree » 履歴 » リビジョン 14

リビジョン 13 (Yuumi Yoshida, 2011-08-07 10:54) → リビジョン 14/17 (Yuumi Yoshida, 2011-08-07 11:39)

h1. 演習3解答例 



 h2. 作業手順 

 <pre> 
 rails generate model user name:string user_id:integer 
 rails generate migration AddUserIdToTodo user_id:integer 
 rake db:migrate 
 rails console        # usersデータの作成,todos.user_id更新 
   User.new(:id=>1, :name=>'山田') 
   u.save 
   u = User.new(:id=>2, :name=>'川田') 
   u.save 
   Todo.update_all("user_id=1") 
   User.all        # users の確認 
   Todo.all        # todos の確認 
   quit 
 </pre> 


 h2. 変更点 



 h3. 1.    app/models/user.rb 

 Todoとの一対多の関連を記述 
 <pre><code class="color"> 
 class User < ActiveRecord::Base 
   ##(has_many :todos)## 
 end 
 </code></pre> 


 h3. 2.    app/models/todo.rb 

 Userとの多対一の関連(従属)を記述 
 <pre><code class="color"> 
 class Todo < ActiveRecord::Base 
   ##(belongs_to :user)## 
 end 
 </code></pre> 


 h3. 3. app/views/todos/index.html.erb 

 user.nameカラム表示用のコードを追加 
 <pre><code class="color"> 
 <h1>Listing todos</h1> 

 <table> 
   <tr> 
     <th>Due</th> 
     ##(<th>Name</th>)## 
     <th>Task</th> 
   </tr> 

 <%25 for todo in @todos %25> 
   <tr> 
     <td><%25= <td><%25=h todo.due %25></td> 
     ##(<td><%25= ##(<td><%25=h todo.user.name %25></td>)## 
     <td><%25= <td><%25=h todo.task %25></td> 
     <td><%25= link_to 'Show', todo %25></td> 
     <td><%25= link_to 'Edit', edit_todo_path(todo) %25></td> 
     <td><%25= link_to 'Destroy', todo, :confirm => 'Are you sure?', :method => :delete %25></td> 
   </tr> 
 <%25 end %25> 
 </table> 

 <br /> 

 <%25= link_to 'New todo', new_todo_path %25> 
 </code></pre> 


 h3. 4. app/views/todos/show.html.erb 

 user.nameカラム表示用のコードを追加 
 <pre><code class="color"> 
 <p> 
   <b>Due:</b> 
   <%25= <%25=h @todo.due %25> 
 </p> 

 <p> 
   <b>Task:</b> 
   <%25= <%25=h @todo.task %25> 
 </p> 

 ##(<p> 
   <b>Name:</b> 
   <%25= <%25=h @todo.user.name %25> 
 </p>)## 

 <p> 
   <b>Memo:</b><br/> 
   <%25= new_line(@todo.memo) <%25=new_line(h(@todo.memo)) %25> 
 </p> 


 <%25= link_to 'Edit', edit_todo_path(@todo) %25> | 
 <%25= link_to 'Back', todos_path %25> 
 </code></pre> 


 h3. 5. app/views/todos/_form.html.erb app/views/todos/edit.html.erb 

 user.name入力表示用のコードを追加 
 <pre><code class="color"> 
 <h1>Editing todo</h1> 

 <%25= error_messages_for :todo %25> 

 <%25 form_for(@todo) do |f| %25> 
   <%25 if @todo.errors.any? %25> <p> 
     <div id="error_explanation"> 
       <h2><%25= pluralize(@todo.errors.count, "error") <b>Due</b><br /> 
     <%25= f.date_select :due %25> prohibited this todo from being saved:</h2> 

       <ul> 
       <%25 @todo.errors.full_messages.each do |msg| %25> 
         <li><%25= msg %25></li> 
       <%25 end %25> 
       </ul> 
     </div> 
   <%25 end %25> </p> 

   <div class="field"> <p> 
     <%25= f.label :due %25><br <b>Task</b><br /> 
     <%25= f.date_select :due f.text_field :task %25> 
   </div> 
   ##(<div class="field"> </p> 

   ##(<p> 
     <%25= f.label :user_id %25><br <b>Name</b><br /> 
     <%25= f.select :user_id, User.all.collect User.all.map {|u| [ u.name, u.id ] } %25> 
   </div>)## </p>)## 

   <p> 
     <b>Memo</b><br /> 
     <%25= f.text_area :memo %25> 
   <div class="field"> </p> 

   <p> 
     <%25= f.label :task %25><br f.submit "Update" %25> 
   </p> 
 <%25 end %25> 

 <%25= link_to 'Show', @todo %25> | 
 <%25= link_to 'Back', todos_path %25> 
 </code></pre> 



 h3. 6. app/views/todos/new.html.erb 

 user.name入力表示用のコードを追加 
 <pre><code class="color"> 
 <h1>New todo</h1> 

 <%25= error_messages_for :todo %25> 

 <%25 form_for(@todo) do |f| %25> 
   <p> 
     <b>Due</b><br /> 
     <%25= f.date_select :due %25> 
   </p> 

   <p> 
     <b>Task</b><br /> 
     <%25= f.text_field :task %25> 
   </div> </p> 

   ##(<p> 
     <b>Name</b><br /> 
     <%25= f.select :user_id, User.all.map {|u| [ u.name, u.id ] } %25> 
   <div class="field"> </p>)## 

    <p> 
     <%25= f.label :memo %25><br <b>Memo</b><br /> 
     <%25= f.text_area :memo %25> 
   </div> 
   <div class="actions"> </p> 

  <p> 
     <%25= f.submit "Create" %25> 
   </div> </p> 
 <%25 end %25> 

 <%25= link_to 'Back', todos_path %25> 
 </code></pre>