Introductie tot Programeren in Ruby on Rails

1. Ruby on Rials
The Rails Way 1

2. Rails ≠ Ruby

3. Ruby on Rails Principes

4. Thick models, thin
controllers & thin views
Views houden zich bezig met het tonen van
data
Controllers bepalen welke functies er per
request op het model worden aangeroepen
Models bevatten alle business logica (CRUD,
validaties, scopes, find)

5. Convention over
Configuration

6. Convention over
Configuration
Model BlogComment

7. Convention over
Configuration
Model BlogComment
staat in app/models/blog_comment.rb

8. Convention over
Configuration
Model BlogComment
staat in app/models/blog_comment.rb
heeft een tabelnaam blog_comments

9. Convention over
Configuration
Model BlogComment
staat in app/models/blog_comment.rb
heeft een tabelnaam blog_comments
Controller ArchiveController

10. Convention over
Configuration
Model BlogComment
staat in app/models/blog_comment.rb
heeft een tabelnaam blog_comments
Controller ArchiveController
staat in app/controllers/archive_controller.rb

11. Convention over
Configuration
Model BlogComment
staat in app/models/blog_comment.rb
heeft een tabelnaam blog_comments
Controller ArchiveController
staat in app/controllers/archive_controller.rb
views staan in app/views/archive

12. DRY: Don’t Repeat
Yourself

13. DRY: Don’t Repeat
Yourself
Gebruik partials in views

14. DRY: Don’t Repeat
Yourself
Gebruik partials in views
Gebruik filters in controllers

15. Models: ActiveRecord
ActiveRecord is verantwoordelijk voor alle
datagerelateerde processen
Object/Relationship Mapping (ORM) data in
de database wordt gemapt naar een classe in
de applicatie

16. Controllers:
ActionController
ActionController is verantwoordelijk voor de
afhandeling van user requests
Faciliteert de communicatie tussen het model
en de view

17. Views: ActionView
ActionView is verantwoordelijk voor het
tonen van (delen van) pagina’s
Maakt gebruik van een template systeem
vb: .html.erb .xml.erb .js.erb

18. REST
Representation State Transfer
Gebruikt HTTP (Get, Post, Put, Delete) voor
CRUD acties
routes.rb definieert restfull resources

19. Ruby on Rails Tools

20. command line
rails console
rails server
rake
rails generate
rails dbconsole
rails new app_name

21. Generators

22. Generators
> rails generate model MyModel title:string body:text

23. Generators
> rails generate model MyModel title:string body:text
invoke active_record
create db/migrate/20120618141106_create_my_models.rb
create app/models/my_model.rb
invoke test_unit
create test/unit/my_model_test.rb
create test/fixtures/my_models.yml

24. Generators
> rails generate model MyModel title:string body:text > rails generate controller home index
invoke active_record
create db/migrate/20120618141106_create_my_models.rb
create app/models/my_model.rb
invoke test_unit
create test/unit/my_model_test.rb
create test/fixtures/my_models.yml

25. Generators
> rails generate model MyModel title:string body:text > rails generate controller home index
invoke active_record create app/controllers/home_controller.rb
create db/migrate/20120618141106_create_my_models.rb route get "home/index"
create app/models/my_model.rb invoke erb
invoke test_unit create app/views/home
create test/unit/my_model_test.rb create app/views/home/index.html.erb
create test/fixtures/my_models.yml invoke test_unit
create test/functional/home_controller_test.rb
invoke helper
create app/helpers/home_helper.rb
invoke test_unit
create test/unit/helpers/home_helper_test.rb
invoke assets
invoke coffee
create app/assets/javascripts/home.js.coffee
invoke scss
create app/assets/stylesheets/home.css.scss

26. migrations

27. migrations
> rails generate migration CreateProducts

28. migrations
> rails generate migration CreateProducts
class CreateProducts < ActiveRecord::Migration
def up
end
def down
end
end

29. migrations
> rails generate migration CreateProducts
class CreateProducts < ActiveRecord::Migration
def up
create_table :products do |t|
t.string :name
t.text :description
t.timestamps
end
end
def down
drop_table :products
end
end

30. TDD / BDD
Schrijf een test die faalt en schrijf daarna
code om de test te laten slagen
Het geeft inzicht in wat de code moet doen
voordat deze geschreven wordt
TDD test afzonderlijke units
BDD test interactie tussen de units

31. ActiveSupport::TestCase
require 'test_helper'
class PostTest < ActiveSupport::TestCase
test "should not save product without title" do
product = Product.new
assert !product.save
end
end
class Product < ActiveRecord::Base
validates :title, :presence => true
end

32. ActionController::TestCase
require ‘test_helper’
test "should create post" do
assert_difference('Post.count') do
post :create, :post => { :title => 'Hi', :body => 'This is my first post.'}
end
assert_redirected_to post_path(assigns(:post))
assert_equal 'Post was successfully created.', flash[:notice]
end

