第一支網頁程式 Hello World!!

■ 題型︰Hello World!!
● 說明︰第一支網頁程式,僅出現『Hello World!!』即可,字型大小為h1。

▲ 一、 建立一個welcome_controller.rb的文件於appcontrollers資料夾中
【步驟】 開始 > 執行 > cmd > 開啟DOS模式
《語法》︰ rails generate controller welcome [可以簡寫為 rails g controller welcome]

  • rails g controller welcome

005-1-建welcome

▲ 二、 修改url(路由)
【步驟】 以notepad 開啟J:ror_projectsdemoappconfigroutes.rb
《語法》︰Demo::Application.routes.draw do下多添一行

  • get “welcome/say_hello" => “welcome#say"

005-2-添路由

▲ 三、 加入一個say方法
【步驟】 以notepad 開啟J:ror_projectsdemoappcontrollerswelcome_controller.rb
《語法》︰class WelcomeController < ApplicationController下多添二行

  • def say
  •  end

005-3-增say方法

▲ 四、自建一個頁面內容
【步驟】 以notepad 開啟新檔,填上語法後,存為  say.html.erb [附檔是 erb ,勿漏寫]
《語法》︰

  •   <h1>Hello, World!</h1>

《存檔至》︰J:ror_projectsdemoappviewswelcomesay.html.erb

005-4-建新頁面

▲ 五、檢視成果
【步驟】開啟瀏覽器 > url: http://localhost:3000/welcome/say_hello

005-5-檢視成果

 

後記: 倘若未能相同,勿跳過,耐心點,肯定是您偷懶用剪貼法,再手動試一次囉!

加油~~