Ruby on rails开发从头来（windows）（八）-使用Session创建购物车

来源：互联网发布：淘宝宝贝详情制作教程编辑：程序博客网时间：2024/04/29 18:05

在前面的内容里，我们演示了怎样构建一个商品的列表，这次，我们在前面内容的基础上，构建一个简单的购物车。

　　1.　　　　首先我们要来创建一个保存客户购物信息的表：

　　数据库脚本：

drop table if exists line_items; create table line_items ( id int not null auto_increment, product_id int not null, quantity int not null default 0, unit_price decimal(10,2) not null, constraint fk_items_product foreign key (product_id) references products(id), primary key (id) );

　　之后在PhpMyAdmin中创建表，然后使用Rails命令行创建line_item表对应的类：

　　depot> ruby script/generate model LineItem

　　（创建的详细步骤可以参考前面的几篇随笔）

　　2.　　　给LineItem和Product创建主从关系：

　　打开rails_appsdepotappmodels目录下的line_item.rb文件，修改文件内容为：

class LineItem < ActiveRecord::Base belongs_to :product end

　　可以看到belongs_to :product这句给LineItem和Product创建了主从关系。

　　3.　　　现在，我们可以添加ruby代码了。

　　首先是rails_appsdepotappcontrollers目录下的store_controller.rb文件，给其中添加方法：

private def find_cart session[:cart] ||= Cart.new end

　　实际上，在上篇随笔中，在rails_appsdepotappviewsstore目录下的index.rhtml文件中，我们可以看到这样的代码：

<%= link_to 'Add to Cart', {:action => 'add_to_cart', :id => product }, :class => 'addtocart' %>

　这句代码的就是给Add to Cart链接指定它的Action，相应的，我们要在store_controller.rb中添加add_to_cart方法

def add_to_cart product = Product.find(params[:id]) @cart = find_cart @cart.add_product(product) redirect_to(:action => 'display_cart') end

　　上面的代码中，首先调用了Product的find方法，然后是store_controller的find_cart方法，接下来调用Cart的add_product方法，然后在重定向页面，Action是display_cart。

　　好了，下面我们来编写这些方法中要用到的代码。

　　l　　　　创建Cart类，我们在app/models目录下，创建cart.rb文件，代码如下：

class Cart attr_reader :items attr_reader :total_price def initialize @items = [] @total_price = 0.0 end def add_product(product) << @items << LineItem.for_product(product) @total_price += product.price end end

　　l　　　　给LineItem添加一个方法for_product，代码如下：

class LineItem < ActiveRecord::Base belongs_to :product def self.for_product(product) self.new item = self.new item.quantity = 1 item.product = product item.unit_price = product.price item end end

　　l　　　　在store_controller.rb文件中添加方法display_cart,代码：

def display_cart @cart = find_cart @items = @cart.items end

　　l　　　　我们再来创建一个显示Cart的页面。

　在rails_appsdepotappviewsstore目录下，新建，一个display_cart.rhtml文件，修改内容：

<h1>Display Cart</h1> <p> Your cart contains <%= @items.size %> items. </p>

　　l　　　　这时候，如果我们点击Add to Cart链接的话，会出现一个error页面，这是因为我们还没有定义session。这一步我们需要修改rails_appsdepotappcontrollers目录下的application.rb文件，使其内容为：

# Filters added to this controller apply to all controllers in the application. # Likewise, all the methods added will be available for all controllers. class ApplicationController < ActionController::Base 　# Pick a unique cookie name to distinguish our session data from others' 　#session:session_key => '_depot_session_id' model :cart model :line_item end

　　l　　　　到此，再点击点击Add to Cart链接，应该会出现一个正常的页面了。

　　4.　　　现在，虽然我们已经有了一个可以运行的页面，但是你会发现，如果你多次添加同一件商品，在display_cart页面上会一条一条显示。我们来完善一下这些代码，修改add_product方法：

def add_product(product) item = @items.find {|i| i.product_id == product.id} if item item.quantity += 1 else item = LineItem.for_product(product) @items << item end @total_price += product.price end

　　最后再美化下display_cart页面：

<html> 　　<head> 　　　　<%= stylesheet_link_tag "scaffold", "depot", "admin", :media => "all" %> 　　</head> 　　<div id="cartmenu"> 　　　　　　<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> 　　</div> 　　<table cellpadding="10" cellspacing="0"> 　　　　　　<tr class="carttitle"> 　　　　　　　　　　<td rowspan="2">Qty</td> 　　　　　　　　　　<td rowspan="2">Description</td> 　　　　　　　　　　<td colspan="2">Price</td> 　　　　　　</tr> 　　　　　　<tr class="carttitle"> 　　　　　　　　　　<td>Each</td> 　　　　　　　　　　<td>Total</td> 　　　　　　</tr> 　　　　　　<% 　　　　　　for item in @items 　　　　　　　　　　product = item.product 　　　　　　-%> 　　　　　　　　　　<tr> 　　　　　　　　　　　　　　<td><%= item.quantity %></td> 　　　　　　　　　　　　　　<td><%= h(product.title) %></td> 　　　　　　　　　　　　　　<td align="right"><%= item.unit_price %></td> 　　　　　　　　　　　　　　<td align="right"><%= item.unit_price * item.quantity %></td> 　　　　　　　　　　</tr> 　　　　　　<% end %> 　　　　　　<tr> 　　　　　　　　　　<td colspan="3" align="right"><strong>Total:</strong></td> 　　　　　　　　　　<td id="totalcell"><%= @cart.total_price %></td> 　　　　　　</tr> 　　</table> </html>

　　OK，大功告成了，来看看最后的效果：

Ruby on rails开发从头来（windows）（八）-使用Session创建购物车