33. ActionDispatch::IntegrationTest
require 'test_helper'
class UserFlowsTest < ActionDispatch::IntegrationTest
fixtures :users
test "login and browse site" do
# login via https
https!
get "/login"
assert_response :success
post_via_redirect "/login", :username => users(:avs).username, :password => users(:avs).password
assert_equal '/welcome', path
assert_equal 'Welcome avs!', flash[:notice]
https!(false)
get "/posts/all"
assert_response :success
assert assigns(:products)
end
end

34. Een Rails Applicatie

35. Een Rails Applicatie
gem install rails
gem install bundler
rails new dit_wil_ik --database mysql

36. Gemfile
1 plaats voor al je gem dependencies
Gemfile.lock houdt de versies bij en hoort in
Git te staan

37. Bundler
bundle install
bundle update
bundle update mijn_gem

38. Database config
config/database.yml
HOORT NIET IN GIT!!!!
rake db:create
rake db:migrate
rake db:rollback
rake db:rollback STEP=3
rake db:migrate:redo STEP=3

39. http://jonathanhui.com/
ruby-rails-3

40. Models
> rails generate model product title:string description:text url:string rating:integer
invoke active_record
create db/migrate/20120619094230_create_products.rb
create app/models/product.rb
invoke test_unit
create test/unit/product_test.rb
create test/fixtures/products.yml

41. Models
Migration Model
class CreateProducts < ActiveRecord::Migration class Product < ActiveRecord::Base
def change attr_accessible :description, :rating, :title, :url
create_table :products do |t| end
t.string :title
t.text :description
Test
t.string :url
t.integer :rating
require 'test_helper'
t.timestamps
end class ProductTest < ActiveSupport::TestCase
end # test "the truth" do
end # assert true
# end
end

42. Models
class Product < ActiveRecord::Base
attr_accessible :description, :rating, :title, :url
validate :title, :presence => true
end
require 'test_helper'
class ProductTest < ActiveSupport::TestCase
test "should not save product without title" do
product = Product.new
assert !product.save
end
end

43. Assosiations

44. Assosiations
belongs_to object bevat id van de relatie
has_one de relatie bevat id van object
has_many de relatie bevat id van object
has_and_belongs_to many-to-many relatie
met tussentabel

45. Models
> rails generate model user name:string
invoke active_record
create db/migrate/20120619103822_create_users.rb
create app/models/user.rb
invoke test_unit
create test/unit/user_test.rb
create test/fixtures/users.yml
> rails generate migration AddUserIdToProducts
invoke active_record
create db/migrate/20120619103714_add_user_id_to_products.rb

46. Models
class AddUserIdToProducts < ActiveRecord::Migration
def change
add_column :products, :user_id, :integer
end
end
class Product < ActiveRecord::Base
attr_accessible :description, :rating, :title, :url
belong_to :user
validate :title, :presence => true
end
class User < ActiveRecord::Base
attr_accessible :name
has_many :products
end

47. Models
p = Product.create :title => “Boek”
u = User.create :name => “Rupert Vliegje”
p.user = u
p.save
u.products.create => “Pizza”

48. Scopes

49. Scopes
class Product < ActiveRecord::Base
attr_accessible :description, :rating, :title, :url
belongs_to :user
scope :ordered, order(:title)
scope :rated, lambda{|rating| where("rating >= ?", rating)}
validates :title, :presence => true
end

50. Scopes
Product.rated(3)
Product.ordered
Product.rated(3).ordered

51. Polymorphic...

52. Polimorphic
Een model kan tot meerdere modellen
behoren binnen dezelfde assosiatie.
Bijvoorbeeld een plaatje dat bij een product
of een user hoort

53. Polymorphic
class Picture < ActiveRecord::Base
belongs_to :imageable, :polymorphic => true
end
class Product < ActiveRecord::Base
attr_accessible :description, :rating, :title, :url
belong_to :user
has_many :pictures, :as => :imageable
scope :ordered, order(:title)
scope :rated, lambda{|rating| where("rating >= ?", rating)}
validate :title, :presence => true
end
class User < ActiveRecord::Base
attr_accessible :name
has_many :products
has_many :pictures, :as => :imageable
end

54. Polymorphic
class CreatePictures < ActiveRecord::Migration
def change
create_table :pictures do |t|
t.string :name
t.integer :imageable_id
t.string :imageable_type
t.timestamps
end
end
end
class CreatePictures < ActiveRecord::Migration
def change
create_table :pictures do |t|
t.string :name
t.references :imageable, :polymorphic => true
t.timestamps
end
end
end

55. Polymorphic
u = User.first
u.pictures.create :name => "foto"
p = Product.first
p.pictures.create :name => "plaatje"

56. Controllers

