14、购物车与订单处理的技术实现与优化

购物车与订单处理的技术实现与优化

1. 购物车的优化与Ajax支持

在购物车功能的开发中，我们进行了一系列的优化，以提升用户体验并增强功能的完整性。

1.1 标记最近更改的商品

在 _line_item.html.erb 部分，我们检查正在渲染的商品是否是刚刚更改的商品。如果是，我们为其 <tr> 元素添加 id="current_item" 标记：

<% if line_item == @current_item %>
<tr id="current_item">
<% else %>
<tr>
<% end %>
<td><%= line_item.quantity %>&times;</td>
<td><%= line_item.product.title %></td>
<td class="item_price"><%= number_to_currency(line_item.total_price) %></td>
</tr>

然后，在 create.js.rjs 模板中，我们调用 visual_effect 方法为该商品添加高亮效果：