#83 楼 @Martin91 我把所有关于产品的信息都放在数据库里面了（我后台手动在数据库中输入的） 之前在首页调用每个产品第一张图的时候，我用

<%=  image_tag(@product.photos.first.image_url) %>

就可以，但是这段代码 https://github.com/GBKS/Wookmark-jQuery/blob/master/example/index.html 这个应该就是你说的 jquery 的某一个插件吧。

<div id="container">
    <header>
      <h1>jQuery Wookmark Plug-in Example</h1>
      <p>Resize the browser window or click a grid item to trigger layout updates.</p>
    </header>
    <div id="main" role="main">

      <ul id="tiles">
        <!-- These are our grid blocks -->
        <li><img src="../sample-images/image_1.jpg" width="200" height="283"><p>1</p></li>
        <li><img src="../sample-images/image_2.jpg" width="200" height="300"><p>2</p></li>
        <li><img src="../sample-images/image_3.jpg" width="200" height="252"><p>3</p></li>
        <li><img src="../sample-images/image_4.jpg" width="200" height="158"><p>4</p></li>
        <li><img src="../sample-images/image_5.jpg" width="200" height="300"><p>5</p></li>
        <li><img src="../sample-images/image_6.jpg" width="200" height="297"><p>6</p></li>
        <li><img src="../sample-images/image_7.jpg" width="200" height="200"><p>7</p></li>
        <li><img src="../sample-images/image_8.jpg" width="200" height="200"><p>8</p></li>
        <li><img src="../sample-images/image_9.jpg" width="200" height="398"><p>9</p></li>
        <li><img src="../sample-images/image_10.jpg" width="200" height="267"><p>10</p></li>
        <li><img src="../sample-images/image_1.jpg" width="200" height="283"><p>11</p></li>
        <li><img src="../sample-images/image_2.jpg" width="200" height="300"><p>12</p></li>
        <li><img src="../sample-images/image_3.jpg" width="200" height="252"><p>13</p></li>
        <li><img src="../sample-images/image_4.jpg" width="200" height="158"><p>14</p></li>
        <li><img src="../sample-images/image_5.jpg" width="200" height="300"><p>15</p></li>
        <li><img src="../sample-images/image_6.jpg" width="200" height="297"><p>16</p></li>
        <li><img src="../sample-images/image_7.jpg" width="200" height="200"><p>17</p></li>
        <li><img src="../sample-images/image_8.jpg" width="200" height="200"><p>18</p></li>
        <li><img src="../sample-images/image_9.jpg" width="200" height="398"><p>19</p></li>
        <li><img src="../sample-images/image_10.jpg" width="200" height="267"><p>20</p></li>
        <li><img src="../sample-images/image_1.jpg" width="200" height="283"><p>21</p></li>
        <li><img src="../sample-images/image_2.jpg" width="200" height="300"><p>22</p></li>
        <li><img src="../sample-images/image_3.jpg" width="200" height="252"><p>23</p></li>
        <li><img src="../sample-images/image_4.jpg" width="200" height="158"><p>24</p></li>
        <li><img src="../sample-images/image_5.jpg" width="200" height="300"><p>25</p></li>
        <li><img src="../sample-images/image_6.jpg" width="200" height="297"><p>26</p></li>
        <li><img src="../sample-images/image_7.jpg" width="200" height="200"><p>27</p></li>
        <li><img src="../sample-images/image_8.jpg" width="200" height="200"><p>28</p></li>
        <li><img src="../sample-images/image_9.jpg" width="200" height="398"><p>29</p></li>
        <li><img src="../sample-images/image_10.jpg" width="200" height="267"><p>30</p></li>
        <!-- End of grid blocks -->
      </ul>

    </div>
  </div>

这是不是意味着我用瀑布流的时候，首页的每一张图片都需要手动输入地址呢？比如第一张图，我就输入 app/assets/images/001.jpg？而不可以直接用循环语句调用吗？ 而且事实上我每张图的宽度和高度后台都不知道 应该怎么处理呢？

类似的问题还出现在文本编译上。我把 product 相关的文字也放在 product 的数据库中了。我只能“一坨一坨”的显示文字，不知道在首页应该用什么工具来调整文字格式。

哈哈 不知道我这样表述是否清楚。

#81 楼 @Martin91 哈哈 是的是的！我想用 pinterest 首页做展示，然后就挑了http://www.wookmark.com/ 插件。不过我在处理图片的时候，发现他的 index.html 是一张一张图片处理的，而不能用之前我们讨论的代码批量处理。

<% @products.each do |product| %>
<%= image_tag(product.photos.first.image_url) %>
<% end %>

我理解的对吗？我觉得一张一张图片 key 到首页好麻烦的啊~而且怎么控制图片的大小呢（需要安装别的插件吗）？还是说我理解的有问题。

抱歉我是新手，还没有资格自己发帖。我想这个贴就是在讨论图片处理，所以就蹭一下@yeyong14 的宝地啦~顺带感谢一下@yeyong14 ：）

#79 楼 @Martin91 厉害厉害！我果然还是没有搞的特别懂。。。问题解决了~谢谢！我用数据库管理 product 的，所以有很多 product，哈哈就用复数了:)

#9 楼 @Martin91 我还是有问题~ 我有 product 和 photo 两个 model，和楼主基本一样，image_url 在 photo 中 product_controller.rb

class ProductsController < ApplicationController

  def index
    @products = Product.all
    @products.each do |product|
    product.photos.build
    end
    end

    def show
      @products = Product.find(params[:id])
      @products.photos.build

    end
  end

show.html.erb

<%= image_tag(@products.photos.image_url) %>

