2016-12-14 8 views
0

こんにちは、私は一定数の商品を持っていると言います(5商品など)。私のHTMLフォームで、フォームを使用してユーザーが購入をクリックできるようにすべての製品を表示し、ユーザーがクリックしたクリックデータをキャプチャできるようにするにはどうしたらいいですか?私は製品の画像も表示したいと思います。アセット画像をDBに保存された商品にリンクする

今のところ、これはハードコードされています。私は、これらのハードコードされたコードを削除し、私は別の新製品を追加した場合のように、それを動的にすることができますどのように

%h1 <u>Fruit Basket</u> 

.row 
    .col-xs-10.col-sm-6.col-md-6.col-lg-4 
    .thumbnail 
     %img{:src => "assets/Garden3.jpg", :class => "FeedbackRegion"}/ 
     .caption 
     %h3.PriceTag RM 60 
     %button.btn.btn-primary.PurchaseBtn Purchase 
     %p <b><u>Fruits:</b></u> 
     %p Apple, Orange, Banana 
     %p <b><u>Flowers :</b></u> 
     %p Zebra, Chrysanthemum, Fern leafs 

    .col-xs-10.col-sm-6.col-md-6.col-lg-4 
    .thumbnail 
     %img{:src => "assets/Garden3.jpg", :class => "FeedbackRegion"}/ 
     .caption 
     %h3.PriceTag RM 80 
     %button.btn.btn-primary.PurchaseBtn Purchase 
     %p <b><u>Fruits:</b></u> 
     %p Apple, Orange, Banana 
     %p <b><u>Flowers :</b></u> 
     %p Zebra, Chrysanthemum, Fern leafs 

は、私はその情報およびその製品IMAGEを得ることができます。私はPAPERCLIP宝石について考えましたが、私がここに必要なものではないようですね?私が間違っていれば私を修正してください。

答えて

0

Paperclipは必要なものですが、まずテンプレートを使用して適切に開始する必要があります。私はあなたがあなたの製品を反復処理するために必要な実現していないと仮定するつもりだ、とあなたが指摘したようにそれは本当ではない場合、2

  1. に進み、あなたは、各製品の項目だけでなく、画像をハードコーディング、購入全体のシバン。それをしないでください。 @products = Product.allようなあなたのコントローラ内で何かをして、あなたがからリソースをロードするためにあなたの意見に埋め込まルビーを使用する方法に精通していない場合は

@products.each do |p| image_tag "hi", p.image button_tag "other stuff" # etc.

のようなビューで埋め込まれたRubyで何かをしますあなたのコントローラは、明らかにそれが最初です。あなた自身でそれを行う方法を学ぶために、ドキュメントを読んでください。

  1. これでp.imageimage列として製品データベースに保存する必要があります。 Paperclipはこれを行い、リソースごとに独自のデータベースから直接画像を読み込むことができるので、毎回正しい画像がロードされます。
関連する問題