使用 ActiveAdmin 十分鐘內打造部落格

blog2-1

這個禮拜開始學 Ruby on Rails,因為要幫公司的網站建立一個部落格的後台,學習了一個好用的工具叫 ActiveAdmin,能快速建立後台,也提供各種客制化等等。今天主要是紀錄如何快速用 ActiveAdmin + redactor-rails 打造一個可上傳圖片的部落格。

步驟ㄧ:

$ new rails app

#建立一個新的 rails project

到 Gemfile 新增:

  gem 'activeadmin',gitbub:"gregbell/active_admin"
  gem 'sass-rails'
  gem "meta_search",    '>= 1.1.0.pre'
  gem 'activeadmin', github: "gregbell/active_admin"
  gem "devise"
  gem "redactor-rails"
  gem "carrierwave"
  gem "mini_magick"
  gem "uploader"

步驟二:terminal commands
  $ bundle install
  $ rails generate active_admin:install 
  $ rake db:migrate
  $ rails server
步驟三:新增 model
  $ rails generate active_admin:resource [MyModelName] 
# 新增類別
  $ rails g model [table name]
# 新增 database table
步驟四:修改 app/admin/[model name.rb]

螢幕快照 2014-09-05 下午5.35.03

步驟五:Include redactor

Add to your application.js:

  //= require redactor-rails

Add to your application.css:

  *= require redactor-rails
步驟六:修改 db/ migrate/ create_model name.rb
螢幕快照 2014-09-05 下午5.38.51
* 注意:要使用 redactor 的地方要使用 t.text,而不是 t.input
  $rake db:migrate
* 注意:database 只能寫入一次,若要修改要用 rake db:rollback/drop 再 create/ migrate(重新寫入)

螢幕快照 2014-09-05 下午5.45.18
完成!後台的部落格編輯頁面就有文字編輯、聯結設定和圖片上傳的功能啦。
廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s