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で参照できます。 |