slides rad rails3

33
Daniel F. V. Cardoso Rapid Applicaon Development - Rails INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA 1/33 Rapid Application Development - Rails DANIEL FERNANDES VILAR CARDOSO Coordenação de Sistemas para Internet IFPB 2015 Professor Substituto

Upload: gleydson-s-tavares

Post on 11-Jan-2016

15 views

Category:

Documents


0 download

DESCRIPTION

Slide 1 da aula de Rails 3

TRANSCRIPT

Page 1: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

1/33

Rapid Application Development - Rails

DANIEL FERNANDES VILAR CARDOSO

Coordenação de Sistemas para Internet IFPB

2015

Professor Substituto

Page 2: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

2/33

Estrutura:

• Páginas Estáticas

• Primeiros Testes

• Helpers

Page 3: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

3/33

Nova Aplicação● Acessar o c9.io;

● Inicializar o repositório;

● Submeter o projeto no heroku; (evitar problemas...)

Page 4: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

4/33

Páginas Estáticas

Note that we have passed the controller name as CamelCase, which leads to the creation of a controller file written in snake case.

Page 5: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

5/33

Páginas Estáticas● Alguns atalhos:

Page 6: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

6/33

Desfazendo Operações● $ rails generate controller StaticPages home help

● $ rails destroy controller StaticPages home help

● $ rails generate model User name:string email:string

● $ rails destroy model User

● $ bundle exec rake db:migrate

● $ bundle exec rake db:rollback

● $ bundle exec rake db:migrate VERSION=0

Page 7: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

7/33

Rotas Adicionadas

$ rails server -b $IP -p $PORT # Use only 'rails server' if running locally

Page 8: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

8/33

Página Gerada

Page 9: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

9/33

Controllers e Views

Page 10: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

10/33

Adicionando Conteúdo

Page 11: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

11/33

Adicionando Conteúdo

Page 12: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

12/33

Adicionando Conteúdo

Page 13: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

13/33

Testando Aplicação

The response :success is an abstract representation of the underlying HTTP status code (in this case, 200 OK).

Page 14: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

14/33

Testando Aplicação

Page 15: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

15/33

Testando Aplicação

The error message here says that no route matches the desired action/controller

Page 16: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

16/33

Testando Aplicação

The error message now indicates a missing about action in the Static Pages controller

Page 17: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

17/33

Testando Aplicação

$ touch app/views/static_pages/about.html.erb

Page 18: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

18/33

Testando Aplicação

Page 19: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

19/33

Testando Aplicação

Page 20: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

20/33

Aplication Layout● $ mv app/views/layouts/application.html.erb

layout_file # temporary change

Page 21: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

21/33

Testando Títulos● assert_select "title", "Home | Ruby on Rails

Tutorial Sample App"

Page 22: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

22/33

Testando Títulos● Aplicando aos outros:

Page 23: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

23/33

Adicionando Títulos(verde)

Page 24: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

24/33

Adicionando Títulos(verde)

Page 25: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

25/33

Adicionando Títulos(verde)

Page 26: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

26/33

Adicionando Títulos(verde)

Page 27: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

27/33

Refatorando● O título da página está quase igual;

● “Ruby on Rails...” é comum para todos os títulos;

● A estrutura do HTML está repetida em cada página;

Page 28: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

28/33

Refatorando

Page 29: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

29/33

Refatorando● $ mv layout_file

app/views/layouts/application.html.erb

Page 30: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

30/33

Refatorando

Page 31: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

31/33

Refatorando

Page 32: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

32/33

Refatorando● Testando:

Page 33: Slides Rad Rails3

Daniel F. V. Cardoso Rapid Application Development - Rails

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA

33/33

Exercícios

1)Faça a view 'static_pages/about.html.erb' utilizar o applicationLayout.

2)Defina a rota padrão apontar para a view 'home';

3)Submeta as mudanças para produção (heroku);