Ruby on Rails 教育関連情報

ScaffoldPlusAnswerTwo » 履歴 » リビジョン 8

リビジョン 7 (Yuumi Yoshida, 2008-01-13 15:44) → リビジョン 8/20 (Yuumi Yoshida, 2008-01-13 15:47)

= 演習2解答例 = 

 == 作業手順 == 
 {{{ 
 ruby script/generate migration AddMemoToTodo memo:text 
 rake db:migrate 
 }}} 

 == 変更点 == 

 === 1. helpers/todos_helper.rb === 
 改行を<br/>タグに変換する new_lineメッソドを追加 
 {{{ 
 #!html 
 <pre class="wiki">module TodosHelper 

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

 end 
 </pre> 
 }}} 

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

 memoカラム表示用のコードを追加 
 {{{ 
 #!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;Memo:&lt;/b&gt;&lt;br/&gt; 
   &lt;%25=new_line(h(@todo.memo)) %25&gt; 
 &lt;/p&gt;</font> 

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

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

 memoカラム入力用のコードを追加 memoカラム入力用の 
 {{{ 
   <p> 
     <b>Memo</b><br /> 
     <%25= f.text_area :memo %25> 
   </p> 
 #!html }}} 
 <pre class="wiki">&lt;h1&gt;Editing todo&lt;/h1&gt; のコードを追加、全体では以下のようになります。 
 {{{ 
 <h1>Editing todo</h1> 

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

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

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

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

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

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

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

 memoカラム入力用のコードを追加 memoカラム入力用の 
 {{{ 
   <p> 
     <b>Memo</b><br /> 
     <%25= f.text_area :memo %25> 
   </p> 
 #!html }}} 
 <pre class="wiki">&lt;h1&gt;New todo&lt;/h1&gt; のコードを追加、全体では以下のようになります。 
 {{{ 
 <h1>New todo</h1> 

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

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

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

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

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

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


 == ソースコード    == 

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