Ruby on Rails 教育関連情報

h1. 演習2解答例

h2. 作業手順

<pre>

ruby 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)

    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://www.ey-office.com/trac/rails/browser/tags/todo_q2 で参照できます。