index範例

■ 題型︰顯示時間及連結Hello
● 說明︰於同一控制檔下,出現『顯示時間』 資料。
※ 頁面內容︰
□ <p>Hola! It’s <%= Time.now %></p>
□ <p><%= link_to ‘Hello!’, welcome_say_hello_path %></p>
▲一.不需新建 welcome_controller.rb
▲二.修改url(路由)
【步驟】 以notepad 開啟J:ror_projectsdemoappconfigroutes.rb
《語法》︰Demo::Application.routes.draw do下多添一行
 □  get “welcome" => “welcome#index"
◎ 參圖 :
006-2-添路由
▲三.加入一個index方法
【步驟】 以notepad 開啟J:ror_projectsdemoappcontrollerswelcome_controller.rb
《語法》︰class WelcomeController < ApplicationController下多添二行
def index
end  (這個end是作設定首頁時發現漏的,事後補上的)
參圖是錯誤的 :少一個end(奇特是執行它會過關咧~~)
006-3-增index方法

◎ 參圖 : 正確語法,006-3-增index方法
▲四.新建一個頁面內容
【步驟】 以notepad 開啟新檔,填上語法後,存為  index.html.erb [附檔是 erb ,勿漏寫]
《語法》︰
□ <p>Hola! It’s <%= Time.now %></p>
□ <p><%= link_to ‘Hello!’, welcome_say_hello_path %></p>
《存檔至》︰J:ror_projectsdemoappviewswelcomeindex.html.erb
◎ 參圖 :
006-4-建新頁面
▲五.檢視成果
【步驟】開啟瀏覽器 > url: http://localhost:3000/welcome
◎ 參圖 : 顯示現在日期時間,內置Hello作為另一視窗的超連結
006-51-檢視成果hello
◎ 參圖 :
006-52-檢視成果hello