日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
Ruby on Rails創(chuàng)建購(gòu)物頁(yè)面技巧一點(diǎn)通

Ruby on Rails是一款性能不錯(cuò)的WEB開(kāi)發(fā)框架。許多編程人員都靠這個(gè)開(kāi)發(fā)框架來(lái)實(shí)現(xiàn)簡(jiǎn)約編程。在這里我們將會(huì)為大家詳細(xì)介紹有關(guān)Ruby on Rails創(chuàng)建購(gòu)物頁(yè)面的一些技巧。#t#

棗強(qiáng)網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),棗強(qiáng)網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為棗強(qiáng)數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的棗強(qiáng)做網(wǎng)站的公司定做!

這次我們使用上面維護(hù)的Products列表來(lái)創(chuàng)建一個(gè)最終用戶使用的購(gòu)物頁(yè)面。

1.創(chuàng)建控制器(Controller),命名為store,我們通過(guò)命令行來(lái)創(chuàng)建它:

depot> ruby script/generate controller Store index

打開(kāi)...rails_appsdepotappcontrollers目錄下的store_controller.rb文件,向其中添加Ruby on Rails創(chuàng)建購(gòu)物頁(yè)面的代碼:

 
 
 
  1. def index  
  2. @products = 
    Product.salable_items  
  3. end 

當(dāng)然,我們還需要給Product定義salable_items方法,打開(kāi)rails_appsdepotappmodels目錄下的product.rb文件,添加代碼:

 
 
 
  1. def self.salable_items  
  2. find(:all,  
  3. :conditions => 
    "date_available < = now()",  
  4. :order => "date_available desc")  
  5. end 

2.創(chuàng)建表示層,在rails_appsdepotappviewsstore目錄下,創(chuàng)建一個(gè)index.rhtml文件,修改其內(nèi)容如下:

 
 
 
  1. < html> 
  2. < head> 
  3. < title>Pragprog Books Online Store
    < /title> 
  4. < %= stylesheet_link_tag "depot",
     :media => "all" %> 
  5. < /head> 
  6. < body> 
  7. < div id="banner"> 
  8. < img src="http://images.
    cnblogs.com/logo.png"/> ||  
  9. < %= @page_title || "Pragmatic 
    Bookshelf" %> 
  10. < /div> 
  11. < div id="columns"> 
  12. < div id="side"> 
  13. < a href="http://www....">Home
    < /a>< br /> 
  14. < a href="http://www..../faq">
    Questions< /a>< br /> 
  15. < a href="http://www..../news">
    News< /a>< br /> 
  16. < a href="http://www..../contact">
    Contact< /a>< br /> 
  17. < /div> 
  18. < div id="main"> 
  19. < %= @content_for_layout %> 
  20. < % for product in @products -%> 
  21. < div class="catalogentry"> 
  22. < img src="< %= product.image_url %>"/> 
  23. < h3>< %= h(product.title) %>< /h3> 
  24. < %= product.description %> 
  25. < span class="catalogprice">< %= 
    sprintf("$%0.2f", product.price) %>< /span> 
  26. < %= link_to 'Add to Cart',  
  27. {:action => 'add_to_cart', :id => product },  
  28. :class => 'addtocart' %>< br/> 
  29. < /div> 
  30. < div class="separator"> < /div> 
  31. < % end %> 
  32. < %= link_to "Show my cart", 
    :action => "display_cart" %> 
  33. < /div> 
  34. < /div> 
  35. < /body> 
  36. < /html> 

可以看到,在index.rhtml中,使用了css樣式,css樣式的文件名字叫depot

< %= stylesheet_link_tag "depot", :media => "all" %>

我們可以在rails_appsdepotpublicstylesheets目錄下創(chuàng)建一個(gè)depot.css文件來(lái)定義我們的樣式以完成Ruby on Rails創(chuàng)建購(gòu)物頁(yè)面的操作。


文章標(biāo)題:Ruby on Rails創(chuàng)建購(gòu)物頁(yè)面技巧一點(diǎn)通
瀏覽地址:http://www.dlmjj.cn/article/cdpseip.html