almost 4 years ago

建立一個全新專案

打開 Terminal or iTerm2

rails new first-app
建立一個新的 Rails 專案

cd first-app
進入 first-app 專案資料夾

git init
建立 git 版本控制

git add .
git commit -m "Commit Initial"
第一次 Commit (存檔)


使用鷹架( Scaffold )功能

rails g scaffold topic title:string description:text
使用鷹架建置一個叫 topic 的簡易留言板

rake db:migrate
建立資料庫

rails s
開啓 server 模式

打開瀏覽器
網址: localhost:3000/topics

即可操作簡易的留言板功能


建立 welcome 頁面

插入一段 code

app/controllers/topics_controller.rb
class TopicsController < ApplicationController
  before_action :set_topic, only: [:show, :edit, :update, :destroy]

+ def welcome
+ end

  # GET /topics
  # GET /topics.json
  ...
  ...

設定 routes

config/routes.rb
Rails.application.routes.draw do
  resources :topics  
+ get 'welcome', to: 'topics#welcome'

  ...
  ...

建立 welcome.html.erb

到 app/views/topics/ 資料夾裡建立一個檔案

app/views/topics/welcome.html.erb
<h1> Hello World! </h1>

打開瀏覽器,網址: http://localhost:3000/welcome


設定首頁為 http://localhost:3000/topics

config/routes.rb
Rails.application.routes.draw do
  resources :topics
  get  'welcome', to: 'topics#welcome'
+ root 'topics#index'

  ...
  ...

打開瀏覽器,網址: http://localhost:3000

1 - 1. 使用 Bootstrap 做前端套版 →
 
comments powered by Disqus