在上次的内容里,我们编写了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.itemsif @items.empty?redirect_to_index("Your cart is currently empty")endif params[:context] == :checkoutrender(:layout=> false)endend
然后修改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了,现在来看看效果,如图:
穷则思变,差则思勤!没有比人更高的山没有比脚更长的路。