可以看到，list页面实际上是对Products做循环，然后对每行，每列逐个输出到一个Table中，而link_to函数，我们在前面的内容中也使用过。

Ruby on Rails列表页面2.修改appviewsadminlist.rhtml的内容，如下：

 
 
 

  
  
  
Product Listing
  
  
  

  
  
  
<% 
  
  
  
odd_or_even = 0
  
  
  
for product in @products 
  
  
  
odd_or_even = 1 - odd_or_even 
  
  
  
%>
  
  
  
ListLine<%= odd_or_even %>">
  
  
  

  
  
  
<%= product.image_url %>"/>
  
  
  

  
  
  

  
  
  
<%=
 h(product.title) %>
  
  
  
<%= h(truncate(product.description, 80)) %>
  
  
  

  
  
  

  
  
  
<%= product.date_available.strftime
("%y-%m-%d") %>

  
  
  
$<%= sprintf("%0.2f", 
product.price) %>
  
  
  

  
  
  

  
  
  
<%= link_to 'Show', :action => 'show', 
:id => product %>

  
  
  
<%= link_to 'Edit', :action => 'edit', 
:id => product %>

  
  
  
<%= link_to 'Destroy', { :action => 
'destroy', :id => product }, 
  
  
  
:confirm => "Are you sure?" %>
  
  
  

  
  
  

  
  
  
<% end %>
  
  
  

  
  
  
<%= if @product_pages.current.previous 
  
  
  
link_to("Previous page", { :page => 
@product_pages.current.previous }) 
  
  
  
end 
  
  
  
%>
  
  
  
<%= if @product_pages.current.next 
  
  
  
link_to("Next page", { :page =>
 @product_pages.current.next }) 
  
  
  
end 
  
  
  
%>
  
  
  

  
  
  
<%= link_to 'New product', :action => 'new' %>
 
 
 

Ruby on Rails列表页面3.在上面的代码里，我们可以看到td class="ListActions"这样的代码，下来我们添加这些css样式的内容：

将下面的内容添加到publicstylesheets scaffold.css文件中：

 
 
 

  
  
  
.ListTitle { 
  
  
  
color: #244; 
  
  
  
font-weight: bold; 
  
  
  
font-size: larger; 
  
  
  
} 
  
  
  
.ListActions { 
  
  
  
font-size: x-small; 
  
  
  
text-align: right; 
  
  
  
padding-left: 1em; 
  
  
  
} 
  
  
  
.ListLine0 { 
  
  
  
background: #e0f8f8; 
  
  
  
} 
  
  
  
.ListLine1 { 
  
  
  
background: #f8b0f8; 
  
  
  
}
 
 
 

OK，今天Ruby on Rails列表页面的优化内容就介绍到这里。

新闻标题：RubyonRails列表页面如何进行优化
本文链接：http://www.csdahua.cn/qtweb/news39/399089.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网