Slides Rad Rails3

Preview:

DESCRIPTION

Slide 1 da aula de Rails 3

Citation preview

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

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

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...)

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.

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:

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

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

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

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

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

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

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

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).

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

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

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

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

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

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

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

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"

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:

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)

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)

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)

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)

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;

Daniel F. V. Cardoso Rapid Application Development - Rails

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

28/33

Refatorando

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

Daniel F. V. Cardoso Rapid Application Development - Rails

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

30/33

Refatorando

Daniel F. V. Cardoso Rapid Application Development - Rails

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

31/33

Refatorando

Daniel F. V. Cardoso Rapid Application Development - Rails

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

32/33

Refatorando● Testando:

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);

Recommended