プロジェクト

全般

プロフィール

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