プロジェクト

全般

プロフィール

履歴

ScaffoldPlusAnswerTwo » 履歴 » リビジョン 11

リビジョン 10 (Yuumi Yoshida, 2008-01-13 17:34) → リビジョン 11/20 (Yuumi Yoshida, 2008-07-13 03:20) 


 h1. 演習2解答例 



 



 h2. 作業手順 

 

 <pre> 
 ruby script/generate migration AddMemoToTodo [[AddMemoToTodo]] memo:text 
 rake db:migrate 
 </pre> 


 


 h2. 変更点 



 



 h3. 1. app/helpers/todos_helper.rb 

 

 改行を<br/>タグに変換する new_lineメッソドを追加 
 <pre><code class="color"> <pre> 
 module TodosHelper #!html 
 ##( 
   def <pre class="wiki">module [[TodosHelper]] 

   <font color="red">def new_line(s) 
     s.gsub(/\n/, "<br>") "&lt;br&gt;") 
   end</font> 

 end 
 )## </pre> 
 end 
 </code></pre> 



 </pre> 


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


 


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

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

 ##(<p> <font color="red">&lt;p&gt; 
   <b>Memo:</b><br/> &lt;b&gt;Memo:&lt;/b&gt;&lt;br/&gt; 
   <%25=new_line(h(@todo.memo)) %25> &lt;%25=new_line(h(@todo.memo)) %25&gt; 
 </p>)## &lt;/p&gt;</font> 

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

 </code></pre> 


 %25&gt; 
 </pre> 
 </pre> 


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


 


 memoカラム入力用のコードを追加 
 <pre><code class="color"> <pre> 
 <h1>Editing todo</h1> #!html 
 <pre class="wiki">&lt;h1&gt;Editing todo&lt;/h1&gt; 

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

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

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

   ##(<p> <font color="red">&lt;p&gt; 
     <b>Memo</b><br /> &lt;b&gt;Memo&lt;/b&gt;&lt;br /&gt; 
     <%25= &lt;%25= f.text_area :memo %25> %25&gt; 
   </p>)## &lt;/p&gt;</font> 

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

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

 </code></pre> 


 %25&gt; 
 </pre> 
 </pre> 


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


 


 memoカラム入力用のコードを追加 
 <pre><code class="color"> <pre> 
 <h1>New todo</h1> #!html 
 <pre class="wiki">&lt;h1&gt;New todo&lt;/h1&gt; 

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

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

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

   ##(<p> <font color="red">&lt;p&gt; 
     <b>Memo</b><br /> &lt;b&gt;Memo&lt;/b&gt;&lt;br /&gt; 
     <%25= &lt;%25= f.text_area :memo %25> %25&gt; 
   </p>)## &lt;/p&gt;</font> 

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

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



 %25&gt;                                                                                           
 </pre> 
 </pre> 



 h2. ソースコード  


   


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