14、构建基于Ajax的购物车应用及优化实践

构建基于Ajax的购物车应用及优化实践

1. 解决购物车显示问题

在显示商品索引时， @cart 可能为 nil ，这是因为它仅在商店控制器中被设置。我们可以通过网页底部的控制台来验证这一点。为了解决这个问题，我们需要避免在 @cart 未设置时显示购物车。以下是修改后的代码：

<nav class="side_nav">
  <% if @cart %>
    <div id="cart" class="carts">
      <%= render @cart %>
    </div>
  <% end %>
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/questions">Questions</a></li>
    <li><a href="/news">News</a></li>
    <li><a href="/contact">Contact</a></li>
  </ul>
</nav>

修改后，测试再次通过。这提醒我们，应用某部分的更改可能会影响其他部分的功能，因此保持测试的更新对于应用维护至关重要。

2