添加分类功能 Category for Ruby On Rails app

参考https://blog.skcript.com/implementing-categories-in-ruby-on-rails-14c2b5e77b34#.ugsdz8w8b
参考http://taomengdi99.logdown.com/posts/1420713

近日做了一个商品购物网站（https://github.com/AnattaGuo/jdstore2），想给admin账户添加商品分类功能。

1. 在命令端输入rails g scaffold category name:string desc:text
   

   

   Snip20170305_20.png

2. 在命令端输入rake db:migrate

3. 在命令端输入rails generate migration AddColumnsToProducts category_id，然后输入rake db:migrate
   

   

   Snip20170305_22.png

4. 建立product model和category model的relationship. 修改如下两个文件：

#app/models/product.rb
belongs_to :category

Snip20170305_25.png

#app/models/category.rb
has_many :products

Snip20170305_26.png

5. 在admin::products#controller文件里给new、edit、update、create添加代码 @categories = Category.all.map{|c| [ c.name, c.id ] }, 给product_params添加 :category_id:

#app/controllers/admin/products_controller.rb

class Admin::ProductsController < ApplicationController

  layout "admin"
  before_action :authenticate_user!
  before_action :admin_required

  def index
    if params[:category].blank?
      @products = Product.all
    else
      @category_id = Category.find_by(name: params[:category]).id
      @products = Product.where(:category_id => @category_id)
    end
  end

  def new
    @product = Product.new
    @categories = Category.all.map{|c| [ c.name, c.id ] }
  end

  def edit
    @product = Product.find(params[:id])
    @categories = Category.all.map{|c| [ c.name, c.id ] }
  end

  def update
    @product = Product.find(params[:id])
    @product.category_id = params[:category_id]

    if @product.update(product_params)
      redirect_to admin_products_path
    else
      render :edit
    end
  end

  def create
    @product = Product.new(product_params)
    @product.category_id = params[:category_id]

    if @product.save
      redirect_to admin_products_path
    else
      render :new
    end
  end

  private

  def product_params
    params.require(:product).permit(:title, :description, :quantity, :price, :image, :category_id)
  end
end

Snip20170305_33.png

Snip20170305_35.png

6. 在 app/views/admin/products/edit.html.erb 和 app/views/admin/products/new.html.erb两个文件里添加以下代码：

 <%= select_tag(:category_id, options_for_select(@categories), :prompt => 'Select one!') %>

Snip20170305_29.png

7. 去 http://localhost:3000/categories 新建类别

new category.gif

8. 将category的选项呈现在admin的页面上。在 app/views/layouts/admin.html.erb里添加如下代码：

这样在http://localhost:3000/admin/products 下面就可看到catetory了

Snip20170305_38.png

最终分类成果演示：

new category-new product.gif