Ruby on rails开发从头来(windows)(七)-创建在线购物页面
2009-08-06 15:35
579 查看
在上一篇随笔中,我们为Products创建了一个维护用的列表页面,效果如图:
这次我们使用上面维护的Products列表来创建一个最终用户使用的购物页面。
1. 创建控制器(Controller),命名为store,我们通过命令行来创建它:
depot> ruby script/generate controller Store index
打开...rails_appsdepotappcontrollers目录下的store_controller.rb文件,向其中添加代码:
当然,我们还需要给Product定义salable_items方法,打开rails_appsdepotappmodels目录下的product.rb文件,添加代码:
2. 创建表示层,在rails_appsdepotappviewsstore目录下,创建一个index.rhtml文件,修改其内容如下:
可以看到,在index.rhtml中,使用了css样式,css样式的文件名字叫depot
我们可以在rails_appsdepotpublicstylesheets目录下创建一个depot.css文件来定义我们的样式。
好了,最终的表示结果应该是这样:
这时,可以看到画面上有一个AddCart链接,下一篇我们在此基础上添加一个购物车(cart)应用。
这次我们使用上面维护的Products列表来创建一个最终用户使用的购物页面。
1. 创建控制器(Controller),命名为store,我们通过命令行来创建它:
depot> ruby script/generate controller Store index
打开...rails_appsdepotappcontrollers目录下的store_controller.rb文件,向其中添加代码:
def index @products = Product.salable_items end
当然,我们还需要给Product定义salable_items方法,打开rails_appsdepotappmodels目录下的product.rb文件,添加代码:
def self.salable_items find(:all, :conditions => "date_available <= now()", :order => "date_available desc") end
2. 创建表示层,在rails_appsdepotappviewsstore目录下,创建一个index.rhtml文件,修改其内容如下:
<html> <head> <title>Pragprog Books Online Store</title> <%= stylesheet_link_tag "depot", :media => "all" %> </head> <body> <div id="banner"> <img src="http://images.cnblogs.com/logo.png"/> || <%= @page_title || "Pragmatic Bookshelf" %> </div> <div id="columns"> <div id="side"> <a href="http://www....">Home</a><br /> <a href="http://www..../faq">Questions</a><br /> <a href="http://www..../news">News</a><br /> <a href="http://www..../contact">Contact</a><br /> </div> <div id="main"> <%= @content_for_layout %> <% for product in @products -%> <div class="catalogentry"> <img src="<%= product.image_url %>"/> <h3><%= h(product.title) %></h3> <%= product.description %> <span class="catalogprice"><%= sprintf("$%0.2f", product.price) %></span> <%= link_to 'Add to Cart', {:action => 'add_to_cart', :id => product }, :class => 'addtocart' %><br/> </div> <div class="separator"> </div> <% end %> <%= link_to "Show my cart", :action => "display_cart" %> </div> </div> </body> </html>
可以看到,在index.rhtml中,使用了css样式,css样式的文件名字叫depot
<%= stylesheet_link_tag "depot", :media => "all" %>
我们可以在rails_appsdepotpublicstylesheets目录下创建一个depot.css文件来定义我们的样式。
好了,最终的表示结果应该是这样:
这时,可以看到画面上有一个AddCart链接,下一篇我们在此基础上添加一个购物车(cart)应用。
相关文章推荐
- Ruby on rails开发从头来(windows)(七)-创建在线购物页面
- Ruby on rails开发从头来(windows)(七)-创建在线购物页面
- Ruby on rails开发从头来(windows)(七)-创建在线购物页面(修正原版错误)
- Ruby on rails开发从头来(windows)(八)-使用Session创建购物车(修正原版错误)
- Ruby on rails开发从头来(windows)(六)-美化你的列表页面
- Ruby on rails开发从头来(windows)(三)-实现页面间的跳转
- Ruby on rails开发从头来(windows)(三)-实现页面间的跳转
- Ruby on rails开发从头来(windows)(八)-使用Session创建购物车
- Ruby on rails开发从头来(windows)(六)-美化你的列表页面
- Ruby on rails开发从头来(windows)(八)-使用Session创建购物车
- Ruby on rails开发从头来(windows)(二)-创建项目和第一个Hello world
- Ruby on rails开发从头来(windows)(六)-美化你的列表页面
- Ruby on rails开发从头来(windows)(八)-使用Session创建购物车
- Ruby on rails开发从头来(windows)(三)-实现页面间的跳转
- Ruby on rails开发从头来(windows)(二)-创建项目和第一个Hello world (修正原版错误)
- Ruby on rails开发从头来(windows)(二)-创建项目和第一个Hello world
- Ruby on rails开发从头来(windows)(二)-创建项目和第一个Hello world
- Ruby on rails开发从头来(windows)(二)-创建项目和第一个Hello world
- Ruby on rails开发从头来(windows)(八)-使用Session创建购物车
- Ruby on rails开发从头来(windows)(六)-美化你的列表页面(修正原版错误)