$ mkdir projects 創建一個名爲“projects”的目錄 $ cd projects 進入目錄
$ rails new demo --skip-test-unit
$ cd demo
$ bundle install 啓動伺服器
接著打開你的瀏覽器前往http://localhost:3000,我們可以看到Rails的預設首頁。這個Welcome Aboard的畫面可以確認設定無誤,點選About your application’s environment超連結可以看到更多環境資訊。$ cd projects/demo $ bin/rails server (rails server 可以簡寫為 rails s)
要中斷伺服器的話,請按Ctrl+C(若不靈光請改試Ctrl+Z)。第一個Hello World!!
$ bin/rails generate controller welcome
接下來在路由檔案config/routes.rb新增一行設定:
Rails::Application.routes.draw do get "welcome/say_hello" => "welcome#say" # ... end
編輯app/controllers/welcome_controller.rb,加入一個
say
方法:請新增app/views/welcome/say.html.erb這個檔案,依照慣例目錄名就是Controller名稱、檔案名是Action名稱,第一個附檔名說明了這是HTML格式的檔案,第二個附檔名說明這是ERb樣板(我們會在View一章仔細介紹樣板)。編輯該檔案內容如下:class WelcomeController < ApplicationController def say end end
<h1>Hello, World!</h1>
這時再重新整理一次瀏覽器,你就會看到Hello, World!了。
讓我們再新增一個頁面並加入超連結。再次編輯路由檔案config/routes.rb加入一個路由,變成這樣:
Rails::Application.routes.draw do get "welcome/say_hello" => "welcome#say" get "welcome" => "welcome#index" # ... end
這一行的意思是將
http://localhost:3000/welcome
這樣的網址對應到welcome Controller的index Action。編輯app/controllers/welcome_controller.rb加入class WelcomeController < ApplicationController #... def index end end
新增app/views/welcome/index.html.erb內容是
<p>Hola! It's <%= Time.now %></p> <p><%= link_to 'Hello!', welcome_say_hello_path %></p>
Time
是Ruby內建的時間類別,Time.now
會輸出目前時間。link_to
是Rails內建的方法可以輸出超連結,而welcome_say_hello_path會輸出/welcome/say_hello
這個網址。這種出現在View中的輔助方法統稱作Helper。瀏覽http://localhost:3000/welcome,將看到Hola!及Hello!超連結。設定首頁
如何將網站首頁變更為welcome#index呢?編輯config/routes.rb,加上以下的程式碼,變成這樣:
Rails::Application.routes.draw do get "welcome/say_hello" => "welcome#say" get "welcome" => "welcome#index" root :to => "welcome#index" # ... end
Ruby的單行註解是用
#
井號這一行的意思是,將網站根目錄導引至welcome Controller的index Action。那在View中要怎麼建立回首頁的連結呢?編輯app/views/welcome/say.html.erb在Hello, World!下一行加入:
<h1>Hello, World!</h1> <p><%= link_to "Home", root_path %></p>
如此一來,網頁的首頁就會顯示Hola!和時間,連到http://localhost:3000/welcome/say_hello的時候也會在底下顯示一個「Home」的連結,點下去就會回到首頁了。
RUBY ON RAILS輸出Hello world
最新推荐文章于 2022-12-14 19:36:41 发布