Ruby on Rails是一款性能不错的WEB开发框架。许多编程人员都靠这个开发框架来实现简约编程。在这里我们将会为大家详细介绍有关Ruby on Rails创建购物页面的一些技巧。#t#
枣强网站建设公司成都创新互联,枣强网站设计制作,有大型网站制作公司丰富经验。已为枣强数千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的枣强做网站的公司定做!
这次我们使用上面维护的Products列表来创建一个最终用户使用的购物页面。
1.创建控制器(Controller),命名为store,我们通过命令行来创建它:
depot> ruby script/generate controller Store index
打开...rails_appsdepotappcontrollers目录下的store_controller.rb文件,向其中添加Ruby on Rails创建购物页面的代码:
- 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文件来定义我们的样式以完成Ruby on Rails创建购物页面的操作。
当前题目:Ruby on Rails创建购物页面技巧一点通
本文链接:http://www.shufengxianlan.com/qtweb/news8/103358.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联