RoR 101: Session 2
•
0 likes•813 views
This document provides an overview of building web applications with Ruby on Rails. It discusses the core components of a Rails app including models, views, controllers, and database migrations. It also covers generating scaffolds, ActiveRecord queries in the console, embedded Ruby syntax in views, layouts, and view helpers. The goal is to explain the anatomy and basic functionality of a Rails application.
More Related Content
What's hot
What's hot (20)
Similar to RoR 101: Session 2
Similar to RoR 101: Session 2 (20)
Recently uploaded
Recently uploaded (20)
RoR 101: Session 2
- 1. Building Web Apps with Rails II
- 2. Recap
- 4. Try Ruby! Http://tryruby.org Stop when you see "summary 4" or stuff about file operations. Skip to challenge on Classes.
- 6. Scaffold rails generate scaffold Station name:string description:text url:string
- 7. Scaffold rails generate scaffold Station name:string description:text url:string ● Model ● View ● Controller ● Database Migration
- 8. Anatomy of a Rails App Models, Views, & Controllers Migrations Files
- 9. CRUD actions in the controller ● Create – new, create ● Read – index, show ● Update – edit, update ● Destroy - destroy
- 10. Session 2 ● Rails Console ● ActiveRecord Queries ● Views ● Embedded Ruby Syntax ● Layouts ● Helper Methods
- 11. Controllers and Models Models Controllers DB
- 12. Controllers and Models Models Controllers DB In stations_controller.rb (index): @stations = Station.all
- 13. Controllers and Models Models Controllers DB In stations_controller.rb (show): @stations = Station.find(params[:id])
- 14. Controllers and Models Models Controllers DB ActiveRecord::Base Maps station model to stations table in database
- 15. The Rails Console 1. Open the terminal 2. Navigate to the 'firstfm' directory 3. Run the commands: rails console @stations = Station.all
- 16. The Rails Console rails console @stations = Station.all Task! Recreate the first line of the show action. 1. Create a hash with the key :id 2. Pass it into Station.find() Go to guides.rubyonrails.org/active_record_querying.html
- 17. The Rails Console Recreate the first line of the show action. 1. Create a hash with the key :id 2. Pass it into Station.find() Try out other AR methods: guides.rubyonrails.org/active_record_querying.html apidock.com/rails/ActiveRecord/Base
- 18. Views Models Controllers DB @station = Station.find(params[:id])
- 19. Views Views Models Controllers DB @station = Station.find(params[:id])
- 20. Views Views Models Controllers DB respond_to do |format| format.html # index.html.erb format.json {render json: @stations } end
- 22. View files match action names
- 23. Where are Create, update & destroy?
- 24. These are .erb, embedded ruby files
- 25. Let's Take A Look!
- 27. show.html.erb: … <p> <b>Name:</b> <%= @station.name %> </p> <p> <b>Description:</b> <%= @station.description %> </p> <p> <b>Url:</b> <%= @station.url %> </p> <%= %> ... for printing
- 28. show.html.erb: <%= link_to 'Edit', edit_station_path(@station) %> | <%= link_to 'Back', stations_path %> What's this?
- 29. show.html.erb: <%= link_to 'Edit', edit_station_path(@station) %> | <%= link_to 'Back', stations_path %> These are both view helpers.
- 30. View Helpers & Being DRY Don't Repeat Yourself
- 31. View Helpers & Being DRY View Helpers: Methods we can call in our views to write less code / markup!
- 32. View Helpers & Being DRY Rails Provides Us With Helpers: ● Links ● Forms ● Images ● And even more!
- 33. Layouts Layout files are found here
- 34. <!DOCTYPE html> <html> <head> <title>Firstfm</title> <%= stylesheet_link_tag "application" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> </head> <body> <%= yield %> The default layout template. </body> </html>
- 35. <!DOCTYPE html> <html> <head> <title>Firstfm</title> <%= stylesheet_link_tag "application" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> </head> <body> This is where our <%= yield %> templates are rendered </body> </html>
- 36. <!DOCTYPE html> <html> <head> <title>Firstfm</title> <%= stylesheet_link_tag "application" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> </head> <body> <%= yield %> This helpers include Our default js / css </body> </html>
- 37. Task: Display a logo image on each page ! 1. Find and download an image to use as a logo 2. Put it in 'firstfm/public/assets/' 3. Display it with the 'image_tag' helper Search for 'image_tag' on http://apidock.com/rails for reference!
- 38. Web Browser How does it all fit together? Rails Routing System Views Models DB Controllers