Rails初心者レッスン lesson2

Rails3 初心者レッスンby Minami.rb

しきりなおしの

Lesson 2

このレッスンでやること一覧1. Railsで何をする？どうしてRails?2. Railsを通してデータベースをブラウザから扱う3. 作ってみよう事始め4. プロジェクトとテーブル5. Railsはどんなふうに働いてる？6. URLが大事7. 見た目をキレイに8. リレーションを考える9. 日本語対応10.プラグインを使う11.ちょっとRubyに働いてもらう12.herokuに公開しよう

Lesson1の復習使ったコマンド

$ rails new$ rails generate scaffold entry event_id:integer member_id:integer(rails generate scaffold entry event:references member:references)$ rake db:migrate$ rails console$ rails s$ rails generate -h$ rake routes

attention!

画面遷移とURLの確認

現状の URLと、index,show,new,edit,delete は、

　どうなってる？

URLを作る画面遷移図よりURL例 http://host/members/entries http://host/members/entries/new http://host/members/entries/edit http://host/members/entries/id

config/routes.rbを設定 resources :members do　#親 resources :entries　#子 end

リンクのしくみviewの記述（link_toの場合）

例１：members#indexからmember#newへ① $ rake routes で確認 new_member GET /members/new(.:format)

{:action=>"new", :controller=>"members"}

② app/views/members/index.html.erb を設定 <%= link_to '表示文字', routesが作ったパス_path %> <%= link_to 'New Member', new_member_path %>

Top画面をつくる＆設定

welcomeページを作成 (controller+viewだけ作る) $ rails generate controller コントローラ名 メソッド名 e.g. rails generate controller welcome index

public/index.html　を削除

config/routes.rbを設定 root:to => “welcome#index”

実は、routes.rbに書いてある

リンクの設定viewの記述（link_toの場合）

例２：welcomeページからmembers#indexへ① $ rake routes で確認 members GET /members(.:format)

{:action=>"index", :controller=>"members"}

② app/views/welcome/index.html.erb を設定 <%= link_to 'Member', members_path %>

リンクの設定viewの記述（button_toの場合）

例1：welcomeからmembers#indexへapp/views/welcome/index.html.erb を設定 <%= button_to 'Member', members_path %>

又は <%= button_to_function 'Member', "location.href = '#{members_path(@member)}'"%>

見た目をきれいにデフォルトで用意されている全体のstylesheet

app/layout/application.html.erbpublic/stylesheet/application.csspublic/stylesheet/scaffold.css

application.css scaffold.css

member.css event.css

見た目をきれいにstylesheet（cssファイル）の呼び方

app/views/members/index.html.erb の一行目に追加 <%= stylesheet_link_tag "member" %>

imageファイル（gif, png, jpg）の呼び方ファイルを public/images の下に保存app/views/members/index.html.erb で置きたいところに追加 <%= image_tag('line_1.gif') %>

画面遷移に従って、URLを作成してください。(entryはeventの下とします。）welcomeページを作成し、TOP画面に設定してください。

画面遷移に従って、viewにリンクをはってください。showのリンクはボタン(button_to)にしてください。NewMemberのリンクをRuby関西のtwitterアイコンにしてください。

　（参考：image_submit_tag）

デザイナーさんから素材（デザイン）をもらったとして、このプロジェクトに反映させてください。welcomeページでlayout(application.html.erb)を反映させないようにしてください。利用規約ページを作成し、/agreementでアクセスできるようにしてください。（ついでに利用規約も考えてください。）

演習

Lesson2は、これで終わりです。お疲れさまでした。