Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

INTERMEDIATE RAILS Week-1 #2

http://learn-rails.today/workshops/intermediate 第一堂投影片第二部分

INTERMEDIATE RAILS Week-1 #2

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

×