ScaffoldPlusAnswerTwo » 履歴 » バージョン 6
Yuumi Yoshida, 2008-01-13 14:16
| 1 | 1 | Yuumi Yoshida | = 演習2解答例 = |
|---|---|---|---|
| 2 | |||
| 3 | 4 | Yuumi Yoshida | == 作業手順 == |
| 4 | {{{ |
||
| 5 | 5 | Yuumi Yoshida | ruby script/generate migration AddMemoToTodo memo:text |
| 6 | 4 | Yuumi Yoshida | rake db:migrate |
| 7 | }}} |
||
| 8 | |||
| 9 | 1 | Yuumi Yoshida | == 変更点 == |
| 10 | |||
| 11 | 3 | Yuumi Yoshida | === 1. helpers/todos_helper.rb === |
| 12 | 改行を<br/>タグに変換する new_lineメッソドを追加 |
||
| 13 | {{{ |
||
| 14 | #!ruby |
||
| 15 | def new_line(s) |
||
| 16 | s.gsub(/\n/, "<br />") |
||
| 17 | end |
||
| 18 | }}} |
||
| 19 | 1 | Yuumi Yoshida | |
| 20 | 3 | Yuumi Yoshida | === 2. app/views/todos/show.html.erb === |
| 21 | |||
| 22 | 1 | Yuumi Yoshida | memoカラム表示用の |
| 23 | {{{ |
||
| 24 | <p> |
||
| 25 | <b>Memo:</b><br/> |
||
| 26 | <%25=new_line(h(@todo.memo)) %25> |
||
| 27 | </p> |
||
| 28 | }}} |
||
| 29 | のコードを追加、全体では以下のようになります。 |
||
| 30 | {{{ |
||
| 31 | <p> |
||
| 32 | <b>Due:</b> |
||
| 33 | <%25=h @todo.due %25> |
||
| 34 | </p> |
||
| 35 | |||
| 36 | <p> |
||
| 37 | <b>Task:</b> |
||
| 38 | <%25=h @todo.task %25> |
||
| 39 | </p> |
||
| 40 | |||
| 41 | <p> |
||
| 42 | <b>Memo:</b><br/> |
||
| 43 | <%25=new_line(h(@todo.memo)) %25> |
||
| 44 | </p> |
||
| 45 | |||
| 46 | |||
| 47 | <%25= link_to 'Edit', edit_todo_path(@todo) %25> | |
||
| 48 | 2 | Yuumi Yoshida | <%25= link_to 'Back', todos_path %25> |
| 49 | 1 | Yuumi Yoshida | }}} |
| 50 | 2 | Yuumi Yoshida | |
| 51 | 3 | Yuumi Yoshida | === 3. app/views/todos/edit.html.erb === |
| 52 | 2 | Yuumi Yoshida | |
| 53 | memoカラム入力用の |
||
| 54 | {{{ |
||
| 55 | <p> |
||
| 56 | <b>Memo</b><br /> |
||
| 57 | <%25= f.text_area :memo %25> |
||
| 58 | </p> |
||
| 59 | }}} |
||
| 60 | のコードを追加、全体では以下のようになります。 |
||
| 61 | {{{ |
||
| 62 | <h1>Editing todo</h1> |
||
| 63 | |||
| 64 | <%25= error_messages_for :todo %25> |
||
| 65 | |||
| 66 | <%25 form_for(@todo) do |f| %25> |
||
| 67 | <p> |
||
| 68 | <b>Due</b><br /> |
||
| 69 | <%25= f.date_select :due %25> |
||
| 70 | </p> |
||
| 71 | |||
| 72 | <p> |
||
| 73 | <b>Task</b><br /> |
||
| 74 | <%25= f.text_field :task %25> |
||
| 75 | </p> |
||
| 76 | |||
| 77 | <p> |
||
| 78 | <b>Memo</b><br /> |
||
| 79 | <%25= f.text_area :memo %25> |
||
| 80 | </p> |
||
| 81 | |||
| 82 | <p> |
||
| 83 | <%25= f.submit "Update" %25> |
||
| 84 | </p> |
||
| 85 | <%25 end %25> |
||
| 86 | |||
| 87 | <%25= link_to 'Show', @todo %25> | |
||
| 88 | 1 | Yuumi Yoshida | <%25= link_to 'Back', todos_path %25> |
| 89 | 2 | Yuumi Yoshida | }}} |
| 90 | |||
| 91 | 3 | Yuumi Yoshida | === 4. app/views/todos/new.html.erb === |
| 92 | 2 | Yuumi Yoshida | |
| 93 | memoカラム入力用の |
||
| 94 | {{{ |
||
| 95 | <p> |
||
| 96 | <b>Memo</b><br /> |
||
| 97 | <%25= f.text_area :memo %25> |
||
| 98 | </p> |
||
| 99 | }}} |
||
| 100 | のコードを追加、全体では以下のようになります。 |
||
| 101 | {{{ |
||
| 102 | <h1>New todo</h1> |
||
| 103 | |||
| 104 | <%25= error_messages_for :todo %25> |
||
| 105 | |||
| 106 | <%25 form_for(@todo) do |f| %25> |
||
| 107 | <p> |
||
| 108 | <b>Due</b><br /> |
||
| 109 | <%25= f.date_select :due %25> |
||
| 110 | </p> |
||
| 111 | |||
| 112 | <p> |
||
| 113 | <b>Task</b><br /> |
||
| 114 | <%25= f.text_field :task %25> |
||
| 115 | </p> |
||
| 116 | |||
| 117 | <p> |
||
| 118 | <b>Memo</b><br /> |
||
| 119 | <%25= f.text_area :memo %25> |
||
| 120 | </p> |
||
| 121 | |||
| 122 | <p> |
||
| 123 | <%25= f.submit "Create" %25> |
||
| 124 | </p> |
||
| 125 | <%25 end %25> |
||
| 126 | |||
| 127 | <%25= link_to 'Back', todos_path %25> |
||
| 128 | 1 | Yuumi Yoshida | }}} |
| 129 | |||
| 130 | |||
| 131 | == ソースコード == |
||
| 132 | |||
| 133 | 解答例のソースコードは http://www.ey-office.com/trac/rails/browser/tags/todo_q2で参照できます。 |