18、投票功能的实现与测试

投票功能的实现与测试

1. 投票表单的创建

在实现投票功能时，我们可以使用 form_for 来创建投票表单。以下是示例代码：

<div id="vote_form">
  <%= form_for [ @story, Vote.new ], remote: true do |f| %>
    <%= f.submit 'Vote for it' %>
  <% end %>
</div>

form_for 是 form_tag 的一个更专业的变体。当我们传递一个包含父故事和新投票对象的数组给它时，能得到与之前类似的结果，而且代码更简洁。

2. 引入局部模板

局部模板（Partials）是以 .html.erb 结尾的模板，可独立于页面其他部分显示特定内容。它对于处理页面中经常复用的部分（如导航菜单）或处理集合中的项目（如列表）很有帮助。
我们将使用局部模板为故事页面实现一个投票历史框，该框将显示每个投票的提交日期和时间。

2.1 添加投票历史

首先，修改 app/views/stories/show.html.erb 模板，在故事链接所在段落容器上方添加以下代码来渲染投票的无序列表：

<ul id="vote_histo