Agile Web Development with Rails第十章笔记——任务E：更智能的购物车

本章内容：

• 修改数据库模式与现有数据
• 诊断和处理错误
• 闪存
• 日志

迭代E1：创建更智能的购物车

问题提出：保存与显示购物车中同一产品的数量

解决方案：修改line_items表，添加描述数量的字段

1、使用迁移修改数据库模式

rails generate migration add_quantity_to_line_items quantity:integer

修改刚刚生成的迁移文件，将描述产品数量的字段默认值设为1

class AddQuantityToLineItems < ActiveRecord::Migration  def self.up    add_column :line_items, :quantity, :integer, :default => 1  end  def self.down    remove_column :line_items, :quantity  endend

将迁移应用到数据库：

rake db:migrate

2、修改Cart模型层文件

添加add_product方法判断购物车中是否已经存在该商品。

若存在——增加数量

不存在——生成新的LineItem

class Cart < ActiveRecord::Base  has_many :line_items, :dependent => :destroy  def add_product(product_id)    current_item = line_items.find_by_product_id(product_id)    if current_item      current_item.quantity += 1    else      current_item = line_items.build(:product_id => product_id)    end    current_item  endend

3、修改在线商品控制器，使用第二步定义的add_product方法

  def create    @cart = current_cart    product = Product.find(params[:product_id])    @line_item = @cart.add_product(product.id)    respond_to do |format|      if @line_item.save        format.html { redirect_to(@line_item.cart,          :notice => 'Line item was successfully created.') }        format.xml  { render :xml => @line_item,          :status => :created, :location => @line_item }      else        format.html { render :action => "new" }        format.xml  { render :xml => @line_item.errors,          :status => :unprocessable_entity }      end    end  end

修改视图文件，显示信息。

<h2>Your Pragmatic Cart</h2><ul>      <% @cart.line_items.each do |item| %>    <li><%= item.quantity %> × <%= item.product.title %></li>  <% end %></ul>

此时的显示结果如下所示：

这时，每行分别显示数量和书籍名称字段，只是数量字段均为默认值1，并没有实际显示购物车中该商品数量。

4、应用数据迁移修改数据表中购物车的存储信息（删除重复商品→数量*创建单一条目）

创建迁移rails generate migration combine_items_in_cart

修改生成的迁移文件，整合购物车中的商品显示条目

实现思路：

                                                              

  def self.up    # replace multiple items for a single product in a cart with a single item    Cart.all.each do |cart|      # count the number of each product in the cart      sums = cart.line_items.group(:product_id).sum(:quantity)      sums.each do |product_id, quantity|        if quantity > 1          # remove individual items          cart.line_items.where(:product_id=>product_id).delete_all          # replace with a single item          cart.line_items.create(:product_id=>product_id, :quantity=>quantity)        end      end    end  end

迁移应用

rake db:migrate
这里在迁移的时候产生了一个错误

错误信息很熟悉，跟第九章同样的错误。于是修改模型文件，将quantity和product_id属性放入其中。

此时可以看到购物车中的重复条目被成功整合。

5、对应于4中的self.up，完成self.down方法

根据迁移的重要原则：每一步都要是可逆的，改写self.down方法

  def self.down    # split items with quantity>1 into multiple items    LineItem.where("quantity>1").each do |line_item|      # add individual items      line_item.quantity.times do         LineItem.create :cart_id=>line_item.cart_id,          :product_id=>line_item.product_id, :quantity=>1      end      # remove original item      line_item.destroy    end  endend

完成之后通过命令回滚迁移rake db:rollback

迭代E2：错误处理

上一步完成的程序不够健壮友好，用户通过在地址栏输入无效信息可以看到如下的报错页面。

出错代码为@cart=Cart.find(params[:id])，未找到id号为44的购物车，因此报出异常。

针对该异常，我们下面采取了两个动作。

a、用rails日志功能记录相关错误

b、将页面重定向到目录页，并给出相关提示

对购物车控制器做出修改如下：

def show    begin      @cart = Cart.find(params[:id])    rescue ActiveRecord::RecordNotFound      logger.error "Attempt to access invalid cart #{params[:id]}"      redirect_to store_url, :notice => 'Invalid cart'    else      respond_to do |format|        format.html # show.html.erb        format.xml  { render :xml => @cart }      end    end  end

修改之后进行测试，手动输入无效购物车id之后，页面自动跳转，并在页面上给出提示：

错误日志中记录的相关信息如下：

迭代E3：对购物车的最后加工

实现目标：清空购物车

实现思路：

a、页面添加相关链接

b、修改Cart控制器中的destory方法

1、添加相关按钮

<h2>Your Pragmatic Cart</h2><ul>      <% @cart.line_items.each do |item| %>    <li><%= item.quantity %> × <%= item.product.title %></li>  <% end %></ul><%= button_to 'Empty cart', @cart, :method => :delete,    :confirm => 'Are you sure?' %>

2、修改destroy方法

获取用户当前购物车——删除购物车数据——从会话中删除购物车——重定向到索引页面

  def destroy    @cart = current_cart    @cart.destroy    session[:cart_id] = nil    respond_to do |format|      format.html { redirect_to(store_url,        :notice => 'Your cart is currently empty') }      format.xml  { head :ok }    end  endend

现在点击Empty Cart按钮，网页自动回到带有提示信息的目录页面

3、修改界面布局，展示商品价格

欲将购物车展示页面修改为：

用CSS制作购物车展示页面的样式

<div class="cart_title">Your Cart</div><table>  <% @cart.line_items.each do |item| %>    <tr>      <td><%= item.quantity %>×</td>      <td><%= item.product.title %></td>      <td class="item_price"><%= number_to_currency(item.total_price) %></td>    </tr>  <% end %>  <tr class="total_line">    <td colspan="2">Total</td>    <td class="total_cell"><%= number_to_currency(@cart.total_price) %></td>  </tr></table><%= button_to 'Empty cart', @cart, :method => :delete,    :confirm => 'Are you sure?' %>

为了显示各个在线商品条目价格和购物车中商品总价格，页面代码中调用了item.total_price和@cart.total_price方法。下面分别在line_item和cart模型方法中添加这两种方法。

item.total_price

  def total_price    product.price * quantity  end

cart.total_price

  def total_price    line_items.to_a.sum { |item| item.total_price }  end

然后在depot.css样式表中添加欲修改的样式

#store .cart_title {  font: 120% bold;}#store .item_price, #store .total_line {  text-align: right;}#store .total_line .total_cell {  font-weight: bold;  border-top: 1px solid #595;}

章节复习回顾：

1、在现有的数据表中添加带有默认值的字段

添加字段：rails generate migration add_字段名_to_表名 字段名:字段类型

指定默认值：修改迁移文件

2、为检测的错误提供闪存通知

使用方法：:notice=>'XXX'