Ruby on Rails 教育関連情報

ScaffoldPlusAnswerTwo » 履歴 » リビジョン 14

リビジョン 13 (Yuumi Yoshida, 2008-12-10 00:54) → リビジョン 14/20 (Yuumi Yoshida, 2011-08-07 10:50)

h1. 演習2解答例 



 h2. 作業手順 

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


 h2. 変更点 



 h3. 1. app/helpers/todos_helper.rb 

 改行を<br/>タグに変換する new_lineメッソドを追加 
 <pre><code class="color"> 
 module TodosHelper 
 ##( 
   def new_line(s) 
     raw(html_escape(s).gsub(/\n/, "<br>")) s.gsub(/\n/, "<br>") 
   end 
 )## 
 end 
 </code></pre> 



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


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

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

 ##(<p> 
   <b>Memo:</b><br/> 
   <%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. 3. app/views/todos/edit.html.erb 


 memoカラム入力用のコードを追加 
 <pre><code class="color"> 
 <h1>Editing 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> 
   </p> 

   ##(<p> 
     <b>Memo</b><br /> 
     <%25= f.text_area :memo %25> 
   </p>)## 

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

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

 </code></pre> 


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


 memoカラム入力用のコードを追加 
 <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> 
   </p> 

   ##(<p> 
     <b>Memo</b><br /> 
     <%25= f.text_area :memo %25> 
   </p>)## 

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

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



 h2. ソースコード  


  解答例のソースコードは http://ey-office.net/redmine/repositories/browse/rails/tags/todo_q2 で参照できます。