Ruby on Rails 教育関連情報

ScaffoldPlusAnswerThree » 履歴 » リビジョン 8

リビジョン 7 (Yuumi Yoshida, 2008-01-13 18:00) → リビジョン 8/17 (Yuumi Yoshida, 2008-07-13 17:40)

 h1. 演習3解答例 



 



 h2. 作業手順 

 

 <pre> 
 ruby script/generate model user name:string user_id:integer 
 ruby script/generate migration AddUserIdToTodo [[AddUserIdToTodo]] user_id:integer 
 rake db:migrate 
 ruby script/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.find(:all)         # users の確認 
   Todo.find(:all)        # todos の確認 
   quit 
 </pre> 


 


 h2. 変更点 



 



 h3. 1.    app/models/user.rb 

 

 Todoとの一対多の関連を記述 
 <pre><code class="color"> <pre> 
 class #!html 
 <pre class="wiki">class User < ActiveRecord::Base &lt; [[ActiveRecord]]::Base 
   ##(has_many :todos)## <font color="red">has_many :todos</font> 
 end 
 </code></pre> 


 </pre> 
 </pre> 


 h3. 2.    app/models/todo.rb 

 

 Userとの多対一の関連(従属)を記述 
 <pre><code class="color"> <pre> 
 class #!html 
 <pre class="wiki">class Todo < ActiveRecord::Base &lt; [[ActiveRecord]]::Base 
   ##(belongs_to :user)## <font color="red">belongs_to :user</font> 
 end 
 </code></pre> 


 </pre> 
 </pre> 


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

 

 user.nameカラム表示用のコードを追加 
 <pre><code class="color"> <pre> 
 <h1>Listing todos</h1> #!html 
 <pre class="wiki">&lt;h1&gt;Listing todos&lt;/h1&gt; 

 <table> &lt;table&gt; 
   <tr> &lt;tr&gt; 
     <th>Due</th> &lt;th&gt;Due&lt;/th&gt; 
     ##(<th>Name</th>)## <font color="red">&lt;th&gt;Name&lt;/th&gt;</font> 
     <th>Task</th> &lt;th&gt;Task&lt;/th&gt; 
   </tr> &lt;/tr&gt; 

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

 <br /> &lt;br /&gt; 

 <%25= &lt;%25= link_to 'New todo', new_todo_path %25> %25&gt; 
 </code></pre> 


 </pre> 
 </pre> 


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

 

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

 &lt;p&gt; 
   &lt;b&gt;Task:&lt;/b&gt; 
   &lt;%25=h @todo.task %25&gt; 
 &lt;/p&gt; 

 <font color="red">&lt;p&gt; 
   &lt;b&gt;Name:&lt;/b&gt; 
   &lt;%25=h @todo.user.name %25&gt; 
 &lt;/p&gt;</font> 

 &lt;p&gt; 
   &lt;b&gt;Memo:&lt;/b&gt;&lt;br/&gt; 
   &lt;%25=new_line(h(@todo.memo)) %25&gt; 
 &lt;/p&gt; 


 &lt;%25= link_to 'Edit', edit_todo_path(@todo) %25&gt; | 
 &lt;%25= link_to 'Back', todos_path %25&gt; 
 </pre> 
 </pre> 


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

 

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



 #!html 
 <pre class="wiki">&lt;h1&gt;Editing todo&lt;/h1&gt; 

 &lt;%25= error_messages_for :todo %25&gt; 

 &lt;%25 form_for(@todo) do |f| %25&gt; 
   &lt;p&gt; 
     &lt;b&gt;Due&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.date_select :due %25&gt; 
   &lt;/p&gt; 

   &lt;p&gt; 
     &lt;b&gt;Task&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.text_field :task %25&gt; 
   &lt;/p&gt; 

   <font color="red">&lt;p&gt; 
     &lt;b&gt;Name&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.select :user_id, User.find(:all).collect {|u| [ u.name, u.id ] } %25&gt; 
   &lt;/p&gt;</font> 

   &lt;p&gt; 
     &lt;b&gt;Memo&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.text_area :memo %25&gt; 
   &lt;/p&gt; 

   &lt;p&gt; 
     &lt;%25= f.submit "Update" %25&gt; 
   &lt;/p&gt; 
 &lt;%25 end %25&gt; 

 &lt;%25= link_to 'Show', @todo %25&gt; | 
 &lt;%25= link_to 'Back', todos_path %25&gt; 
 </pre> 
 </pre> 


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

 

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


 #!html 
 <pre class="wiki">&lt;h1&gt;New todo&lt;/h1&gt; 

 &lt;%25= error_messages_for :todo %25&gt; 

 &lt;%25 form_for(@todo) do |f| %25&gt; 
   &lt;p&gt; 
     &lt;b&gt;Due&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.date_select :due %25&gt; 
   &lt;/p&gt; 

   &lt;p&gt; 
     &lt;b&gt;Task&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.text_field :task %25&gt; 
   &lt;/p&gt; 

   <font color="red">&lt;p&gt; 
     &lt;b&gt;Name&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.select :user_id, User.find(:all).collect {|u| [ u.name, u.id ] } %25&gt; 
   &lt;/p&gt;</font> 

    &lt;p&gt; 
     &lt;b&gt;Memo&lt;/b&gt;&lt;br /&gt; 
     &lt;%25= f.text_area :memo %25&gt; 
   &lt;/p&gt; 

  &lt;p&gt; 
     &lt;%25= f.submit "Create" %25&gt; 
   &lt;/p&gt; 
 &lt;%25 end %25&gt; 

 &lt;%25= link_to 'Back', todos_path %25&gt; 
 </pre> 
 </pre> 


 h2. ソースコード  


   


  解答例のソースコードは http://www.ey-office.com/trac/rails/browser/tags/todo_q3で参照できます。