Rails分页plugin之will_paginate(转载)

zsbfree posted @ 2007年12月20日 21:04 in rails with tags will_paginate , 3320 阅读

搜索结果的分页显示是一个常用功能,实现方式有很多中,rails也内建了对分页的支持,但是rails2.0将去掉分页组件,将分页功能交给plugin去实现,这里通过一个简单的例子展示如何使用最流行的rails分页plugin -- will_paginate.

1.创建rails工程及数据库

CODE:

rails demo
mysql>create database demo_development;
项目名为demo,开发数据库为demo_development
自行修改config/database.yml配置数据库密码,如果root密码为空,则不需要修改

2.生成脚手架和数据
创建一个product的脚手架代码

CODE:

ruby script\generate scaffold_resource product name:string, description:string,created_at:datetime运行db/migrate创建数据表

CODE:

rake db:migrate构造测试数据

CODE:

ruby script\console
>>0.upto(30) do |i|
>>  Product.create(:name => "product_#{i}", :description => "product number is #{i}")
>>end
启动服务

CODE:

ruby script\server访问http://127.0.0.1:3000/products 就可以看到所有的产品了,模式是全部显示,没有分页.

3.安装will_paginate,编写分页代码
安装:

CODE:

ruby script\plugin install svn://errtheblog.com/svn/plugins/will_paginate安装成功后,开始编写分页代码
修改products_controller.rb,找到index方法

CODE:

    #@products = Product.find(:all)  #把这行注释掉
    @products = Product.paginate  :page => params[:page],
                                  :per_page => 5
保存后刷新http://127.0.0.1:3000/products 可以看到现在只显示前5个产品了
加入翻页,修改app/view/products/index.rhtml,在最后加入一行

CODE:

<%= will_paginate @products %>再次刷新页面,可以看到翻页了,试着点击next,previous进行翻页,可以看到url类似http://127.0.0.1:3000/products?page=4

4.加入搜索
在index.rhtml适当位置加入:

CODE:

<% form_tag products_path, :method => 'get' do %>
  <p>
    <%= text_field_tag :search, params[:search] %>
    <%= submit_tag "Search", :name => nil %>
  </p>
<% end %>
这里注意,:method => 'get'必须指定, submit_tag的:name属性设为nil,避免在url中出现不必要的内容

修改products_controller.rb的index方法

CODE:

    #@products = Product.find(:all)
    @products = Product.paginate  :page => params[:page],
                                  :per_page => 5,
                                  :conditions => ["name like ?", "%#{params[:search]}%"]
注意在加入搜索条件时的写法,这样可以避免sql注入,提高安全性

试着进行搜索,可以看到搜索结果很好的进行了分页.

Avatar_small
f1fzM0 <a href="htt 说:
2008年11月30日 08:21

f1fzM0 <a href="http://lzwvpapwzhan.com/">lzwvpapwzhan</a>, [url=http://voyrkugphlmr.com/]voyrkugphlmr[/url], [link=http://dpkyyycrrmgl.com/]dpkyyycrrmgl[/link], http://tgcpljalqsfm.com/


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter