Rails 新人起步走
-
Upload
jimmy-lin -
Category
Self Improvement
-
view
844 -
download
0
description
Transcript of Rails 新人起步走
![Page 1: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/1.jpg)
⽇日期
Rails 新人起步走
![Page 2: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/2.jpg)
Agenda
✤ 環境安裝!
✤ Rails 指令介紹!
✤ Scaffold
![Page 3: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/3.jpg)
01
環境安裝homebrew!
Git!
rvm!
ruby gem!
! . rails!
![Page 4: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/4.jpg)
![Page 5: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/5.jpg)
Ruby
✤ Ruby is … !
✤ Ruby的作者--松本⾏行弘!
✤ http://www.ruby-lang.org/zh_tw/!
✤ 最新版本: 2.1.0!
✤ 使⽤用 IRB 練習!
✤ Mac 及 Linux -> 在 terminal 直接輸入 irb
![Page 6: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/6.jpg)
homebrew
✤ 套件管理⼯工具!
✤ http://brew.sh/!
✤ install ⽅方式!
✤ sudo ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)”!
✤ brew !
✤ P.S 必須有xcode套件
![Page 7: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/7.jpg)
Git
✤ 分散式的版本控制系統!
✤ http://git-scm.com/!
✤ install ⽅方式!
✤ brew install git
![Page 8: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/8.jpg)
RVM(ruby version manager)
✤ RVM is a command-line tool which allows you to easily install, manage, and work with multiple ruby environments from interpreters to sets of gems. !
✤ http://rvm.io/!
✤ https://rvm.io/rvm/install!
✤ install ⽅方式!
✤ \curl -sSL https://get.rvm.io | bash -s stable —ruby!
✤ 設定版本!
✤ rvm use ruby-2.0.0 --default
![Page 9: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/9.jpg)
Ruby Gem
✤ RubyGems 是 Ruby 的 Package 管理系統,讓你輕易安裝及管理各種 Ruby programs/libraries。︒!
✤ gem -v RubyGems 的版本!
✤ gem update --system 升級你的RubyGems版本!
✤ gem install gemname 安裝某個套件!
✤ gem list 列出安裝的套件!
✤ gem list -r keyword 列出 RubyGems.org 上有此關鍵字的套件(可⽤用regular expression)
![Page 10: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/10.jpg)
install Rails
!
!
✤ gem install rails --no-ri —no-rdoc
![Page 11: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/11.jpg)
Rails 指令
✤ rails new project !
✤ rails console (rails c)!
✤ rails server (rails s)!
✤ rails generate (rails g)
![Page 12: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/12.jpg)
Hello World
✤ step1 : rails new helloworld
![Page 13: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/13.jpg)
Hello World
✤ step2 : bundle install
![Page 14: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/14.jpg)
Hello World
✤ step3 :rails generate controller pages
![Page 15: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/15.jpg)
Hello World
✤ step4 : 建⽴立 welcome action
![Page 16: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/16.jpg)
Hello World
✤ Step5: 建⽴立 welcome page
![Page 17: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/17.jpg)
Hello World
✤ Step6: 設定 route.rb (root page)
![Page 18: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/18.jpg)
Hello World
✤ Step7: 啟動 Server!
✤ rails server
![Page 19: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/19.jpg)
Hello World
![Page 20: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/20.jpg)
Rails Project 目錄介紹
![Page 21: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/21.jpg)
01
Scaffold介紹
![Page 22: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/22.jpg)
create CRUD
✤ step 1 : rails g scaffold post title:string content:text
![Page 23: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/23.jpg)
create CRUD
✤ 產⽣生 POST 的 models!
✤ title:string !
✤ content:text
![Page 24: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/24.jpg)
create CRUD
✤ step 2 : rake db:migrate
![Page 25: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/25.jpg)
create CRUD
✤ step 3 : rails server!
✤ step 4: http://localhost:3000/posts
![Page 26: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/26.jpg)
01
Pow & Powder
![Page 27: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/27.jpg)
Pow v.s Powder
Pow 是 37 Signals 開發出來的⼀一個很棒的東西,讓你檢視⾃自⼰己的開發進度時不需要⽤用 http://localhost:3000 這種需要 port number 的網址,可以⽤用 http://blog.dev 這樣的網址。︒
⽽而 Pow 也是⼀一個 Webserver , 好處如下:
1. 可以使⽤用 http://groupmy.dev 這種網址掛起網站,⽽而非使⽤用 rails s 跑在 port 3000。︒
2. 修改時,可以在不終⽌止 server 的情況下,去 reload server
![Page 28: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/28.jpg)
powder
⽽而 powder 是⼀一個讓 pow 可以更容易使⽤用的⼯工具,我們將透過 powder 來安裝 pow。︒
![Page 29: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/29.jpg)
The End
![Page 30: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/30.jpg)
相關資源
✤ http://ihower.tw/rails2/!
✤ http://ihower.tw/git/!
✤ https://www.codeschool.com/courses/git-real!
✤ http://www.ruby-lang.org/zh_tw/documentation/!
✤ http://ruby.railstutorial.org/chapters/a-demo-app!
✤ http://hechien.logdown.com/posts/2013/10/08/working-with-rails-02
![Page 31: Rails 新人起步走](https://reader036.fdocuments.net/reader036/viewer/2022062307/5554aae3b4c90502618b5200/html5/thumbnails/31.jpg)
相關書籍
✤ Rails 101!
✤ Agile Web Development with Rails