Rails3入门之八重构

最新推荐文章于 2025-11-05 15:40:42 发布

翻译最新推荐文章于 2025-11-05 15:40:42 发布 · 901 阅读

文章标签：

#rails #class #div #path #工作

Rails3 入门专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何在Rails应用中使用Partials来简化视图代码，通过创建专门的Comment和Form Partials，实现代码复用并提高可读性和维护性。

现在我们的博客和评论都可以工作了，但是我们打开app/views/posts/show.html.erb

会发现，这个代码太长了显得不好看。我们可以用partials来简化它。

8.1 处理partials集合

现在我们可以新建一个partials来显示post的所有评论。新建app/views/comments/_comment.html.erb

文件。里面输入下面内容。

<p>
  <b>Commenter:</b>
  <%= comment.commenter %>
</p>
 
<p>
  <b>Comment:</b>
  <%= comment.body %>
</p>

这样的话，app/views/posts/show.html.erb可以改成下面这样。

<p class="notice"><%= notice %></p>
 
<p>
  <b>Name:</b>
  <%= @post.name %>
</p>
 
<p>
  <b>Title:</b>
  <%= @post.title %>
</p>
 
<p>
  <b>Content:</b>
  <%= @post.content %>
</p>
 
<h2>Comments</h2>
<%= render @post.comments %>
 
<h2>Add a comment:</h2>
<%= form_for([@post, @post.comments.build]) do |f| %>
  <div class="field">
    <%= f.label :commenter %><br />
    <%= f.text_field :commenter %>
  </div>
  <div class="field">
    <%= f.label :body %><br />
    <%= f.text_area :body %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>
 
<br />
 
<%= link_to 'Edit Post', edit_post_path(@post) %> |
<%= link_to 'Back to Posts', posts_path %> |

在上面的代码，你可以看到@post.comments的每个comment将会调用上面新建的

partials. 这是因为render方法自动循环，并且生成comment本地变量，以便partials可以

使用，来显示评论。

8.2 处理partials form

让我们也把新建评论的部分作为一个新的partial。新建app/views/comments/_form.html.erb

文件。内容如下

<%= form_for([@post, @post.comments.build]) do |f| %>
  <div class="field">
    <%= f.label :commenter %><br />
    <%= f.text_field :commenter %>
  </div>
  <div class="field">
    <%= f.label :body %><br />
    <%= f.text_area :body %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

然后你修改app/views/posts/show.html.erb如下。

<p class="notice"><%= notice %></p>
 
<p>
  <b>Name:</b>
  <%= @post.name %>
</p>
 
<p>
  <b>Title:</b>
  <%= @post.title %>
</p>
 
<p>
  <b>Content:</b>
  <%= @post.content %>
</p>
 
<h2>Comments</h2>
<%= render @post.comments %>
 
<h2>Add a comment:</h2>
<%= render "comments/form" %>
 
<br />
 
<%= link_to 'Edit Post', edit_post_path(@post) %> |
<%= link_to 'Back to Posts', posts_path %> |

第二个render就定义了我们想调用的partial(comments/form)。

rails是足够聪明的，它能够自动加上下划线在form前面，知道你想要

调用我们新建的app/views/comments目录下的partial页面。

@post可以在任何partial页面中被访问，因为他是一个实例变量。