10、电商应用开发：从错误处理到 Ajax 优化

电商应用开发：从错误处理到 Ajax 优化

1. 错误处理迭代（ITERATION C3）

在开发过程中，我们遇到了输入无效产品代码时的错误处理问题。为了解决这个问题，我们在代码中添加了错误提示功能。

首先，在视图文件中添加了错误提示的 HTML 代码：

<div id="main">
  <% if flash[:notice] -%>
    <div id="notice"><%= flash[:notice] %></div>
  <% end -%>
  <%= @content_for_layout %>
</div>

同时，为错误提示框添加了新的 CSS 样式：

#notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
}

当手动输入无效产品代码时，错误信息会显示在目录页面的顶部。经过测试，我们向客户展示了错误处理的成果，客户非常满意。不过，客户发现新的购物车显示中缺少清空购物车的功能，这将是我们下一个迭代的任务。

2. 完成购物车功能迭代（ITERATION C4）

2.1 实现清空购物车功能

为了实现清