出错说是：undefined method `image_url' for # 如果把 products.photos[0].image_url 就能显示图片了 可是我的每个 product 都对应不同的 photo，所以。。。我不会处理了。。求解释

#66 楼 @yeyong14 我和你采用类似的处理方法，不过我想在产品页遍历相关的图片信息，这么写对吗？

<div class="col-lg-7">
                <div class='img-polaroid'>
                 <%= i = 0 %>
                 <% if @products.photos[i].product_id == @products.id%>
                     <%= image_tag(@products.photos[i].image_url) %>
                     <%= i =+ 1  %>
                <%else%>
                break
                <% end %>

                </div>

我遇到一样的问题，我用的是 masory 可是也是这样。。。

#74 楼 @Martin91 好的，我自己一个人在学，自己也感觉问的问题有点对不住大家。。。面壁去！刚才的问题解决了。我可以在首页显示 product 了。多谢多谢哈~

#70 楼 @Martin91 不对 我刚才重新搞了一下 果然没有了！Martin 能发我一个学习 git 版本控制的链接吗？我真心搞不懂这个。。。。

#70 楼 @Martin91 有的 我在 console 里面确认过了，有两个数据，手动输入的：）

#59 楼 @Martin91 我按照你说的改了，不过最后出现 2 个错误都是 ActionView::Template::Error: undefined method `each' for nil:NilClass 第一次碰到。。。不懂呢~

#66 楼 @yeyong14 我刚看你写的 imag 少了 e 又加上上去 结果出现了更大的错误

rake aborted! An error has occurred, this and all later migrations canceled:

SQLite3::SQLException: duplicate column name: imag_url: ALTER TABLE "products" ADD "imag_url" varchar(255)/Users/joytony/.rvm/gems/ruby-2.0.0-p247/gems/sqlite3-1.3.7/lib/sqlite3/database.rb:91:in `initialize'

#66 楼 @yeyong14 不行不行 会报错。。。

#64 楼 @yeyong14 没有没有 4.0 啦

#58 楼 @yeyong14 运行后，这段代码会在 product.rb 中自动生成？

#59 楼 @Martin91 犀利啊！！！！

#57 楼 @yeyong14 能不能具体一点，我实在很菜鸟

#54 楼 @Martin91 这是我的 model/products.rb 中的代码 我是不是少写了什么？

class Products < ActiveRecord::Base
  has_many :microposts
end

#49 楼 @yeyong14

<div class="container-fluid">
   <div class="row-fluid">
       <div class="span2">
              <h2>this is on the left bar</h2>
       </div>
          <div class="span10">
               <h2>This is  the right bar</h2>
                <% @products.each do |product| %>
                <%= image_tag product.image_url%>
                <% end %>
          </div>

        </div>
    </div>

<% if signed_in? %>
<h2>
  <div class="span2">
<%= render 'shared/user_info'%>
</div>
<div class="span10">
<%= render 'shared/micropost_form'%>
<%= render 'shared/feed'%>
</div>
</h2>
             <% end %>

#50 楼 @Martin91 我...没....定义....我 generate 了一个 product 的 DB 就自己在 DB 里面加东西了

#44 楼 @Martin91 我之前学了这套书http://railstutorial-china.org/ 所以在他得基础上改代码中~我对我的歪楼行径表示道歉！我只是一时半会没找到发帖的地方。下不为例！坚决不犯第二次错误。。。

#44 楼 @Martin91

class StaticPagesController < ApplicationController
  def home
    @products = Product.all
    if signed_in?
      @micropost  = current_user.microposts.build
      @feed_items = current_user.feed.paginate(page: params[:page])
    end

  end

  def help
  end

  def about
  end

  def contact
  end
end

#43 楼 @Martin91 不能同意更多！我解决了这个问题就回去看书了。。。。

#40 楼 @Martin91 我按照你说的方式试了一下 有一个错误我猜是忽略了什么。。NameError: uninitialized constant StaticPagesController::Product

#39 楼 @yeyong14 多谢@Martin91 我受宠若惊啊！！！^_^

#36 楼 @Martin91 基本的用户注册、登陆，然后有一个瀑布流的产品展示。我现在希望在首页能有个瀑布流的产品。我用的方式是产品都通过数据库 product 处理。但是现在不知道怎么显示出来

#33 楼 @Martin91 我有点搞不懂了。那我原本的static_page#home怎么办呢？

#29 楼 @Martin91 我的 config/routes.rb Mxj::Application.routes.draw do get "products/new" resources :users resources :sessions, only: [:new, :create, :destroy] resources :microposts, only: [:create, :destroy] resources :products

root to: 'static_pages#home'

get "static_pages/home" get "static_pages/faq" get "static_pages/about" get "static_pages/contact"

match '/index', to: 'products#index', via: 'get' match '/faq', to: 'static_pages#faq', via: 'get' match '/about', to: 'static_pages#about', via: 'get' match '/contact', to: 'static_pages#contact', via: 'get' match '/signup', to: 'users#new', via: 'get' match '/signin', to: 'sessions#new', via: 'get' match '/signout', to: 'sessions#destroy', via: 'delete'

#29 楼 @Martin91 index.html.erb 文件是在 view/products/下

#27 楼 @Martin91 首页的 view 代码就是 home.html.erb？怎么渲染@products啊？求指点！我现在就去开新主题。。。。

#24 楼 @Martin91 我刚才还在 index.html.erb 尝试随便打印一些字符串，可是在首页都不显示。我不清楚我是否需要在 home.html.erb 做什么处理吗？还是我哪儿有别的问题。这个看上去很低级的问题纠缠了我几天了 5555