57. Controllers
> rails generate controller Products index show
create app/controllers/products_controller.rb
route get "products/show"
route get "products/index"
invoke erb
create app/views/products
create app/views/products/index.html.erb
create app/views/products/show.html.erb
invoke test_unit
create test/functional/products_controller_test.rb
invoke helper
create app/helpers/products_helper.rb
invoke test_unit
create test/unit/helpers/products_helper_test.rb
invoke assets
invoke coffee
create app/assets/javascripts/products.js.coffee
invoke scss
create app/assets/stylesheets/products.css.scss

58. Controllers
class ProductsController < ApplicationController
def index
end
def show
end
end

59. Controllers
class ProductsController < ApplicationController
def index
@products = Product.ordered
end
def show
@product = Product.find_by_id(params[:id])
end
end

60. Views
app/views/products/index.html.erb
<h1>Products#index</h1>
<p>Find me in app/views/products/index.html.erb</p>
app/views/products/show.html.erb
<h1>Products#show</h1>
<p>Find me in app/views/products/show.html.erb</p>

61. Views
app/views/products/index.html.erb
<h1>Products</h1>
<% @products.each do |p| %>
<p><%= link_to p.title, p %></p>
<% end %>
app/views/products/show.html.erb
<h1><%= @product.title %></h1>
<p><%= @product.description.present? ? "#{@product.descirption}" : "Geen beschrijving"
%></p>
<p><%= @product.rating.present? ? "#{@product.rating}" : "Geen rating" %></p>
<p><%= link_to "<< Overzicht", products_path %></p>

62. Routing
config/routes.rb
DitWilIk::Application.routes.draw do
resources :products, :only => [:index, :show]
end

63. Routing
config/routes.rb
DitWilIk::Application.routes.draw do
resources :products, :only => [:index, :show]
end
rake routes

64. Routing
config/routes.rb
DitWilIk::Application.routes.draw do
resources :products, :only => [:index, :show]
end
rake routes
products GET /products(.:format) products#index
product GET /products/:id(.:format) products#show

65. En dan

66. Cookie, Session & Flash

67. Cookies
# Retrieve cookie with name "uid"
u_name = cookies[:uid]
# Set cookie
cookies[:uid] = u_name
# Delete a cookie
cookies.delete(:uid)

68. Sessions
session[:user_id] = user.id # sessie opslaan
@my_user ||= session[:user_id] && User.find_by_id(session[:user_id])
session[:user_id] = nil # sessie verwijderen
reset_session # Sessie resetten

69. Flash
flash[:notice] = “Alles is OK!”
<%= flash[:notice] if flash[:notice].present? %>
redirect_to products_path, :notice => “Product is opgeslagen”
flash[:notice].now = “Blijft alleen bewaard voor dit request (AJAX)”
flash[:notice].keep = “Blijft bewaard voor volgend request”

70. Forms
Rails kent geen Form objecten
Forms staan gewoon in views
Alle validaties horen in het Model
Het Form interacteert met de Controller
De Controller met het Model

71. Forms
# Forms voor resources
<%= form_for(@product) do |f| %>
<%= f.label :title %>
<%= f.text_field :title %>
<%= f.submit “Opslaan”
<% end %>
# Onafhankelijk formulier
<%= form_tag({:controller => "people", :action => "search"}, :method => "get", :class => "nifty_form") %>
<p>value:<%= text_field_tag(:search) %></p>
<%= submit_tag 'Zoeken' %>
<% end %>

72. En nu?

73. En nu?
railsforzombies.org

74. En nu?
railsforzombies.org
rails new dit_wil_ik --database mysql

75. En nu?
railsforzombies.org
rails new dit_wil_ik --database mysql
Verlanglijstje
- Gebruiker kan zich registreren
- Gebruiker kan producten toevoegen die hij graag zou willen hebben
- Gebruiker kan een rating aan een product geven
- Gebruiker kan een link naar betreffende webshop aan een producten toevoegen
- Gebruiker kan een plaatje aan een product toevoegen
- Gebruiker kan bij een product een feestgelegenheid toevoegen
- Gebruiker kan een toegevoegd product wijzigen en verwijderen
- Gebruiker kan feestgelegenheden toevoegen, wijzigen en verwijderen
- Gebruiker kan een overzicht van zijn lijst op het scherm zien
- Gebruiker kan het overzicht van zijn lijst emailen
- ...

76. En nu?
railsforzombies.org
rails new dit_wil_ik --database mysql
Demo: 5 juli
Verlanglijstje
- Gebruiker kan
- Gebruiker kan
zich registreren
producten toevoegen die hij graag zou willen hebben
- Gebruiker kan een rating aan een product geven
- Gebruiker kan een link naar betreffende webshop aan een producten toevoegen
- Gebruiker kan een plaatje aan een product toevoegen
- Gebruiker kan bij een product een feestgelegenheid toevoegen
- Gebruiker kan een toegevoegd product wijzigen en verwijderen
- Gebruiker kan feestgelegenheden toevoegen, wijzigen en verwijderen
- Gebruiker kan een overzicht van zijn lijst op het scherm zien
- Gebruiker kan het overzicht van zijn lijst emailen
- ...