INTERMEDIATE RAILS Week-1 #2

INTERMEDIATE RAILS Week-1 #2

• 1.
  Rails #2
• 2.
  http://github.com/rocodev/artstore ( 請⼤大家 fork⼀一下 )
• 3.
  PlainTask Sublime ⼩小⼯工具
• 5.
  安裝⽅方式 • 打開 SublimtText •⌘ + shift + p ( install package ) • 選擇 PlainTasks ( 請⼤大家時間裝⼀一下 )
• 6.
  ⼀一些技巧 • 「檔名為 TODO」或者是「副檔名為TODO 」的會 ⾃自動變⿈黃筆記本。 • ⌘ + i （新增 TODO) • ⌘ + d （完成 TODO） • ⌘ + c （取消 TODO） ( 請⼤大家把剛剛的 TODO 貼到這裡⾯面 )
• 7.
  （分隔線）
• 8.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣
 2.⾝身為商家的管理者，我要能夠在後台設定權限，權限分成管理者以及消費者
 3. 作為⼀一個消費者，我要在前台能夠找到商品並結賬
• 9.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣! ! -管理者必須要有⼀一個後台! - 後台必須要可以新增產品! - 產品內容必須要有標題、⽂文字、數量、圖⽚片! !
• 10.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣! ! -管理者必須要有⼀一個後台 ( /admin/products/)! - 後台必須要可以新增產品! - 產品內容必須要有標題、⽂文字、數量、圖⽚片! ! rails g controller admin::products
• 11.
  http://artstore.dev/admin/products
• 12.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣! ! -管理者必須要有⼀一個後台! - 後台必須要可以新增產品! - 產品內容必須要有標題、⽂文字、數量、圖⽚片! ! rails g model product title:string description:text quantity:integer
• 13.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣! ! -管理者必須要有⼀一個後台! - 後台必須要可以新增產品! - 產品內容必須要有標題、⽂文字、數量、圖⽚片! !
• 14.
  http://artstore.dev/admin/products/new strong_parameters
• 15.
  app/views/admin/products/new.html.erb
• 17.
  ( 請動⼿手做把 index完成）
• 18.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣
 2.⾝身為商家的管理者，我要能夠在後台設定權限，權限分成管理者以及消費者! - ⾝身為管理者，才可以進⼊入後台! - ⾝身為管理者，必須要登⼊入且是 admin ! - 管理者⾝身份必須要被分為 admin / user
 3. 作為⼀一個消費者，我要在前台能夠找到商品並結賬
• 19.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣
 2.⾝身為商家的管理者，我要能夠在後台設定權限，權限分成管理者以及消費者! - ⾝身為管理者，才可以進⼊入後台! - ⾝身為管理者，必須要登⼊入且是 admin ! - 管理者⾝身份必須要被分為 admin / user
 3. 作為⼀一個消費者，我要在前台能夠找到商品並結賬
• 20.
  （安裝 devise）
• 21.
  Gemfile bundle install
• 22.
  rails g devise:install railsg devise user rake db:migrate
• 23.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣
 2.⾝身為商家的管理者，我要能夠在後台設定權限，權限分成管理者以及消費者! - ⾝身為管理者，才可以進⼊入後台! - ⾝身為管理者，必須要登⼊入且是 admin ! - 管理者⾝身份必須要被分為 admin / user
 3. 作為⼀一個消費者，我要在前台能夠找到商品並結賬
• 24.
  app/controllers/admin/products_controller.rb
• 25.
  Version 3! ! 1. ⾝身為商家的管理者，我要能夠在後台上架我的東⻄西，並設定能夠販賣
 2.⾝身為商家的管理者，我要能夠在後台設定權限，權限分成管理者以及消費者! - ⾝身為管理者，才可以進⼊入後台! - ⾝身為管理者，必須要登⼊入且是 admin ! - 管理者⾝身份必須要被分為 admin / user
 3. 作為⼀一個消費者，我要在前台能夠找到商品並結賬
• 26.
  app/controllers/admin/products_controller.rb
• 27.
  app/controllers/application_controller.rb
• 28.
  app/models/user.rb
• 29.
  rails g migrationadd_is_admin_to_user
• 31.
  u = User.new(:email=>“xxx@xxx.com”,:password => “12345678”, 
 :password_confirmation => “12345678”) u = User.new(:email=> “xxx@xxx.com”,:password => “12345678”, 
 :password_confirmation => “12345678”) u.save u.is_admin = true u.save rails c
• 32.
  http://artstore.dev/admin/products/new
• 34.
  （不過能登⼊入不能登出怎麼辦）
• 35.
  app/views/layout/application.html.erb
• 36.
  （分隔線）
• 37.
  ⺫⽬目前的版⾯面超醜的
• 38.
  （分隔線）
• 39.
  Bootstrap
• 41.
  Gemfile
• 42.
  app/assets/stylesheets/application.css asset pipeline mount
• 43.
  app/assets/stylesheets/application.css
• 44.
  作業 • 寫後台的 UserStory • 實作圖⽚片上傳 carrierwave • ⽤用 Bootstrap 做⼀一個「有 Nav bar 」的 layout • 使⽤用 simple_form 換掉 form • products/show, products,index 也請實作
• 45.
  提⽰示 #1 • UserStory • ⽤用 Plantask 拆 • 儘量列出你想得到細節
• 46.
  提⽰示 #2 • 上傳圖⽚片 •安裝 carrierwave • product has_many:photos • photos mount ImageUploader
• 47.
  提⽰示 #3 • Bootstrap •layout 在網路上找 • 要有 Login / Logout 的 bar
• 48.
  提⽰示 #3 • Simpleform •simpleform with bootstrap form initializer
• 49.
  提⽰示 #4 • Product# show
• 50.
  （分隔線）
• 51.
  交作業
• 52.
  Github pull-request • forkrepo • git checkout -b store-v1 • git push origin store-v1 • 對 rocodev/artstore 拉 pull-request • 參考有誰拉了 pull-request
• 53.
  解答（禮拜六給）
• 54.
  （分隔線）