在上次的内容里，我们编写了CHECKOUT的处理。这次我们将显示购物车和订单放在一个页面上表示，这样用户在下订单的时候就可以很方便地看到自己的购物情况。

1.         修改checkout.rhtml文件，只要添加一句代码：

<%= error_messages_for("order") %>

<%= render_component(:action => "display_cart") %> ――这句 

<%= stylesheet_link_tag "scaffold", "depot", :media => "all" %>

在display_cart页面上点击“checkout”链接，可以看到checkout页面已经发生了改变，如图：

         
2.         但是我们看到，在页面的右上方，Checkout链接还显示着，我们当然要把它去掉。回到上面添加的那句代码：

<%= render_component(:action => "display_cart") %>

render_component实际上是把整个display_cart页面全部显示了，现在我们来添加参数，让它能区分是在display_cart页面还是在checkout页面。

在checkout页面上，把上面添加的代码改为：

<%= render_component(:action => "display_cart",:params => { :context => :checkout }) %>

可以看到我们添加了一个context参数。

下面要修改store_controller.rb文件，修改display_cart方法为：

def display_cart

@cart = find_cart

@items = @cart.items

if @items.empty?

redirect_to_index("Your cart is currently empty")

end

if params[:context] == :checkout

render(:layout=> false)

end

end

然后修改display_cart.rhtml页面，对context参数为checkout的情况做出判断，然后作对应的显示：

将原来的代码：

<ul>

    <li><%= link_to 'Continue shopping', :action => "index" %></li>

    <li><%= link_to 'Empty cart', :action => "empty_cart" %></li>

    <li><%= link_to 'Checkout', :action => "checkout" %></li>

</ul>

修改为：

<ul>

    <li><%= link_to 'Continue shopping', :action => "index" %></li>

    <% unless params[:context] == :checkout -%>

            <li><%= link_to 'Empty cart', :action => "empty_cart" %></li>

            <li><%= link_to 'Checkout', :action => "checkout" %></li>

    <% end -%>

</ul>

OK了，现在来看看效果，如图：