Anda di halaman 1dari 244

TREINAMENTOS

Desenvolvimento Web
com ASP.NET MVC 4

Desenvolvimento Web com ASP.NET MVC 4

30 de agosto de 2013

Sumrio

Sobre a K19

Seguro Treinamento

Termo de Uso

Cursos

Banco de Dados
1.1 Sistemas Gerenciadores de Banco de Dados .
1.2 SQL Server . . . . . . . . . . . . . . . . . . . .
1.3 Bases de Dados (Databases) . . . . . . . . . .
1.4 Tabelas . . . . . . . . . . . . . . . . . . . . . .
1.5 CRUD . . . . . . . . . . . . . . . . . . . . . . .
1.6 Chaves Primria e Estrangeira . . . . . . . . .
1.7 Exerccios de Fixao . . . . . . . . . . . . . .
ADO.NET
2.1 Driver . . . . . . . . . . . . .
2.2 ODBC . . . . . . . . . . . . .
2.3 ODBC Manager . . . . . . .
2.4 Criando uma conexo . . . .
2.5 Inserindo registros . . . . . .
2.6 Exerccios de Fixao . . . .
2.7 Exerccios Complementares
2.8 SQL Injection . . . . . . . . .
2.9 Exerccios de Fixao . . . .
2.10 Exerccios Complementares
2.11 Listando registros . . . . . .
2.12 Exerccios de Fixao . . . .
2.13 Exerccios Complementares
2.14 Connection Factory . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

www.facebook.com/k19treinamentos

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.

1
1
2
2
4
6
9
10

.
.
.
.
.
.
.
.
.
.
.
.
.
.

23
24
25
25
26
26
27
28
28
29
30
30
31
32
32
i

S UMRIO

ii

ii

2.15 Exerccios de Fixao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


2.16 Exerccios Complementares . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
2.17 Desafios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

33
35
35

Entity Framework
3.1 Mltiplas sintaxes da linguagem SQL . . . .
3.2 Orientao a Objetos VS Modelo Relacional
3.3 Ferramentas ORM . . . . . . . . . . . . . . .
3.4 Instalando o Entity Framework . . . . . . .
3.5 Configurao . . . . . . . . . . . . . . . . . .
3.6 Convenes de Mapeamento . . . . . . . .
3.7 Exerccios de Fixao . . . . . . . . . . . . .
3.8 Data Annotations . . . . . . . . . . . . . . .
3.9 Exerccios de Fixao . . . . . . . . . . . . .
3.10 Gerenciamento de entidades . . . . . . . .
3.11 Exerccios de Fixao . . . . . . . . . . . . .
3.12 Repositrios . . . . . . . . . . . . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.

37
37
37
38
39
40
41
47
50
55
55
57
59

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.

Code First Migrations


4.1 Code First Migrations . . . . . . . . . .
4.2 Exerccios de Fixao . . . . . . . . . .
4.3 Acrescentando uma nova entidade . .
4.4 Exerccios de Fixao . . . . . . . . . .
4.5 Operaes do Code First Migrations .
4.6 Exerccios de Fixao . . . . . . . . . .
4.7 Migrao para uma verso especfica .
4.8 Gerando Script SQL . . . . . . . . . . .

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

61
61
67
71
73
74
75
77
78

Viso Geral do ASP.NET MVC


5.1 Necessidades de uma aplicao web
5.2 ASP.NET MVC . . . . . . . . . . . . .
5.3 MVC e Front Controller . . . . . . . .
5.4 Visual Studio . . . . . . . . . . . . . .
5.5 Exemplo de uma Aplicao Web . . .
5.6 Exerccios de Fixao . . . . . . . . .
5.7 Integrao com Entity Framework .
5.8 Scaffold . . . . . . . . . . . . . . . . .
5.9 Exerccios de Fixao . . . . . . . . .

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

79
79
80
80
81
82
83
88
88
89

Camada de Apresentao
6.1 Razor e ASPX . . . . . . . . . . .
6.2 Exerccios de Fixao . . . . . .
6.3 Exerccios Complementares . .
6.4 ViewBag e Strogly Typed Views
6.5 Exerccios de Fixao . . . . . .
6.6 HTML Helpers . . . . . . . . . .
6.7 Exerccios de Fixao . . . . . .
6.8 Layouts . . . . . . . . . . . . . .
6.9 Exerccios de Fixao . . . . . .
6.10 Partial views . . . . . . . . . . .

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

93
93
95
96
97
99
102
111
115
118
124

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.

www.k19.com.br

iii

S UMRIO

6.11 Exerccios de Fixao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126


7

Camada de Controle
7.1 Actions . . . . . . . .
7.2 ActionResult . . . . .
7.3 Parmetros . . . . . .
7.4 Exerccios de Fixao
7.5 TempData . . . . . . .
7.6 Exerccios de Fixao
7.7 Rotas . . . . . . . . . .
7.8 Exerccios de Fixao

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

Validao
8.1 Controller . . . . . . . . . . .
8.2 View . . . . . . . . . . . . . .
8.3 Exerccios de Fixao . . . .
8.4 Anotaes . . . . . . . . . . .
8.5 Validao no lado do Cliente
8.6 Exerccios de Fixao . . . .

.
.
.
.
.
.
.
.

.
.
.
.
.
.

Sesso
9.1 Identificando os navegadores
9.2 Sesses no ASP.NET MVC . . .
9.3 Session Mode . . . . . . . . . .
9.4 Exerccios de Fixao . . . . .

10 Filtros
10.1 Tipos de Filtros . . . .
10.2 Filtro de Autorizao
10.3 Exerccios de Fixao
10.4 Filtro de Ao . . . . .
10.5 Exerccios de Fixao
10.6 Filtro de Resultado . .
10.7 Exerccios de Fixao
10.8 Filtro de Exceo . . .
10.9 Exerccios de Fixao

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.

.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.

129
129
130
131
132
135
136
137
139

.
.
.
.
.
.

143
143
144
145
148
149
150

.
.
.
.

153
153
153
154
155

.
.
.
.
.
.
.
.
.

161
161
162
164
170
171
174
176
176
177

11 Tratamento de Erros
11.1 Try-Catch . . . . . . .
11.2 Custom Errors . . . .
11.3 Http Errors . . . . . .
11.4 Exerccios de Fixao

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

181
182
183
183
185

A ASP.NET Web API


A.1 REST . . . . . . . . . .
A.2 Resources . . . . . . .
A.3 URIs . . . . . . . . . .
A.4 Operaes . . . . . .
A.5 Media Type . . . . . .
A.6 Exerccios de Fixao

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

189
189
190
190
190
192
192

www.facebook.com/k19treinamentos

iii

S UMRIO

B Projeto
B.1 Modelo . . . . . . . . . . . . . . . . . . . . . . . .
B.2 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.3 Persistncia - Mapeamento . . . . . . . . . . . .
B.4 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.5 Persistncia - Configurao . . . . . . . . . . . .
B.6 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.7 Persistncia - Repositrios . . . . . . . . . . . . .
B.8 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.9 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.10 Apresentao - Template . . . . . . . . . . . . . .
B.11 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.12 Cadastrando e Listando Selees . . . . . . . . .
B.13 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.14 Removendo Selees . . . . . . . . . . . . . . . .
B.15 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.16 Cadastrando, Listando e Removendo Jogadores
B.17 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.18 Removendo Jogadores . . . . . . . . . . . . . . .
B.19 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.20 Membership e Autorizao . . . . . . . . . . . . .
B.21 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.22 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.23 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.24 Controle de Erro . . . . . . . . . . . . . . . . . . .
B.25 Exerccios de Fixao . . . . . . . . . . . . . . . .
B.26 Enviando email . . . . . . . . . . . . . . . . . . .
B.27 Exerccios de Fixao . . . . . . . . . . . . . . . .

iv

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

C Respostas

iv

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

197
197
197
198
198
199
199
199
199
201
202
202
205
205
208
208
210
210
214
214
216
216
224
225
226
226
227
227
231

www.k19.com.br

S UMRIO

Sobre a K19
A K19 uma empresa especializada na capacitao de desenvolvedores de software. Sua equipe
composta por profissionais formados em Cincia da Computao pela Universidade de So Paulo
(USP) e que possuem vasta experincia em treinamento de profissionais para rea de TI.
O principal objetivo da K19 oferecer treinamentos de mxima qualidade e relacionados s principais tecnologias utilizadas pelas empresas. Atravs desses treinamentos, seus alunos se tornam
capacitados para atuar no mercado de trabalho.
Visando a mxima qualidade, a K19 mantm as suas apostilas em constante renovao e melhoria, oferece instalaes fsicas apropriadas para o ensino e seus instrutores esto sempre atualizados
didtica e tecnicamente.

www.facebook.com/k19treinamentos

S UMRIO

Seguro Treinamento
Na K19 o aluno faz o curso quantas vezes quiser!
Comprometida com o aprendizado e com a satisfao dos seus alunos, a K19 a nica que possui o Seguro Treinamento. Ao contratar um curso, o aluno poder refaz-lo quantas vezes desejar
mediante a disponibilidade de vagas e pagamento da franquia do Seguro Treinamento.
As vagas no preenchidas at um dia antes do incio de uma turma da K19 sero destinadas ao
alunos que desejam utilizar o Seguro Treinamento. O valor da franquia para utilizar o Seguro Treinamento 10% do valor total do curso.

www.k19.com.br

S UMRIO

Termo de Uso
Termo de Uso
Todo o contedo desta apostila propriedade da K19 Treinamentos. A apostila pode ser utilizada
livremente para estudo pessoal . Alm disso, este material didtico pode ser utilizado como material
de apoio em cursos de ensino superior desde que a instituio correspondente seja reconhecida pelo
MEC (Ministrio da Educao) e que a K19 seja citada explicitamente como proprietria do material.
proibida qualquer utilizao desse material que no se enquadre nas condies acima sem
o prvio consentimento formal, por escrito, da K19 Treinamentos. O uso indevido est sujeito s
medidas legais cabveis.

www.facebook.com/k19treinamentos

S UMRIO

S
TO
EN
AM
EIN
TREINAMENTOS
TR
EIN
AM
EN
TO

TR

Conhea os nossos cursos


K01- Lgica de Programao
K02 - Desenvolvimento Web com HTML, CSS e JavaScript
K03 - SQL e Modelo Relacional
K11 - Orientao a Objetos em Java
K12 - Desenvolvimento Web com JSF2 e JPA2
K21 - Persistncia com JPA2 e Hibernate
K22 - Desenvolvimento Web Avanado com JFS2, EJB3.1 e CDI
K23 - Integrao de Sistemas com Webservices, JMS e EJB
K41 - Desenvolvimento Mobile com Android
K51 - Design Patterns em Java
K52 - Desenvolvimento Web com Struts
K31 - C# e Orientao a Objetos
K32 - Desenvolvimento Web com ASP.NET MVC

www.k19.com.br/cursos

www.k19.com.br

CAPTULO

B ANCO DE D ADOS

Em geral, as aplicaes necessitam armazenar dados de forma persistente para consult-los posteriormente. Por exemplo, a aplicao de uma livraria precisa armazenar os dados dos livros e dos
autores de forma persistente.
Suponha que esses dados sejam armazenados em arquivos do sistema operacional. Vrios fatores importantes nos levam a descartar tal opo. A seguir, apresentamos as principais dificuldades a
serem consideradas na persistncia de dados.

Segurana: O acesso s informaes potencialmente confidenciais deve ser controlado de forma


que apenas usurios e sistemas autorizados possam manipul-las.
Integridade: Restries relacionadas aos dados armazenados devem ser respeitadas para que as informaes estejam sempre consistentes.
Consulta: O tempo gasto para realizar as consultas aos dados armazenados deve ser o menor possvel.
Concorrncia: Em geral, diversos sistemas e usurios acessaro concorrentemente as informaes
armazenadas. Apesar disso, a integridade dos dados deve ser preservada.

Considerando todos esses aspectos, conclumos que um sistema complexo seria necessrio para
persistir as informaes de uma aplicao de maneira adequada. Felizmente, tal tipo de sistema j
existe e conhecido como Sistema Gerenciador de Banco de Dados (SGBD).

Figura 1.1: Sistema Gerenciador de Banco de Dados

Sistemas Gerenciadores de Banco de Dados


No mercado, h diversas opes de sistemas gerenciadores de banco de dados. Os mais populares
so:
Oracle Database
SQL Server
www.facebook.com/k19treinamentos

B ANCO DE D ADOS

MySQL Server

PostgreSQL

SQL Server
Neste treinamento, utilizaremos o SQL Server Express, que mantido pela Microsoft. O SQL Server
Express pode ser obtido a partir do site:

http://www.microsoft.com/express/Database/.

Microsoft SQL Server Management Studio Express


Para interagir com o SQL Server Express, utilizaremos um cliente com interface grfica chamado
de Microsoft SQL Server Management Studio Express.

Bases de Dados (Databases)


Um sistema gerenciador de banco de dados capaz de gerenciar informaes de diversos sistemas
ao mesmo tempo. Por exemplo, as informaes dos clientes de um banco, alm dos produtos de uma
loja virtual ou dos livros de uma livraria.
Suponha que os dados fossem mantidos sem nenhuma separao lgica. Implementar regras
de segurana especficas seria extremamente complexo. Tais regras criam restries quanto ao contedo que pode ser acessado por cada usurio. Por exemplo, determinado usurio poderia ter permisso de acesso aos dados dos clientes do banco, mas no s informaes dos produtos da loja
virtual, ou dos livros da livraria.
Para obter uma organizao melhor, os dados so armazenados separadamente em um SGDB.
Da surge o conceito de base de dados (database). Uma base de dados um agrupamento lgico das
informaes de um determinado domnio.

Criando uma base de dados no SQL Server Express


Para criar uma base de dados no SQL Server Express, utilizamos o comando CREATE DATABASE.
2

www.k19.com.br

B ANCO DE D ADOS

www.facebook.com/k19treinamentos

B ANCO DE D ADOS

Repare que alm da base de dados livraria h outras bases. Essas bases foram criadas automaticamente pelo prprio SQL Server Express para teste ou para guardar algumas configuraes.
Quando uma base de dados no mais necessria, ela pode ser removida atravs do comando
DROP DATABASE.

Tabelas
Um servidor de banco de dados dividido em bases de dados com o intuito de separar as informaes de domnios diferentes. Nessa mesma linha de raciocnio, podemos dividir os dados de uma
base a fim de agrup-los segundo as suas correlaes. Essa separao feita atravs de tabelas. Por
exemplo, no sistema de um banco, interessante separar o saldo e o limite de uma conta, do nome e
CPF de um cliente. Ento, poderamos criar uma tabela para os dados relacionados s contas e outra
para os dados relacionados aos clientes.

nome
Jos
Maria

Cliente
idade cpf
27
31875638735
32
30045667856

numero
1
2

Conta
saldo
1000
2000

limite
500
700

Tabela 1.1: Tabelas para armazenar os dados relacionados aos clientes e s contas

Uma tabela formada por registros (linhas) e os registros so formados por campos (colunas).
Por exemplo, considere uma tabela para armazenar as informaes dos clientes de um banco. Cada
registro dessa tabela armazena em seus campos os dados de um determinado cliente.

Criando tabelas no SQL Server Express


As tabelas no SQL Server Express so criadas atravs do comando CREATE TABLE. Na criao de
uma tabela necessrio definir quais so os nomes e os tipos das colunas.

www.k19.com.br

B ANCO DE D ADOS

www.facebook.com/k19treinamentos

B ANCO DE D ADOS

No SQL Server os nomes das tabelas so precedidas pelo ID do usurio que possui a tabela. No
caso do usurio sa, o ID dbo. Portanto o nome da tabela Livros fica dbo.Livros.
Se uma tabela no for mais desejada ela pode ser removida atravs do comando DROP TABLE.

CRUD
As operaes bsicas para manipular os dados persistidos so: inserir, ler, alterar e remover.
Essas operaes so realizadas atravs de uma linguagem de consulta denominada SQL (Structured Query Language). Essa linguagem oferece quatro comandos bsicos: INSERT, SELECT, UPDATE
6

www.k19.com.br

B ANCO DE D ADOS

e DELETE. Esses comandos so utilizados para inserir, ler, alterar e remover registros, respectivamente.

www.facebook.com/k19treinamentos

B ANCO DE D ADOS

www.k19.com.br

B ANCO DE D ADOS

Chaves Primria e Estrangeira


Suponha que os livros da nossa livraria sejam classificados por editoras. As editoras possuem nome
e telefone. Para armazenar esses dados, uma nova tabela deveria ser criada.
Nesse momento, teramos duas tabelas (Livro e Editora). Constantemente, a aplicao da livraria
dever descobrir qual a editora de um determinado livro ou quais so os livros de uma determinada
editora. Para isso, os registros da tabela Editora devem estar relacionados aos da tabela Livro.
Na tabela Livro, poderamos adicionar uma coluna para armazenar o nome da editora dos livros.
Dessa forma, se algum quiser recuperar as informaes da editora de um determinado livro, deve
www.facebook.com/k19treinamentos

B ANCO DE D ADOS

10

consultar a tabela Livro para obter o nome da editora correspondente. Depois, com esse nome, deve
consultar a tabela Editora para obter as informaes da editora.
Porm, h um problema nessa abordagem. A tabela Editora aceita duas editoras com o mesmo
nome. Dessa forma, eventualmente, no conseguiramos descobrir os dados corretos da editora de
um determinado livro. Para resolver esse problema, deveramos criar uma restrio na tabela Editora
que proba a insero de editoras com o mesmo nome.
Para resolver esse problema no SQL Server Express, poderamos adicionar a propriedade UNIQUE no campo nome da tabela Editora. Porm, ainda teramos mais um problema. Na tabela Livro, poderamos adicionar registros vinculados a editoras inexistentes, pois no h nenhuma relao
explcita entre as tabelas. Para solucionar esses problemas, devemos utilizar o conceito de chave
primria e chave estrangeira.
Toda tabela pode ter uma chave primria, que um conjunto de um ou mais campos que devem ser nicos para cada registro. Normalmente, um campo numrico escolhido para ser a chave
primria de uma tabela, pois as consultas podem ser realizadas com melhor desempenho.
Ento, poderamos adicionar um campo numrico na tabela Editora e torn-lo chave primria.
Vamos chamar esse campo de id. Na tabela Livro, podemos adicionar um campo numrico chamado
editora_id que deve ser utilizado para guardar o valor da chave primria da editora correspondente
ao livro. Alm disso, o campo editora_id deve estar explicitamente vinculado com o campo id da
tabela Editora. Para estabelecer esse vnculo, o campo editora_id da tabela Livro deve ser uma chave
estrangeira associada chave primria da tabela Editora.
Uma chave estrangeira um conjunto de uma ou mais colunas de uma tabela que possuem valores iguais aos da chave primria de outra tabela.
Com a definio da chave estrangeira, um livro no pode ser inserido com o valor do campo
editora_id invlido. Caso tentssemos fazer isso, obteramos uma mensagem de erro.

Exerccios de Fixao

Abra o Microsoft SQL Server Management Studio Express utilizando NOME_DA_MAQUINA


SQLEXPRESS como Server Name, SQL Server Authentication como Authentication, sa como Login
e sa como Password.
1

10

www.k19.com.br

11

B ANCO DE D ADOS

Caso exista uma base de dados chamada Livraria, remova-a conforme a figura abaixo:

www.facebook.com/k19treinamentos

11

B ANCO DE D ADOS

12

Crie uma nova base de dados chamada livraria, conforme mostrado na figura abaixo. Voc vai
utilizar esta base nos exerccios seguintes.
3

12

www.k19.com.br

13

B ANCO DE D ADOS

Crie uma tabela chamada Editoras conforme as figuras abaixo.

www.facebook.com/k19treinamentos

13

B ANCO DE D ADOS

14

Altere os campos para torn-los obrigatrios, NO permitindo que eles fiquem em branco NU LL.

Alm disso o campo Id deve ser uma chave primria.

14

www.k19.com.br

15

B ANCO DE D ADOS

O campo Id dever ser incrementado automaticamente. Defina ele com a propriedade Identity
segundo a figura abaixo:

Crie uma tabela chamada Livros conforme as figuras abaixo:


www.facebook.com/k19treinamentos

15

B ANCO DE D ADOS

16

Lembrando de NO marcar a opo ALLOW NULL. Alm disso o campo Id deve ser uma chave
primria e automaticamente incrementada.
Voc precisa tornar o campo EditoraId uma chave estrangeira. Clique com o boto direito sobre
a coluna EditoraId e selecione a opo Relantioships..., conforme a figura abaixo:
16

www.k19.com.br

17

B ANCO DE D ADOS

Devemos acrescentar o relacionamento entre livro e editora. Clique em Add e posteriormente no


boto direita na linha Tables and Columns Specification.

Devemos informar qual a chave primria que a coluna EditoraId da tabela Livros faz referncia.
www.facebook.com/k19treinamentos

17

B ANCO DE D ADOS

18

Para isto, informe a tabela Editoras como Primary Key Table e indique a coluna Id como a chave
primria referenciada. Selecione a coluna EditoraId como a coluna que ir fazer referncia a chave
primria da tabela Editoras.

Adicione alguns registros na tabela Editoras. Veja exemplos na figura abaixo:

Adicione alguns registros na tabela Livros. Veja exemplos na figura abaixo:


18

www.k19.com.br

19

B ANCO DE D ADOS

Consulte os registros da tabela Editoras, e em seguida consulte a tabela Livros. Veja exemplos
logo abaixo:
7

www.facebook.com/k19treinamentos

19

B ANCO DE D ADOS

Altere alguns dos registros da tabela Livros. Veja o exemplo abaixo:

Altere alguns dos registros da tabela Editoras. Veja o exemplo abaixo:

20

20

www.k19.com.br

21

10

B ANCO DE D ADOS

Remova alguns registros da tabela Livros. Veja o exemplo abaixo:

Remova alguns registros da tabela Editoras. Preste ateno para no remover uma editora que
tenha algum livro relacionado j adicionado no banco. Veja o exemplo abaixo:
11

www.facebook.com/k19treinamentos

21

B ANCO DE D ADOS

22

Faa uma consulta para buscar todos os livros de uma determinada editora. Veja um exemplo
na figura abaixo:
12

22

www.k19.com.br

CAPTULO

ADO.NET

No captulo anterior, aprendemos que utilizar bancos de dados uma tima alternativa para
armazenar os dados de uma aplicao. Entretanto, voc deve ter percebido que as interfaces disponveis para interagir com o SQL Server Express no podem ser utilizadas por qualquer pessoa. Para
utiliz-las, necessrio conhecer a linguagem SQL e os conceitos do modelo relacional. Em geral, as
interfaces dos outros SGDBs exigem os mesmos conhecimentos.

SELECT * FROM tbl_funcionarios WHERE


nome LIKE %jonas%;
INSERT INTO tbl_funcionarios (nome,
codigo, salario) VALUES (Rafael, 1234,
1000);

Figura 2.1: Usurios comuns no possuem conhecimento sobre SQL ou sobre o modelo relacional

Para resolver esse problema, podemos desenvolver aplicaes com interfaces que no exijam conhecimentos tcnicos de SQL ou do modelo relacional para serem utilizadas. Dessa forma, usurios
comuns poderiam manipular as informaes do banco de dados atravs dessas aplicaes. Nessa
abordagem, os usurios interagem com as aplicaes e as aplicaes interagem com os SGDBs.

www.k19.com.br

Cadastro de Funcionrios
Nome:
Cdigo:
Salrio:

Figura 2.2: Usurios comuns devem utilizar interfaces simples

www.facebook.com/k19treinamentos

23

ADO.NET

24

Driver
As aplicaes interagem com os SGDBs atravs de troca de mensagens. Os SGDBs definem o formato
das mensagens. Para no sobrecarregar o canal de comunicao entre as aplicaes e os SGDBs, as
mensagens trocadas devem ocupar o menor espao possvel. Geralmente, protocolos binrios so
mais apropriados para reduzir o tamanho das mensagens e consequentemente diminuir a carga do
canal de comunicao. Por isso, os SGDBs utilizam protocolos binrios.

find

rollback

getReference
persist
begin
getTransaction
commit

10110
111000
10010

Figura 2.3: Diminuindo o tamanho das mensagens para no sobrecarregar o meio de comunicao

Mensagens binrias so facilmente interpretadas por computadores. Por outro lado, so complexas para um ser humano compreender. Dessa forma, o trabalho dos desenvolvedores seria muito
complexo, aumentando o custo para o desenvolvimento e manuteno das aplicaes.

11
01 01
01 00 01
11 1 1 0
1
1
10 010 11 110 01
0 01 0 1
0
1
1
10 111 10 110 11
0 01 01 00
01 101 11
1 010
0

1011010111
0010110001
1010111101
0111011100
0101101001
1101011101
0010110011

1011010111
0010110001
1010111101
0111011100
0101101001
1101011101
0010110011

Figura 2.4: Mensagens binrias so altamente complexas para os seres humanos

Para resolver esse problema e facilitar o desenvolvimento das aplicaes, as empresas propriet24

www.k19.com.br

25

ADO.NET

rias dos SGDBs, normalmente, desenvolvem e distribuem drivers de conexo. Um driver de conexo
atua como um intermedirio entre as aplicaes e os SGDBs.
Os drivers de conexo so tradutores de comandos escritos em uma determinada linguagem
de programao para comandos definidos de acordo com o protocolo de um SGDB. Utilizando um
driver de conexo, os desenvolvedores das aplicaes no manipulam diretamente as mensagens
binrias trocadas entre as aplicaes e os SGDBs.

Mais Sobre
Em alguns casos, o protocolo binrio de um determinado SGDB fechado. Consequentemente, a nica maneira de se comunicar com ele atravs de um driver de conexo
oferecido pelo fabricante desse SGDB.

ODBC
Suponha que os proprietrios dos bancos de dados desenvolvessem os drivers de maneira totalmente independente. Consequentemente, cada driver teria sua prpria interface, ou seja, seu prprio conjunto de instrues. Dessa maneira, o desenvolvedor da aplicao precisa conhecer as instrues de cada um dos drivers dos respectivos bancos que ele for utilizar.
Para facilitar o trabalho do desenvolvedor da aplicao, a Microsoft definiu uma especificao
chamada ODBC (Open Database Connectivity) para padronizar a interface dos drivers de conexo.
Assim, quando uma empresa proprietria de um banco de dados pretende desenvolver um driver,
ela segue essa especificao com o intuito de populariz-lo.
Os drivers de conexo que respeitam a especificao ODBC, ou seja, possuem um conjunto de
comandos padronizados, so chamados de drivers de conexo ODBC.

ODBC Manager
Para que drivers ODBC possam ser instalados em uma mquina e as aplicaes consigam utiliz-los
necessrio ter o ODBC Manager, que j vem instalado no Windows.
O driver de conexo ODBC j est disponvel para utilizao, podemos consultar o ODBC Manager do Windows. O ODBC Manager pode ser executado atravs do item Ferramentas Administrativas do Painel de Controle.
www.facebook.com/k19treinamentos

25

ADO.NET

26

Criando uma conexo


Com o driver de conexo ODBC instalado na mquina j possvel criar uma conexo com o banco
de dados correspondente. O que necessrio para estabelecer uma conexo com o banco de dados?
Escolher o driver de conexo;
Definir a localizao do banco de dados;
Informar o nome da base de dados;
Ter um usurio e senha cadastrados no banco de dados.
Todas essas informaes so definidas na chamada string de conexo.
1 string stringDeConexao = @ " driver ={ SQL Server };
2
server = MARCELO - PC \ SQLEXPRESS ; database = livraria ; uid = sa ; pwd = sa ; " ;
Cdigo C# 2.1: Definindo a string de conexo

Aps a definio da string de conexo, podemos utilizar a classe System.Data.Odbc.OdbcConnection do .NET Framework. Essa classe responsvel por criar conexes ODBC.
1 OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) ;
Cdigo C# 2.2: Criando uma conexo ODBC

Inserindo registros
Estabelecida a conexo com o banco de dados, j podemos executar comandos. Por exemplo, possvel inserir registros nas tabelas. O primeiro passo para executar um comando defini-lo em linguagem SQL de acordo com a sintaxe do SGDB utilizado.
26

www.k19.com.br

27

ADO.NET

1 string textoDoComando = @ " INSERT INTO Editoras ( Nome , Email )


2
VALUES ( Abril , abril@email . com ) ; " ;

Mais Sobre
O caractere @ antes de um valor literal do tipo string indica que os caracteres dentro
da string no devem ser processados como caracteres especiais.

Em seguida, devemos criar um objeto da classe System. Data.Odbc.OdbcCommand a partir do


cdigo sql e da conexo previamente criados. O comando no executado quando os objetos dessa
classe so instanciados.
1 OdbcCommand comando = new OdbcCommand ( textoDoComando , conexao ) ;
Cdigo C# 2.4: Criando um comando ODBC

Por fim, o comando pode ser executado atravs do mtodo ExecuteNonQuery(). A conexo deve
ser aberta antes de executar o comando.
1 conexao . Open () ;
2 comando . ExecuteNonQuery () ;

Importante
A mesma conexo pode ser reaproveitada para executar vrias operaes. Quando no
houver mais operaes a serem executadas, devemos finalizar a conexo ODBC atravs
do mtodo Close(). Finalizar as conexes ODBC que no so mais necessrias importante
pois libera recursos no SGBD.
1 conexao . close () ;
Cdigo C# 2.6: Finalizando uma conexo ODBC

Mais Sobre
Em C#, para evitar que o uma conexo no seja fechada aps a sua utilizao, podemos
aplicar um bloco using.
1 using ( OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) )
2 {
3
// utiliza a conexao
4 }
Cdigo C# 2.7: Utilizando um bloco using

No cdigo acima, quando o bloco using que est associado conexo ODBC terminar, automaticamente, essa conexo ser fechada.

Exerccios de Fixao
www.facebook.com/k19treinamentos

27

ADO.NET

28

Crie um projeto do tipo Console Application no Microsoft Visual C# Express, chamado


ODBC.
1

Crie uma classe chamada InsereEditora no projeto ODBC para inserir registros na tabela Editoras.
2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

using System . Data . Odbc ;


namespace Odbc
{
class InsereEditora
{
static void Main ( string [] args )
{
string stringDeConexao = @ " driver ={ SQL Server };
server = MARCELO - PC \ SQLEXPRESS ; database = livraria ; uid = sa ; pwd = sa ; " ;
System . Console . Write ( " Digite o Nome da Editora : " ) ;
string nome = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Email da Editora : " ) ;
string email = System . Console . ReadLine () ;
string textoInsereEditora =
@ " INSERT INTO Editoras ( Nome , Email )
VALUES ( " + nome + @ " , " + email + @ " ) " ;
using ( OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) )
{
OdbcCommand command = new OdbcCommand ( textoInsereEditora , conexao ) ;
conexao . Open () ;
command . ExecuteNonQuery () ;
}
}
}
}
Cdigo C# 2.8: InsereEditora.cs

Exerccios Complementares

Crie uma classe chamada InsereLivro no projeto ODBC para inserir registros na tabela Livros.

SQL Injection
A implementao da insero de registros feita anteriormente possui uma falha grave. Os dados obtidos do usurio atravs do teclado no so tratados antes de serem enviados para o SGDB.
Esses dados podem conter caracteres especiais. Se esses caracteres no so tratados, o comportamento esperado da operao afetado. Eventualmente, registros no so inseridos como deveriam
ou brechas de segurana podem se abrir.
Por exemplo, considere a classe InsereEditora do exerccio de fixao. Se o usurio digitar
28

www.k19.com.br

29

ADO.NET

OReilly e oreilly@email.com, o cdigo SQL gerado pela aplicao seria:


1 INSERT INTO Editoras ( nome , email ) VALUES ( O Reilly , oreilly@email . com )

Observe que o caractere aspas simples aparece cinco vezes no cdigo SQL acima. O SGDB no
saberia dizer onde de fato termina o nome da editora. Ao tentar executar esse cdigo, um erro de
sintaxe lanado pelo SQL Server. Para resolver esse problema manualmente, devemos adicionar
dois caracteres seguidos.
1 INSERT INTO Editoras ( nome , email ) VALUES ( O Reilly , oreilly@email . com )

Os valores recebidos dos usurios devem ser analisados e os caracteres especiais contidos nesses
valores devem ser tratados. Esse processo extremamente trabalhoso, pois o conjunto de caracteres
especiais e a forma de trat-los diferente em cada SGDB.
A responsabilidade do tratamento dos caracteres especiais contidos nos valores de entrada dos
usurios pode ser repassada para os drivers ODBC. Dessa forma, o cdigo das aplicaes se torna
independente das particularidades desse processo para cada SGDB.

Mais Sobre
O processo de tratamento dos caracteres especiais das entradas dos usurios denominado sanitize.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

// pegando os dados da editora pelo teclado


string nome = System . Console . ReadLine () ;
string email = System . Console . ReadLine () ;
// definindo a sentena SQL com parmetros
string textoDoComando =
@ " INSERT INTO Editoras ( Nome , Email ) VALUES (? , ?) ; " ;
// criando um comando odbc
OdbcCommand comando = new OdbcCommand ( textoDoComando , conexao ) ;
// atribuindo valores aos parmetros
comando . Parameters . AddWithValue ( " @Nome " , nome ) ;
comando . Parameters . AddWithValue ( " @Email " , email ) ;
Cdigo C# 2.12: Sanitizando as entradas dos usurios

Observe que a sentena SQL foi definida com parmetros atravs do caractere ?. Antes de executar o comando, necessrio atribuir valores aos parmetros. Isso feito com o mtodo AddWithValue(). Esse mtodo realiza a tarefa de sanitizar os valores enviados pelo usurio.

Exerccios de Fixao

Tente causar um erro de SQL Injection ao inserir editoras com a classe InsereEditora. (Dica:
tente entradas com aspas simples)
3

www.facebook.com/k19treinamentos

29

ADO.NET

30

Altere o cdigo da classe InsereEditora para eliminar o problema do SQL Injection. Observe o
cdigo abaixo:
4

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

using System . Data . Odbc ;


namespace Odbc
{
class InsereEditora
{
static void Main ( string [] args )
{
string stringDeConexao = @ " driver ={ SQL Server };
server = MARCELO - PC \ SQLEXPRESS ; database = livraria ; uid = sa ; pwd = sa ; " ;
System . Console . Write ( " Digite o Nome da Editora : " ) ;
string nome = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Email da Editora : " ) ;
string email = System . Console . ReadLine () ;
string textoInsereEditora =
@ " INSERT INTO Editoras ( Nome , Email ) VALUES (? ,?) " ;
using ( OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) )
{
OdbcCommand command = new OdbcCommand ( textoInsereEditora , conexao ) ;
command . Parameters . AddWithValue ( " @Nome " , nome ) ;
command . Parameters . AddWithValue ( " @Email " , email ) ;
conexao . Open () ;
command . ExecuteNonQuery () ;
}
}
}
}
Cdigo C# 2.13: InsereEditora.cs

Agora tente causar novamente o problema de SQL Injection ao inserir novas editoras.

Exerccios Complementares

Provoque um erro de SQL Injection na classe InsereLivro. (Dica: tente entradas com aspas
simples.)
2

Altere o cdigo para eliminar o problema do SQL Injection.

Agora tente causar novamente o problema de SQL Injection ao inserir novos livros.

Listando registros
Depois de inserir alguns registros, interessante consultar os dados das tabelas para conferir se a insero foi realizada com sucesso.
30

www.k19.com.br

31

ADO.NET

O processo para executar um comando de consulta parecido com o de insero. necessrio


definir a sentena SQL e criar um objeto da classe OdbcCommand.
1
2
3
4
5

// definindo a sentena SQL


string textoDoComando = @ " SELECT * FROM Editoras ; " ;
// criando um comando odbc
OdbcCommand comando = new OdbcCommand ( textoDoComando , conexao ) ;
Cdigo C# 2.15: Criando um comando de seleo

A diferena que para executar um comando de consulta necessrio utilizar o mtodo ExecuteReader() ao invs do ExecuteNonQuery(). Esse mtodo devolve um objeto da classe System.Data.Odbc.OdbcDataReader.
1 OdbcDataReader resultado = comando . ExecuteReader () ;
Cdigo C# 2.16: Executando um comando de consulta

Os dados contidos no OdbcDataReader podem ser acessados atravs dos nomes das colunas.
1 string nome = resultado [ " Nome " ] as string ;
2 string email = resultado [ " Email " ] as string ;
Cdigo C# 2.17: Recuperando os campos do primeiro registro do resultado

O cdigo acima mostra como os campos do primeiro registro do resultado da consulta so recuperados. Agora, para recuperar os outros registros necessrio avanar o OdbcDataReader atravs
do mtodo Read().
1
2
3
4
5
6
7

string nome1 = resultado [ " nome " ] as string ;


string email1 = resultado [ " email " ] as string ;
resultado . Read () ;
string nome2 = resultado [ " nome " ] as string ;
string email2 = resultado [ " email " ] as string ;
Cdigo C# 2.18: Recuperando os campos dos dois primeiros registros do resultado

O prprio mtodo Read() devolve um valor booleano para indicar se o reader conseguiu avanar
para o prximo registro. Quando esse mtodo devolver false significa que no h mais registros
para serem recuperados.
1 while ( resultado . Read () )
2 {
3
string nome = resultado [ " nome " ] as string ;
4
string email = resultado [ " email " ] as string ;
5 }
Cdigo C# 2.19: Recuperando os campos de todos os registros do resultado

Exerccios de Fixao

www.facebook.com/k19treinamentos

31

ADO.NET

32

Insira algumas editoras utilizando a classe InsereEditora que voc criou nos exerccios anteriores.
6

Adicione uma nova classe ao projeto ODBC chamada ListaEditora. O objetivo listar as editoras que foram salvas no banco. Veja o cdigo dessa classe.
7

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

using System . Data . Odbc ;


namespace Odbc
{
class ListaEditora
{
static void Main ( string [] args )
{
string stringDeConexao = @ " driver ={ SQL Server };
server = MARCELO - PC \ SQLEXPRESS ; database = livraria ; uid = sa ; pwd = sa ; " ;
using ( OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) )
{
string textoListaEditora = " SELECT * FROM Editoras " ;
OdbcCommand command = new OdbcCommand ( textoListaEditora , conexao ) ;
conexao . Open () ;
OdbcDataReader resultado = command . ExecuteReader () ;
while ( resultado . Read () )
{
long ? id = resultado [ " Id " ] as long ?;
string nome = resultado [ " Nome " ] as string ;
string email = resultado [ " Email " ] as string ;
System . Console . WriteLine ( " {0} : {1} - {2}\ n " ,id , nome , email ) ;
}
}
}
}
}
Cdigo C# 2.20: ListaEditora.cs

Exerccios Complementares

Crie uma classe para listar os livros cadastrados na base de dados.

Connection Factory
Voc deve ter percebido que para cada ao executada no banco de dados, ns precisamos criar
uma conexo. Isso gera um problema relacionado string de conexo ficar armazenada em diversos
locais. Imagine que o driver do banco foi atualizado e mudamos a sua verso. Isso implicaria fazer diversas alteraes no cdigo em cada ocorrncia da string de conexo, tornando o cdigo mais
suscetvel a erros e dificultando a sua manuteno.
Para resolver esta situao, ns poderamos criar uma classe responsvel pela criao e distribuio de conexes, mantendo assim uma nica referncia para a string de conexo, e qualquer
alterao no modo em que nos conectamos base de dados, s implica mudanas nesta classe.
32

www.k19.com.br

33

ADO.NET

1 static class ConnectionFactory


2 {
3
public static OdbcConnection CreateConnection ()
4
{
5
string driver = @ " SQL Server " ;
6
string servidor = @ " MARCELO - PC \ SQLEXPRESS " ;
7
string baseDeDados = @ " livraria " ;
8
string usuario = @ " sa " ;
9
string senha = @ " sa " ;
10
11
StringBuilder connectionString = new StringBuilder () ;
12
connectionString . Append ( " driver = " ) ;
13
connectionString . Append ( driver ) ;
14
connectionString . Append ( " ; server = " ) ;
15
connectionString . Append ( servidor ) ;
16
connectionString . Append ( " ; database = " ) ;
17
connectionString . Append ( baseDeDados ) ;
18
connectionString . Append ( " ; uid = " ) ;
19
connectionString . Append ( usuario ) ;
20
connectionString . Append ( " ; pwd = " ) ;
21
connectionString . Append ( senha ) ;
22
23
return new OdbcConnection ( connectionString . ToString () ) ;
24
}
25 }
Cdigo C# 2.22: ConnectionFactory.cs

Agora podemos obter uma nova conexo apenas chamando ConnectionFactory.CreateConnection().


O resto do sistema no precisa mais conhecer os detalhes sobre a conexo com o banco de dados,
diminuindo o acoplamento da aplicao.

Exerccios de Fixao

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

Adicione uma nova classe chamada ConnectionFactory com seguinte cdigo:


using System ;
using System . Data . Odbc ;
using System . Text ;
namespace Odbc
{
static class ConnectionFactory
{
public static OdbcConnection CreateConnection ()
{
string driver = @ " SQL Server " ;
string servidor = @ " MARCELO - PC \ SQLEXPRESS " ;
string baseDeDados = @ " livraria " ;
string usuario = @ " sa " ;
string senha = @ " sa " ;
StringBuilder connectionString = new StringBuilder () ;
connectionString . Append ( " driver = " ) ;
connectionString . Append ( driver ) ;
connectionString . Append ( " ; server = " ) ;
connectionString . Append ( servidor ) ;
connectionString . Append ( " ; database = " ) ;
connectionString . Append ( baseDeDados ) ;
connectionString . Append ( " ; uid = " ) ;
connectionString . Append ( usuario ) ;
connectionString . Append ( " ; pwd = " ) ;

www.facebook.com/k19treinamentos

33

ADO.NET

34

27
connectionString . Append ( senha ) ;
28
29
return new OdbcConnection ( connectionString . ToString () ) ;
30
}
31
}
32 }
Cdigo C# 2.23: ConnectionFactory.cs

Altere as classes InsereEditora e ListaEditora para que elas utilizem a fbrica de conexo.
Execute-as novamente.
9

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

using System . Data . Odbc ;


namespace Odbc
{
class InsereEditora
{
static void Main ( string [] args )
{
System . Console . Write ( " Digite o Nome da Editora : " ) ;
string nome = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Email da Editora : " ) ;
string email = System . Console . ReadLine () ;
string textoInsereEditora =
@ " INSERT INTO Editoras ( Nome , Email ) VALUES (? ,?) " ;
using ( OdbcConnection conexao = ConnectionFactory . CreateConnection () )
{
OdbcCommand command = new OdbcCommand ( textoInsereEditora , conexao ) ;
command . Parameters . AddWithValue ( " @Nome " , nome ) ;
command . Parameters . AddWithValue ( " @Email " , email ) ;
conexao . Open () ;
command . ExecuteNonQuery () ;
}
}
}
}
Cdigo C# 2.24: InsereEditora.cs

1 using System . Data . Odbc ;


2
3 namespace Odbc
4 {
5
class ListaEditora
6
{
7
static void Main ( string [] args )
8
{
9
using ( OdbcConnection conexao = ConnectionFactory . CreateConnection () )
10
{
11
string textoListaEditora = " SELECT * FROM Editoras " ;
12
OdbcCommand command = new OdbcCommand ( textoListaEditora , conexao ) ;
13
conexao . Open () ;
14
OdbcDataReader resultado = command . ExecuteReader () ;
15
16
while ( resultado . Read () )
17
{
18
long ? id = resultado [ " Id " ] as long ?;
19
string nome = resultado [ " Nome " ] as string ;
20
string email = resultado [ " Email " ] as string ;
21
System . Console . WriteLine ( " {0} : {1} - {2}\ n " ,id , nome , email ) ;

34

www.k19.com.br

35

ADO.NET

22
}
23
}
24
}
25
}
26 }
Cdigo C# 2.25: ListaEditora.cs

Exerccios Complementares

6 Altere as classes InsereLivro e ListaLivro para que elas utilizem a fbrica de conexo. Executeas novamente.

Desafios

Implemente um teste que remove uma editora pelo id.

Implemente um teste que altera os dados de uma editora pelo id.

www.facebook.com/k19treinamentos

35

ADO.NET

36

36

www.k19.com.br

CAPTULO

E NTITY F RAMEWORK

Mltiplas sintaxes da linguagem SQL


No captulo anterior, utilizamos conexes ODBC para fazer uma aplicao C# interagir com os
SGDBs. Nessa interao, as consultas so definidas com a linguagem SQL. A sintaxe dessa linguagem
diferente em cada SGDB. Dessa forma, a complexidade do trabalho dos desenvolvedores aumenta.
Para resolver esse problema, as consultas deveriam ser definidas atravs de um mecanismo independente da linguagem SQL.

SELECT * FROM (
SELECT
ROW_NUMBER() OVER (ORDER BY autor ASC) AS rownumber,
id, titulo, autor
FROM livros
) WHERE rownumber <= 100

Driver Oracle
ODBC

Driver SQL Server


ODBC

SELECT TOP 100 * FROM livros ORDER BY autor ASC

Figura 3.1: Diferentes sintaxes da linguagem SQL

Orientao a Objetos VS Modelo Relacional


Outro problema na comunicao entre uma aplicao C# e um SGDB o conflito de paradigmas.
Os SGDBs so organizados seguindo o modelo relacional. Por outro lado, as aplicaes C# utilizam
www.facebook.com/k19treinamentos

37

E NTITY F RAMEWORK

38

o modelo orientado a objetos.


A transio de dados entre o modelo relacional e o modelo orientado a objetos no simples.
Para realizar essa transio, necessrio definir um mapeamento entre os conceitos desses dois paradigmas. Por exemplo, classes podem ser mapeadas para tabelas, objetos para registros, atributos
para campos e referncia entre objetos para chaves estrangeiras.

tbl_editoras
Livro
id = 1
titulo = Os Lusadas
autor = Lus Vaz de
Cames
editora = 1
Editora

id

nome

Cultura

FTDA

Globo

Scipione

id = 1
nome = Livraria Cultura
tbl_livros

Livro
id = 2
titulo = Vidas Secas
autor = Graciliano
Ramos
editora = 1

ORIENTAO A OBJETOS

id

titulo

autor

Os Lusadas

Lus Vaz de Cames

editora_id
1

Vidas Secas

Graciliano Ramos

Dom Casmurro

Machado de Assis

O Cortio

Alusio Azevedo

MODELO RELACIONAL

Figura 3.2: Modelo Orientado a Objetos vs Modelo Relacional

Ferramentas ORM
Para facilitar a comunicao entre aplicaes C# que seguem o modelo orientado a objetos e os
SGDBs que seguem o modelo relacional, podemos utilizar ferramentas que automatizam a transio
de dados entre as aplicaes e os SGDBs. Essas ferramentas so conhecidas como ferramentas ORM
(Object Relational Mapper).
As ferramentas ORM oferecem mecanismos de consultas independentes da linguagem SQL. Dessa
forma, o acoplamento entre as aplicaes e os SGDBs diminui drasticamente. As principais ferramentas ORM para C# utilizadas no mercado so o Entity Framework e o NHibernate. Nesse curso,
utilizaremos o Entity Framework 5.0.0.
38

www.k19.com.br

39

E NTITY F RAMEWORK

tbl_livros
id

titulo

autor

Os Lusadas

Lus Vaz de Cames

editora_id
1

Vidas Secas

Graciliano Ramos

Dom Casmurro

Machado de Assis

O Cortio

Alusio Azevedo

Livro

FERRAMENTA
id = 1
= Os Lusadas
ORM titulo
autor = Lus Vaz de
Cames
editora = 1

Livro
id = 2
titulo = Vidas Secas
autor = Graciliano
Ramos
editora = 1

Figura 3.3: Transformao dos dados do Modelo Relacional para o Modelo Orientado a Objetos

tbl_livros

Livro
id = 1
titulo = Os Lusadas
autor = Lus Vaz de
Cames
editora = 1

Livro
id = 2
titulo = Vidas Secas
autor = Graciliano
Ramos
editora = 1

id

titulo

FERRAMENTA
1
Os Lusadas
2
Vidas Secas
ORM

autor

editora_id

Lus Vaz de Cames

Graciliano Ramos

Dom Casmurro

Machado de Assis

O Cortio

Alusio Azevedo

Figura 3.4: Transformao dos dados do Modelo Orientado a Objetos para o Modelo Relacional

Instalando o Entity Framework


A instalao do Entity Framework em um projeto do Visual Studio 2012 pode ser facilmente
realizada atravs do Package Manager Console. Veja o comando de instalao a seguir.
PM > Install - Package EntityFramework - Version 5.0.0

Terminal 3.1: Package Manager Console

Mais Sobre
O Entity Framework tambm pode ser instalado atravs do Manage NuGet Packages. Basicamente, o Manage NuGet Packages a alternativa visual ao Package Manager
Console.

www.facebook.com/k19treinamentos

39

E NTITY F RAMEWORK

40

Figura 3.5: Manage NuGet Package

Figura 3.6: Manage NuGet Package

Configurao
O Entity Framework fortemente baseado no conceito de Conveno sobre Configurao. Dessa
forma, nenhuma configurao necessria a no ser que seja necessrio alterar o comportamento
padro.
No comportamento padro do Entity Framework, as conexes com o banco de dados apontaro
para .\ SQLEXPRESS, ou seja, para a instncia do SQL Express rodando na mesma mquina que a
40

www.k19.com.br

41

E NTITY F RAMEWORK

aplicao.
Para alterar as configuraes de conexo com o banco de dados, podemos defini-las no arquivo
de configurao da aplicao. Para aplicaes web, devemos alterar o arquivo Web.config. Por outro
lado, para aplicaes desktop, devemos alterar o arquivo App.config. Veja o exemplo abaixo.
1 <? xml version = " 1.0 " ? >
2 < configuration >
3
< connectionStrings >
4
< add
5
name = " K19Context "
6
providerName = " System . Data . SqlClient "
7
connectionString = " Server =.\ SQLEXPRESS ;
8
Database = k19db ;
9
Trusted_Connection = false ;
10
User Id = sa ;
11
Password = sa ;
12
Persist Security Info = true ;
13
MultipleActiveResultSets = True " / >
14
</ connectionStrings >
15 </ configuration >
Cdigo XML 3.1: App.config

Quando o Entity Framework instalado em um projeto do Visual Studio 2012, as configuraes


padro so inseridas explicitamente no arquivo de configurao da aplicao. Contudo, essas configuraes so opcionais. Inclusive, podemos remov-las e mesmo assim elas sero aplicadas.

Convenes de Mapeamento
Por padro, no Entity Framework, o mapeamento das entidades segue as regras do Code First.
Considere as entidades Livro e Editora definidas abaixo.
1 public class Livro
2 {
3
public int LivroID { get ; set ; }
4
public string Titulo { get ; set ; }
5
public decimal Preco { get ; set ; }
6
public Editora Editora { get ; set ; }
7 }
Cdigo C# 3.1: Livro.cs

1 public class Editora


2 {
3
public int EditoraID { get ; set ; }
4
public string Nome { get ; set ; }
5
public string Email { get ; set ; }
6
public ICollection < Livro > Livros { get ; set ; }
7 }
Cdigo C# 3.2: Editora.cs

As entidades devem ser registradas em um DbContext. Para registrar uma entidade, basta definir uma propriedade do tipo DbSet. Veja o exemplo abaixo.
1 public namespace EF
2 {
3
public class K19Context : DbContext

www.facebook.com/k19treinamentos

41

E NTITY F RAMEWORK

42

4
{
5
public DbSet < Editora > Editoras { get ; set ; }
6
public DbSet < Livro > Livros { get ; set ; }
7
}
8 }
Cdigo C# 3.3: K19Context.cs

De acordo com as convenes do Code First, as entidades Editora e Livro sero mapeadas
para tabelas chamadas Editoras e Livroes respectivamente. Observe que os nomes das entidades
foram pluralizados seguindo as regras da lngua inglesa para definir os nomes das tabelas.
Alm disso, por padro, essas tabelas sero criadas em uma base de dados chamada EF.K19Context.
Esse nome corresponde ao full qualified name da classe K19Context.

Mais Sobre
Para desabilitar a pluralizao aplicada no nome das tabelas, necessrio sobrescrever
o mtodo OnModelCreating() da classe DbContext.
1 public class K19Context : DbContext
2 {
3
public DbSet < Editora > Editoras { get ; set ; }
4
public DbSet < Livro > Livros { get ; set ; }
5
6
protected override void OnModelCreating ( DbModelBuilder dbModelBuilder )
7
{
8
dbModelBuilder . Conventions . Remove < PluralizingTableNameConvention >() ;
9
}
10 }
Cdigo C# 3.4: K19Context.cs

Mais Sobre
Nas prximas verses do Entity Framework, as regras de pluralizao podero ser personalizadas. Dessa forma, ser possvel, por exemplo, substituir as regras da lngua inglesa
pelas regras da lngua portuguesa.

Mais Sobre
Podemos modificar o nome da base de dados escolhido por padro. Para isso, basta
adicionar um construtor na classe que define o DbContext semelhante ao mostrado
no cdigo abaixo.
1 public class K19Context : DbContext
2 {
3
public DbSet < Editora > Editoras { get ; set ; }
4
public DbSet < Livro > Livros { get ; set ; }
5
6
public K19Context () : base ( " MinhaBaseDeDados " )
7
{
8
}
9 }
Cdigo C# 3.5: K19Context.cs

42

www.k19.com.br

43

E NTITY F RAMEWORK

Primary Key
O Entity Framework assumir como identificador de uma entidade, a propriedade cujo nome
seja ID ou EntidadeID escrito com letras maisculas e/ou minsculas. Essa propriedade ser mapeada para uma coluna definida no banco de dados como chave primria da tabela correspondente a
entidade. Veja os exemplos abaixo.
1 public class Livro
2 {
3
public int LivroID { get ; set ; }
4 }
Cdigo C# 3.6: Livro.cs

1 public class Livro


2 {
3
public int ID { get ; set ; }
4 }
Cdigo C# 3.7: Livro.cs

Se o tipo da propriedade utilizada como identificador de uma entidade for numrico, os valores
da coluna correspondente a essa propriedade sero gerados pelo banco de dados. Isso significa que,
no SQL Server, a coluna ser definida com a opo Identity.

Complex Types
Considere a seguinte entidade.
1 public class Contato
2 {
3
public int ContatoID { get ; set ; }
4
5
public string LogradouroResidencial { get ; set ; }
6
public string LogradouroComercial { get ; set ; }
7
8
public string CEPResidencial { get ; set ; }
9
public string CEPComercial { get ; set ; }
10
11
public String BairroResidencial { get ; set ; }
12
public String BairroComercial { get ; set ; }
13 }
Cdigo C# 3.8: Contato.cs

Do ponto de vista da modelagem orientada a objetos, deveramos refatorar essa classe separando
as propriedades relacionadas aos endereos de um contato.
1 public class Contato
2 {
3
public int ContatoID { get ; set ; }
4
5
public Endereco EnderecoResidecial { get ; set ;}
6
public Endereco EnderecoComercial { get ; set ;}
7 }
Cdigo C# 3.9: Contato.cs

1 public class Endereco


2 {

www.facebook.com/k19treinamentos

43

E NTITY F RAMEWORK

44

3
public string Logradouro { get ; set ;}
4
public string CEP { get ; set ;}
5
public string Bairro { get ; set ;}
6 }
Cdigo C# 3.10: Endereco.cs

Como nenhuma propriedade da classe Endereco se enquadra nas convenes de Primary Key e
supondo que nenhuma propriedade tenha sido mapeada explicitamente para uma coluna definida
como chave primria, o Entity Framework assumir que essa classe um Complex Type. Alm disso,
um Complex Type no pode referenciar uma entidade atravs de uma propriedade.
As classes Contato e Endereco sero mapeadas para uma nica tabela chamada Contatoes. Essa
tabela possuir a estrutura mostrada na imagem a seguir.

Figura 3.7: Mapeamento das classes Contato e Endereco

Mapeamento dos Relacionamentos


Considere as seguintes entidades.
1 public class Livro
2 {
3
public int LivroID { get ; set ; }
4
5
public Editora Editora { get ; set ; }
6 }
Cdigo C# 3.11: Livro.cs

1 public class Editora


2 {
3
public int EditoraID { get ; set ; }
4 }
Cdigo C# 3.12: Editora.cs

Essas duas entidades sero mapeadas para as tabelas Livroes e Editoras. Na tabela Livroes,
ser adicionada uma chave estrangeira chamada Editora_EditoraID referenciado a chave primria
da tabela Editora. Observe na imagem abaixo a estrutura das tabelas.
44

www.k19.com.br

45

E NTITY F RAMEWORK

Figura 3.8: Mapeamento das entidades Livro e Editora

As mesmas tabelas seriam obtidas se o relacionamento fosse definido na entidade Editora ao


invs de ser definido na entidade Livro.
1 public class Livro
2 {
3
public int LivroID { get ; set ; }
4 }
Cdigo C# 3.13: Livro.cs

1 public class Editora


2 {
3
public int EditoraID { get ; set ; }
4
5
public ICollection < Livro > Livros { get ; set ; }
6 }
Cdigo C# 3.14: Editora.cs

Tambm obteramos as mesmas tabelas se o relacionamento fosse definido em ambas entidades.


1 public class Livro
2 {
3
public int LivroID { get ; set ; }
4
5
public Editora Editora { get ; set ; }
6 }
Cdigo C# 3.15: Livro.cs

1 public class Editora


2 {
3
public int EditoraID { get ; set ; }
4
5
public ICollection < Livro > Livros { get ; set ; }
6 }
Cdigo C# 3.16: Editora.cs

Por outro lado, se na entidade Livro uma coleo de editoras for definida como propriedade e
de forma anloga uma coleo de livros for definida como propriedade na entidade Editora ento
uma terceira tabela ser criada no banco de dados para representar esse relacionamento muitos
para muitos (many to many).
1 public class Livro
2 {

www.facebook.com/k19treinamentos

45

E NTITY F RAMEWORK

46

3
public int LivroID { get ; set ; }
4
5
public ICollection < Editora > Editoras { get ; set ; }
6 }
Cdigo C# 3.17: Livro.cs

1 public class Editora


2 {
3
public int EditoraID { get ; set ; }
4
5
public ICollection < Livro > Livros { get ; set ; }
6 }
Cdigo C# 3.18: Editora.cs

Figura 3.9: Mapeamento das entidades Livro e Editora

Type Discovery
Quando duas entidades esto relacionadas, no necessrio que ambas sejam registradas no
DbContext. Apenas a entidade principal necessita ser registrada. Por exemplo, considere as seguintes entidades.
1 public class Livro
2 {
3
public int LivroID { get ; set ; }
4 }
Cdigo C# 3.19: Livro.cs

1 public class Editora


2 {
3
public int EditoraID { get ; set ; }
4
5
public ICollection < Livro > Livros { get ; set ; }
6 }
Cdigo C# 3.20: Editora.cs

No DbContext da aplicao, podemos registrar ambas ou apenas a entidade Editora.


1 public class K19Context : DbContext
2 {
3
public DbSet < Editora > Editoras { get ; set ; }
4
public DbSet < Livro > Livros { get ; set ; }
5 }
Cdigo C# 3.21: K19Context.cs

1 public class K19Context : DbContext


2 {
3
public DbSet < Editora > Editoras { get ; set ; }

46

www.k19.com.br

47

E NTITY F RAMEWORK

4 }

Cdigo C# 3.22: K19Context.cs

Se as duas entidades forem registradas, tanto os livros quanto as editoras podem ser obtidos diretamente pelo DbContext. Agora, se apenas a entidade Editora for registrada, somente as editoras
podem ser obtidas diretamente pelo DbContext e os livros seriam obtidos somente atravs das editoras.

Exerccios de Fixao

Abra o Visual Studio Express 2012 for Desktop; Crie um projeto do tipo Console Application em
C# chamado K19EntityFramework.
1

Instale o Entity Framework no projeto K19EntityFramework utilizando o Manage Nuget Packages.


Siga o exemplo das imagens abaixo.
2

Figura 3.10: Manage NuGet Package

www.facebook.com/k19treinamentos

47

E NTITY F RAMEWORK

48

Figura 3.11: Manage NuGet Package

Adicione uma classe chamada Endereco no projeto K19EntityFramework.

1 namespace K19EntityFramework
2 {
3
// complex type
4
public class Endereco
5
{
6
public string Logradouro { get ; set ; }
7
8
public int Numero { get ; set ; }
9
10
public string CEP { get ; set ; }
11
}
12 }
Cdigo C# 3.23: Endereco.cs

Adicione uma classe chamada Aluno no projeto K19EntityFramework.

1 namespace K19EntityFramework
2 {
3
public class Aluno
4
{
5
public int AlunoID { get ; set ; }
6
7
public string Nome { get ; set ; }
8
9
public Endereco Endereco { get ; set ; }
10
}
11 }
Cdigo C# 3.24: Aluno.cs

48

www.k19.com.br

49
5

E NTITY F RAMEWORK

Adicione uma classe chamada Professor no projeto K19EntityFramework.

1 namespace K19EntityFramework
2 {
3
public class Professor
4
{
5
public int ProfessorID { get ; set ; }
6
7
public string Nome { get ; set ; }
8
9
public Endereco Endereco { get ; set ; }
10
}
11 }
Cdigo C# 3.25: Professor.cs

Adicione uma classe chamada Turma no projeto K19EntityFramework.

1 namespace K19EntityFramework
2 {
3
public class Turma
4
{
5
public int TurmaId { get ; set ; }
6
7
public int Vagas { get ; set ; }
8
9
public Professor Professor { get ; set ; }
10
11
public ICollection < Aluno > Alunos { get ; set ; }
12
}
13 }
Cdigo C# 3.26: Turma.cs

Adicione uma classe chamada K19Context no projeto K19EntityFramework.

1 namespace K19EntityFramework
2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Turma > Turmas { get ; set ; }
6
7
public DbSet < Aluno > Alunos { get ; set ; }
8
9
public DbSet < Professor > Professores { get ; set ; }
10
}
11 }
Cdigo C# 3.27: Turma.cs

Adicione uma classe chamada Teste no projeto K19EntityFramework.

1 namespace K19EntityFramework
2 {
3
public class Teste
4
{
5
static void Main ( string [] args )
6
{
7
using ( var ctx = new K19Context () )
8
{
9
Aluno a1 = new Aluno

www.facebook.com/k19treinamentos

49

E NTITY F RAMEWORK
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57 }

50
{
Nome = " Amanda Guerra " ,
Endereco = new Endereco
{
Logradouro = " Rua Amalera " ,
Numero = 1789 ,
CEP = " 00157 -001 "
}
};
Aluno a2 = new Aluno
{
Nome = " Marcelo Martins " ,
Endereco = new Endereco
{
Logradouro = " Rua Zaul " ,
Numero = 2907 ,
CEP = " 09147 -001 "
}
};
Professor p = new Professor
{
Nome = " Jonas Hirata " ,
Endereco = new Endereco
{
Logradouro = " Rua Mervelha " ,
Numero = 8367 ,
CEP = " 00876 -100 "
}
};
Turma t = new Turma
{
Vagas = 10 ,
Alunos = new List < Aluno >()
};
t . Professor = p ;
t . Alunos . Add ( a1 ) ;
t . Alunos . Add ( a2 ) ;
ctx . Turmas . Add ( t ) ;
ctx . SaveChanges () ;

}
}
}

Cdigo C# 3.28: Teste.cs

Execute o projeto K19EntityFramework e consulte o banco de dados para verificar se os dados


foram armazenados corretamente. Observe a estrutura das tabelas.
9

Data Annotations
Podemos utilizar anotaes para sobrescrever as convenes de mapeamento. A seguir apresentaremos as principais anotaes.
50

www.k19.com.br

51

E NTITY F RAMEWORK

Table e Column
No Entity Framework, os nomes das tabelas e das colunas so definidos por conveno. Contudo,
podemos personaliz-los de acordo com a necessidade atravs das anotaes Table e Column.
1
2
3
4
5
6
7
8

[ Table ( " tbl_alunos " ) ]


public class Aluno
{
public int AlunoID { get ; set ; }
[ Column ( " nome_do_aluno " ) ]
public string Nome { get ; set ; }
}
Cdigo C# 3.29: Aluno.cs

Figura 3.12: Personalizando os nomes das tabelas e das colunas

A anotao Column tambm permite a escolha do tipo da coluna correspondente propriedade


anotada.
1 public class Produto
2 {
3
public int ProdutoID { get ; set ; }
4
5
[ Column ( " descricao_do_produto " , TypeName = " text " ) ]
6
public string Descricao { get ; set ; }
7 }
Cdigo C# 3.30: Produto.cs

Figura 3.13: Personalizando o tipo de uma coluna

DatabaseGenerated
Por padro, quando a propriedade correspondente chave primria de uma tabela numrica,
os valores dessa chave sero gerados pelo banco de dados. Podemos alterar esse comportamento
atravs da anotao DatabaseGenerated.
1 public class Aluno
2 {
3
[ DatabaseGenerated ( DatabaseGeneratedOption . None ) ]
4
public int AlunoID { get ; set ; }
5
6
public string Nome { get ; set ; }
7 }
Cdigo C# 3.31: Aluno.cs

www.facebook.com/k19treinamentos

51

E NTITY F RAMEWORK

52

Key
Considere a seguinte classe.
1 public class Aluno
2 {
3
public int Codigo { get ; set ; }
4
5
public string Nome { get ; set ; }
6 }
Cdigo C# 3.32: Aluno.cs

Nenhuma propriedade se enquadra nas convenes de nomenclatura de chave primria. Contudo, possvel definir explicitamente, qual propriedade ser mapeada como chave primria atravs
da anotao Key. No exemplo abaixo, a propriedade Codigo foi definida como chave da entidade.
1 public class Aluno
2 {
3
[ Key ]
4
public int Codigo { get ; set ; }
5
6
public string Nome { get ; set ; }
7 }
Cdigo C# 3.33: Aluno.cs

Figura 3.14: Escolhendo a chave primria explicitamente

Required
Uma propriedade pode ser definida explicitamente como obrigatria atravs da anotao Required. No banco de dados, as colunas correspondentes s propriedades obrigatrias sero definidas
com a opo not null.
1 public class Aluno
2 {
3
public int AlunoID { get ; set ; }
4
5
[ Required ]
6
public string Nome { get ; set ; }
7 }
Cdigo C# 3.34: Aluno.cs

Figura 3.15: Definindo propriedades obrigatrias

MaxLength e MinLength
52

www.k19.com.br

53

E NTITY F RAMEWORK

1 public class Aluno


2 {
3
public int AlunoID { get ; set ; }
4
5
[ MaxLength (30) , MinLength (3) ]
6
public string Nome { get ; set ; }
7 }
Cdigo C# 3.35: Aluno.cs

Figura 3.16: Definindo a quantidade mnima e mxima de caracteres de uma propriedade

NotMapped
Considere a seguinte classe.
1 public class Aluno
2 {
3
public int AlunoID { get ; set ; }
4
5
public DateTime DataDeNascimento { get ; set ; }
6
7
public int Idade { get ; set ; }
8
9 }
Cdigo C# 3.36: Aluno.cs

Observe que a propriedade Idade pode ser calculada a partir da propriedade DataDeNascimento.
Portanto, no necessrio armazenar o valor da idade no banco de dados. Nesses casos, podemos
utilizar a anotao NotMapped e indicar quais propriedades no devem ser mapeadas nas tabelas.
1 public class Aluno
2 {
3
public int AlunoID { get ; set ; }
4
5
public DateTime DataDeNascimento { get ; set ; }
6
7
[ NotMapped ]
8
public int Idade { get ; set ; }
9
10 }
Cdigo C# 3.37: Aluno.cs

Figura 3.17: Excluindo uma propriedade no mapeamento

InverseProperty
Considere as seguintes entidades.
www.facebook.com/k19treinamentos

53

E NTITY F RAMEWORK

54

1 public class Pessoa


2 {
3
public int PessoaID { get ; set ; }
4
5
public string Nome { get ; set ; }
6
7
public ICollection < Livro > LivrosPublicados { get ; set ; }
8
9
public ICollection < Livro > LivrosRevisados { get ; set ; }
10 }
Cdigo C# 3.38: Pessoa.cs

1 public class Livro


2 {
3
public int LivroID { get ; set ; }
4
5
public string Titulo { get ; set ; }
6
7
public Pessoa Autor { get ; set ; }
8
9
public Pessoa Revisor { get ; set ; }
10 }
Cdigo C# 3.39: Livro.cs

Nesse caso, como o Entity Framework no consegue combinar as propriedades das duas entidades para estabelecer dois relacionamentos bidirecionais, ele criar no banco de dados quatro chaves
estrangeiras, uma para cada propriedade de navegao das entidades Pessoa e Livro.

Figura 3.18: Relacionamentos no combinados

Para agrupar as propriedades de navegao das entidades Pessoa e Livro, devemos utilizar a
anotao InverseProperty. Observe o cdigo a seguir.
1 public class Pessoa
2 {
3
public int PessoaID { get ; set ; }
4
5
public string Nome { get ; set ; }
6
7
[ InverseProperty ( " Autor " ) ]
8
public ICollection < Livro > LivrosPublicados { get ; set ; }
9
10
[ InverseProperty ( " Revisor " ) ]
11
public ICollection < Livro > LivrosRevisados { get ; set ; }
12 }
Cdigo C# 3.40: Pessoa.cs

1 public class Livro

54

www.k19.com.br

55

E NTITY F RAMEWORK

2 {
3
public int LivroID { get ; set ; }
4
5
public string Titulo { get ; set ; }
6
7
public Pessoa Autor { get ; set ; }
8
9
public Pessoa Revisor { get ; set ; }
10 }
Cdigo C# 3.41: Livro.cs

Figura 3.19: Relacionamentos combinados com InverseProperty

Exerccios de Fixao

10

Altere a classe Aluno do projeto K19EntityFramework.

1 namespace K19EntityFramework
2 {
3
[ Table ( " tbl_alunos " ) ]
4
public class Aluno
5
{
6
public int AlunoID { get ; set ; }
7
8
[ Required ]
9
public string Nome { get ; set ; }
10
11
public Endereco Endereco { get ; set ; }
12
}
13 }
Cdigo C# 3.42: Aluno.cs

11 Apague a base de dados K19EntityFramework.K19Context e execute novamente o projeto. Observe as modificaes na estrutura da tabela Alunoes que passar a se chamar tbl_alunos. Observe
que agora a coluna Nome no pode possuir valores nulos.

Gerenciamento de entidades
As instncias das entidades de uma aplicao que utiliza o Entity Framework so administradas
por objetos do tipo DbContext. Esses objetos so responsveis pelas operaes de insero, remoo,
alterao e consulta. A seguir, mostraremos o funcionamento bsico de um DbContext.
www.facebook.com/k19treinamentos

55

E NTITY F RAMEWORK

56

A primeira regra bsica sobre os DbContexts sempre utiliz-los dentro de um bloco using para
evitar que os recursos utilizados por eles no sejam devidamente fechados.
1 using ( var context = new K19Context () )
2 {
3
// utilizando o DbContext
4 }
Cdigo C# 3.43: Utilizando um DbContext dentro do bloco using

Persistindo
Para indicar que determinado objeto deve ser persistido no banco de dados, devemos utilizar
o mtodo System.Data.Entity.DbSet.Add(), passando o objeto em questo como parmetro. O
mtodo Add() adiciona o objeto ao contexto com o estado Added.
Para armazenar de fato as informaes de um objeto no banco de dados, utilizamos o mtodo
SaveChanges() do DbContext. Todos os objetos do contexto que estejam no estado Added so inseridos no banco de dados quando o mtodo SaveChanges() chamado.
1
2
3
4
5
6
7

Editora editora = new Editora { Nome = " K19 " , Email = " contato@k19 . com . br " };
// Adiciona a editora criada ao contexto com estado Added
context . Editoras . Add ( editora ) ;
// Sincroniza o contexto com o banco de dados
context . SaveChanges () ;
Cdigo C# 3.44: Persistindo um objeto

Buscando
Para obter um objeto que contenha informaes do banco de dados, basta utilizar o mtodo
Find() do DbSet. Devemos passar o identificador do objeto que desejamos recuperar como parmetro para esse mtodo.
1 Editora editora = context . Editoras . Find (1) ;
Cdigo C# 3.45: Buscando uma editora com o identificador 1

Removendo
Para indicar que determinado objeto deve ser removido, basta utilizar o mtodo System.Data.Entity.DbSet.Remove(). Esse mtodo marca o objeto para ser removido do banco de dados,
colocando-o no estado Deleted.
Quando o mtodo SaveChanges() chamado, todas os objetos no estado Deleted so removidos
do banco de dados.
1
2
3
4
5
6
7

56

Editora editora = context . Editoras . Find (1) ;


// Marca a editora que deve ser removida
context . Editoras . Remove ( editora ) ;
// Sincroniza o contexto com o banco de dados
context . SaveChanges () ;

www.k19.com.br

57

E NTITY F RAMEWORK

Cdigo C# 3.46: Removendo uma editora do banco de dados

Atualizando
Para alterar os dados do registro correspondente a um objeto, basta modificar as suas propriedades. Quando as propriedades de um objeto do contexto so alteradas, o estado Modified associado
a este objeto. Objetos no estado Modified so atualizados no banco de dados quando o mtodo
SaveChanges() chamado.
1
2
3
4
5
6
7

Editora editora = context . Editoras . Find (1) ;


// Modificando as propriedades de um objeto
editora . Nome = " Abril S / A " ;
// Sincroniza o contexto com o banco de dados
context . SaveChanges () ;
Cdigo C# 3.47: Alterando o nome de uma editora

Listando
Para obter uma listagem com todos os objetos referentes aos registros de uma tabela, podemos
utilizar a Language Integrated Query (LINQ), que nos permite escrever consultas dentro do cdigo
C#.
1
2
3
4
5
6
7
8
9

var consulta = from e in context . Editoras


where e . Nome . Contains ( " A " )
select e ;
// Equivalente a : SELECT * FROM Editoras e where e . Nome Like A %
foreach ( var item in consulta )
{
System . Console . WriteLine ( " Editora : " + item . Nome ) ;
}
Cdigo C# 3.48: Utilizando LINQ para fazer uma consulta

Exerccios de Fixao

12

Adicione uma classe no projeto K19EntityFramework chamada InsereAluno.

1 namespace K19EntityFramework
2 {
3
public class InsereAluno
4
{
5
static void Main ( string [] args )
6
{
7
using ( var ctx = new K19Context () )
8
{
9
Console . WriteLine ( " Digite o nome do aluno " ) ;
10
string nome = Console . ReadLine () ;
11
12
Console . WriteLine ( " Digite o logradouro do endereo do aluno " ) ;
13
string logradouro = Console . ReadLine () ;
14

www.facebook.com/k19treinamentos

57

E NTITY F RAMEWORK
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38 }

58
Console . WriteLine ( " Digite o nmero do endereo do aluno " ) ;
int numero = Int32 . Parse ( Console . ReadLine () ) ;
Console . WriteLine ( " Digite o CEP do endereo do aluno " ) ;
string cep = Console . ReadLine () ;
Aluno a = new Aluno
{
Nome = nome ,
Endereco = new Endereco
{
Logradouro = logradouro ,
Numero = numero ,
CEP = cep
}
};
ctx . Alunos . Add ( a ) ;
ctx . SaveChanges () ;

}
}
}

Cdigo C# 3.49: InsereAluno.cs

Nas propriedades do projeto K19EntityFramework, altere o statup object selecionando a classe


InsereAluno. Depois execute o projeto.

Adicione uma classe no projeto K19EntityFramework chamada ListaAluno.

13

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

using System . Linq ;


namespace K19EntityFramework
{
public class ListaAluno
{
static void Main ( string [] args )
{
using ( var ctx = new K19Context () )
{
var consulta = from a in ctx . Alunos select a ;
foreach ( Aluno a in consulta )
{
Console . WriteLine ( " Nome : " + a . Nome ) ;
Console . WriteLine ( " Logradouro : " + a . Endereco . Logradouro ) ;
Console . WriteLine ( " Nmero : " + a . Endereco . Numero ) ;
Console . WriteLine ( " CEP : " + a . Endereco . CEP ) ;
Console . WriteLine ( " -----------------------------" ) ;
}
}
}
}
}
Cdigo C# 3.50: ListaAluno.cs

Nas propriedades do projeto K19EntityFramework, altere o statup object selecionando a classe


ListaAluno. Depois execute o projeto.

14

58

Adicione uma classe no projeto K19EntityFramework chamada AlteraAluno.


www.k19.com.br

59

E NTITY F RAMEWORK

1 namespace K19EntityFramework
2 {
3
public class AlteraAluno
4
{
5
static void Main ( string [] args )
6
{
7
using ( var ctx = new K19Context () )
8
{
9
Aluno a = ctx . Alunos . Find (1) ;
10
a . Nome = a . Nome + " ALTERADO " ;
11
12
ctx . SaveChanges () ;
13
}
14
}
15
}
16 }
Cdigo C# 3.51: AlteraAluno.cs

Nas propriedades do projeto K19EntityFramework, altere o statup object selecionando a classe


AlteraAluno. Depois execute o projeto.

15

Adicione uma classe no projeto K19EntityFramework chamada RemoveAluno.

1 namespace K19EntityFramework
2 {
3
public class RemoveAluno
4
{
5
static void Main ( string [] args )
6
{
7
using ( var ctx = new K19Context () )
8
{
9
Aluno a = ctx . Alunos . Find (1) ;
10
11
ctx . Alunos . Remove ( a ) ;
12
13
ctx . SaveChanges () ;
14
}
15
}
16
}
17 }
Cdigo C# 3.52: RemoveAluno.cs

Nas propriedades do projeto K19EntityFramework, altere o statup object selecionando a classe


RemoveAluno. Depois execute o projeto.

Repositrios
As classes DbContext e DbSet do Entity Framework oferecem recursos suficientes para que os
objetos do domnio sejam persistidos, recuperados, alterados e removidos do banco de dados. Porm, em aplicaes com alta complexidade e grande quantidade de cdigo, espalhar as chamadas
aos mtodos do DbContext e DbSet pode gerar dificuldades na manuteno e no entendimento do
sistema.
Para melhorar a organizao das nossas aplicaes, diminuindo o custo de manuteno e aumentando a legibilidade do cdigo, podemos aplicar o padro Repository do DDD (Domain Driven
www.facebook.com/k19treinamentos

59

E NTITY F RAMEWORK

60

Design).
Conceitualmente, um repositrio representa o conjunto de todos os objetos de um determinado
tipo. Ele deve oferecer mtodos para administrar seus elementos.
Os repositrios podem trabalhar com objetos prontos na memria ou reconstru-los com dados
obtidos de um banco de dados. O acesso ao banco de dados pode ser realizado atravs de uma
ferramenta ORM como o Entity Framework.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

using
using
using
using

System ;
System . Collections . Generic ;
System . Linq ;
System . Data . Entity ;

namespace K19
{
public class EditoraRepository
{
DbContext context ;
public EditoraRepository ( DbContext context )
{
this . context = context ;
}
public void Adiciona ( Editora e )
{
context . Set < Editora >() . Add ( e ) ;
context . SaveChanges () ;
}
public Editora Busca ( int id )
{
return context . Set < Editora >() . Find ( id ) ;
}
public List < Editora > BuscaTodas ()
{
var consulta = from e in context . Set < Editora >()
select e ;
return consulta . ToList () ;
}
}
}
Cdigo C# 3.53: EditoraRepository.cs

1 var context = new K19Context () ;


2
3 EditoraRepository repository = new EditoraRepository ( context ) ;
4
5 List < Editora > editoras = repository . BuscaTodas () ;
Cdigo C# 3.54: Buscando todas as editoras armazenadas no banco de dados

60

www.k19.com.br

CAPTULO

C ODE F IRST M IGRATIONS

Code First Migrations


O Entity Framework Code First da Microsoft tem uma funcionalidade que permite controlar as
mudanas no banco de dados que sero realizadas de acordo com as alteraes na camada de modelo da aplicao. Essa funcionalidade chamada de Code First Migrations.
O Code First Migrations foi adicionado na verso 4.3.1 do Entity Framework. Neste captulo utilizaremos o Entity Framework 5.0.

Passo a Passo
Para testar o funcionamento do Code First Migrations, criaremos um projeto no Visual Studio.

Agora, devemos instalar o Entity Framework 5.0. Para isso, utilizaremos o gerenciador de pacotes
Nuget do Visual Studio.
www.facebook.com/k19treinamentos

61

C ODE F IRST M IGRATIONS

62

O Nuget permite que bibliotecas e ferramentas sejam instaladas no Visual Studio. Ao instalar
pacotes no seu projeto, ele adiciona as bibliotecas, referncias e faz as alteraes necessrias nos arquivos de configurao. Mais informaes sobre o Nuget e os pacotes disponveis, acesse o endereo

http://nuget.org/packages
Para instalar o Entity Framework 5.0, basta selecionar o pacote Entity Framework e clicar em
Install.
62

www.k19.com.br

63

C ODE F IRST M IGRATIONS

Aps a instalao do Entity Framework 5.0, adicionaremos uma classe de modelo chamada Editora.
Essa entidade ser mapeada atravs de uma classe chamada K19Context. Para testar, criaremos uma
classe com o mtodo Main(). Observe o cdigo dessas trs classes.
1 namespace EFMigrations
2 {
3
public class Editora
4
{
5
public int Id { get ; set ; }
6
public string Nome { get ; set ; }
7
public string Email { get ; set ; }
8
}
9 }
Cdigo C# 4.1: Editora.cs

1 namespace EFMigrations
2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Editora > Editoras { get ; set ; }
6
}
7 }
Cdigo C# 4.2: K19Context.cs

1 namespace EFMigrations
2 {
3
class Program
4
{
5
static void Main ( string [] args )
6
{
7
using ( var context = new K19Context () )

www.facebook.com/k19treinamentos

63

C ODE F IRST M IGRATIONS

64

8
{
9
Editora e = new Editora { Nome = " K19 " ,
10
Email = " contato@k19 . com . br " };
11
context . Editoras . Add ( e ) ;
12
context . SaveChanges () ;
13
}
14
}
15
}
16 }

Cdigo C# 4.3: Program.cs

Aps a execuo do projeto, teremos a seguinte tabela e banco de dados.

O prximo passo alterar a classe de modelo Editora.


1 namespace EFMigrations
2 {
3
public class Editora
4
{
5
public int Id { get ; set ; }
6
public string Nome { get ; set ; }
7
public string Email { get ; set ; }
8
9
public string Telefone { get ; set ; }
10
}
11 }

Cdigo C# 4.4: Editora.cs

Com a alterao na classe Editora, um exeo gerada ao executar o projeto.


64

www.k19.com.br

65

C ODE F IRST M IGRATIONS

Para resolver esse problema, o banco de dados precisa ser atualizado. Para fazer essa atualizao,
o Entity Framework recomenda a utilizao da ferramenta Code First Migrations.
O primeiro passo para utilizar Code First Migrations habilit-lo e adicion-lo ao projeto atravs
do Package Manager Console.

O comando Enable-Migrations adiciona uma pasta chamada Migrations no projeto. Esta pasta
contm dois arquivos.
A classe Configuration permite definir o comportamento do Code First Migrations para o
nosso contexto.
A classe parcial InitialCreate define a primeira verso das tabelas do banco de dados.
O Code First Migration tem dois comandos fundamentais.
www.facebook.com/k19treinamentos

65

C ODE F IRST M IGRATIONS

66

Add-Migration que gera o cdigo necessrio para atualizar o banco de dados de acordo com
as alteraes nas classes de modelo.
Update-Database aplica as alteraes pendentes no banco de dados.

Aps adicionarmos a propriedade Telefone classe Editora, devemos adicionar uma Migration
ao projeto para atualizar o banco de dados e adicionar uma nova coluna tabela Editoras. Para
adicionar uma Migration, devemos utilizar o comando Add-Migration. Para atualizar o banco de
dados com as alteraes definidas na Migration, devemos utilizar o comando Update-Database.
Para utilizar o comando Add-Migration necessrio definir o nome da Migration a ser adicionada.
O nome da Migration que adicionaremos ser AddTelefoneToEditora.

A classe que define a migrao adicionada pasta Migrations.

66

www.k19.com.br

67

C ODE F IRST M IGRATIONS

Para atualizar o banco de dados com as alteraes definidas na Migration, devemos executar o
comando Update-Database.

Uma nova coluna adicionada tabela Editoras no banco de dados.

Exerccios de Fixao

Crie um projeto do tipo Console Application chamado CodeFirstMigrations no Visual Studio


2012 Express for Desktop.
1

Adicione o Entity Framework ao projeto CodeFirstMigrations atravs do Manage Nuget Packages.

www.facebook.com/k19treinamentos

67

C ODE F IRST M IGRATIONS

Aps adicionar o Entity Framework ao projeto, crie a classe Editora.

1
2
3
4
5
6
7
8
9
10
11
12
13

68

using System . ComponentModel . DataAnnotations ;


namespace CodeFirstMigrations
{
class Editora
{
public int Id { get ; set ; }
[ Required ( ErrorMessage = " O campo nome obrigatrio " ) ]
public string Nome { get ; set ; }
[ Required ( ErrorMessage = " O campo email obrigatrio " ) ]
public string Email { get ; set ; }
}
}
Cdigo C# 4.5: Editora.cs

Crie uma classe K19Context e adicione a propriedade DbSet para mapear a entidade Editora.

1
2
3
4
5
6
7
8
9

using System . Data . Entity ;


namespace CodeFirstMigrations
{
class K19Context : DbContext
{
public DbSet < Editora > Editoras { get ; set ; }
}
}
Cdigo C# 4.6: K19Context.cs

Crie uma classe Program de teste para cadastrar as editoras.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

using
using
using
using
using

System ;
System . Collections . Generic ;
System . Linq ;
System . Text ;
System . Threading . Tasks ;

namespace CodeFirstMigrations
{
class Program
{
static void Main ( string [] args )
{
using ( var context = new K19Context () )
{
Console . WriteLine ( " Digite o nome da Editora : " ) ;
string nome = Console . ReadLine () ;
Console . WriteLine ( " Digite o email da Editora : " ) ;
string email = Console . ReadLine () ;
Editora e = new Editora { Nome = nome , Email = email };
context . Editoras . Add ( e ) ;
context . SaveChanges () ;
}
}
}
}
Cdigo C# 4.7: Program.cs

68

www.k19.com.br

69

C ODE F IRST M IGRATIONS

Execute o projeto e cadastre uma editora.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

Altere a classe Editora adicionando a propriedade Telefone.


using System . ComponentModel . DataAnnotations ;
namespace CodeFirstMigrations
{
public class Editora
{
public int Id { get ; set ; }
[ Required ( ErrorMessage = " O campo nome obrigatrio " ) ]
public string Nome { get ; set ; }
[ Required ( ErrorMessage = " O campo email obrigatrio " ) ]
public string Email { get ; set ; }
public string Telefone { get ; set ; }
}
}

Cdigo C# 4.8: Editora.cs

Execute novamente o projeto. Verifique que uma exceo do tipo System.InvalidOperationException


ocorrer.
7

Para corrigir o problema visto no exerccio anterior, devemos habilitar o Code First Migrations.
Para isso, execute o seguinte comando atravs do Package Manager Console.
8

Enable-Migrations.
www.facebook.com/k19treinamentos

69

C ODE F IRST M IGRATIONS

70

Verifique que uma pasta chamada Migrations com dois arquivos: <DATA>_InitialCreate.cs e Configuration.cs foi gerada no projeto CodeFirstMigrations.

Aps habilitar o Code First Migrations no projeto CodeFirstMigrations, devemos adicionar


uma migrao para atualizar o banco de dados adicionando a coluna Telefone na tabela Editoras.
Crie uma migrao chamada AddTelefoneToEditora atravs do comando Add-Migration. Execute
este comando atravs do Package Manager Console.
9

Verifique que um arquivo de migrao foi criado na pasta Migrations:


1 namespace CodeFirstMigrations . Migrations
2 {
3
using System ;
4
using System . Data . Entity . Migrations ;
5
6
public partial class AddTelefoneToEditora : DbMigration

70

www.k19.com.br

71

C ODE F IRST M IGRATIONS

7
8
9
10
11
12
13
14
15
16
17
18 }

{
public override void Up ()
{
AddColumn ( " dbo . Editoras " , " Telefone " , c = > c . String () ) ;
}
public override void Down ()
{
DropColumn ( " dbo . Editoras " , " Telefone " ) ;
}
}

Cdigo C# 4.9: <DATA>_AddTelefoneToEditora.cs

Para atualizar a tabela Editoras no banco de dados, utilize o comando Update-Database que
executado atravs do Package Manager Console.
10

Verifique que a coluna Telefone foi adicionada a tabela Editoras.

Acrescentando uma nova entidade


O Code First Migrations gerencia as alteraes no modelo e a adio de novas entidades. Ao
adicionar uma nova entidade ao projeto, devemos criar uma Migration que adicionar uma nova
tabela para o qual a classe ser mapeada. Considere a seguinte classe para definir a entidade Livro.
1 namespace EFMigrations
2 {
3
public class Livro
4
{
5
public int Id { get ; set ; }
6
public string Titulo { get ; set ; }
7
public decimal Preco { get ; set ; }
8
public int EditoraId { get ; set ; }
9
public Editora Editora { get ; set ; }
10
}
11 }
Cdigo C# 4.10: Livro.cs

Para estabelecer o relacionamento entre as entidades Editora e Livro, a classe Editora dever
ser alterada.
1 namespace EFMigrations
2 {

www.facebook.com/k19treinamentos

71

C ODE F IRST M IGRATIONS

72

3
public class Editora
4
{
5
public int Id { get ; set ; }
6
public string Nome { get ; set ; }
7
public string Email { get ; set ; }
8
public string Telefone { get ; set ; }
9
10
[ ForeignKey ( " EditoraId " ) ]
11
public virtual IList < Livro > Livros { get ; set ; }
12
}
13 }
Cdigo C# 4.11: Editora.cs

Devemos mapear a entidade Livro na classe K19Context.


1 namespace EFMigrations
2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Editora > Editoras { get ; set ; }
6
public DbSet < Livro > Livros { get ; set ; }
7
}
8 }
Cdigo C# 4.12: Livraria.cs

Aps a criao da classe que define a entidade Livro e a alterao das classes Editora e K19Context,
devemos criar uma Migration que atualizar o banco de dados criando uma nova tabela para o qual
a classe Livro ser mapeada.
Para adicionar a nova Migration, execute o seguinte comando:

Add-Migration CreateLivro

Para atualizar o banco de dados e criar a nova tabela, devemos utilizar o comando Update-Database.

72

www.k19.com.br

73

C ODE F IRST M IGRATIONS

Aps executar o comando Update-Database, verifique que a tabela para o qual a classe Livro foi
mapeada foi criada no banco de dados.

Exerccios de Fixao

11

Acrescente a classe Livro conforme o cdigo abaixo:

1 namespace CodeFirstMigrations
2 {
3
class Livro
4
{
5
public int Id { get ; set ; }
6
public string Titulo { get ; set ; }
7
public decimal Preco { get ; set ; }
8
public int EditoraId { get ; set ; }
9
public Editora Editora { get ; set ; }
10
}
11 }
Cdigo C# 4.13: Livro.cs

12

Altere a classe K19Context para mapear a classe Livro para uma tabela no banco de dados.

1 using System . Data . Entity ;


2
3 namespace CodeFirstMigrations
4 {
5
class K19Context : DbContext

www.facebook.com/k19treinamentos

73

C ODE F IRST M IGRATIONS

74

6
{
7
public DbSet < Editora > Editoras { get ; set ; }
8
public DbSet < Livro > Livros { get ; set ; }
9
}
10 }

Cdigo C# 4.14: K19Context.cs

Para gerar a tabela Livros no banco de dados, devemos criar uma migrao. Crie uma migrao
chamada CreateLivro atravs do comando Add-Migration.
13

14 Execute o comando Update-Database atravs do Package Manager Console para gerar a tabela
referente a classe Livro no banco de dados.

Verifique que a tabela referente a classe Livro foi gerada no banco de dados.

Operaes do Code First Migrations


O Code First Migrations cria automaticamente as Migrations de acordo com as alteraes realizadas nas classes que representam as entidades. Porm, as Migrations podem ser alteradas para
realizar outras operaes, como executar scripts SQL ou adicionar um indce, por exemplo. Segue
abaixo uma relao das operaes que podem ser executadas durante uma Migration:
74

www.k19.com.br

75

C ODE F IRST M IGRATIONS

Operaes

AddColumn
AddForeignKey
AddPrimaryKey
AlterColumn
CreateIndex
CreateTable
DropColumn
DropForeignKey
DropIndex
DropPrimaryKey
DropTable
MoveTable
RenameColumn
RenameTable
Sql

Descrio
Adiciona uma coluna a uma tabela existente
Cria uma chave estrangeira
Cria uma chave primria
Altera a definio de uma coluna existente
Cria um ndice para uma coluna existente
Cria uma nova tabela no banco de dados
Remove uma coluna existente
Remove uma chave estrangeira existente
Remove um ndice existente
Remove uma chave primria existente
Remove uma tabela existente
Move a tabela para um novo schema de banco de dados
Renomeia uma coluna existente
Renomeia uma tabela existente
Executa um comando SQL

Exerccios de Fixao

15 Crie um projeto do tipo Console Application chamado CustomizandoCodeFirstMigrations no


Visual Studio 2012 Express for Desktop.

16

Adicione ao projeto o Entity Framework atravs do Manage Nuget Packages.

17

Crie uma classe para representar a entidade Pessoa.

1 namespace CustomizandoCodeFirstMigrations
2 {
3
public class Pessoa
4
{
5
public int Id { get ; set ; }
6
public string Nome { get ; set ; }
7
public string Email { get ; set ; }
8
public string TelefoneFixo { get ; set ; }
9
public string Celular { get ; set ; }
10
}
11 }
Cdigo C# 4.15: Pessoa.cs

18

Crie uma classe K19Context para mapear a entidade Pessoa para o banco de dados.

1 namespace CustomizandoCodeFirstMigrations
2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Pessoa > Pessoas { get ; set ; }
6
}
7 }

www.facebook.com/k19treinamentos

75

C ODE F IRST M IGRATIONS

76

Cdigo C# 4.16: K19Context.cs

19

Crie uma classe de teste que persiste um objeto da classe Pessoa no banco de dados.

1 namespace CustomizandoCodeFirstMigrations
2 {
3
class Program
4
{
5
static void Main ( string [] args )
6
{
7
using ( var db = new K19Context () )
8
{
9
Pessoa p = new Pessoa { Nome = " K19 " , Email = " contato@k19 . com . br " ,
10
Celular = " (11) 2387 -3791 " , TelefoneFixo = " (11) 2387 -3792 " };
11
db . Pessoas . Add ( p ) ;
12
db . SaveChanges () ;
13
}
14
}
15
}
16 }
Cdigo C# 4.17: Pessoa.cs

Altere a classe Pessoa para tornar obrigatrio a propriedade TelefoneFixo. Renomeie tambm a
propriedade Celular para TelefoneCelular.
20

1 namespace CustomizandoCodeFirstMigrations
2 {
3
public class Pessoa
4
{
5
public int Id { get ; set ; }
6
public string Nome { get ; set ; }
7
public string Email { get ; set ; }
8
[ Required ]
9
public string TelefoneFixo { get ; set ; }
10
public string TelefoneCelular { get ; set ; }
11
}
12 }
Cdigo C# 4.18: Pessoa.cs

Para que as alteraes sejam refletidas no banco de dados, necessrio habilitar o Code First Migrations no projeto. Execute o comando Enable-Migrations atravs do Package Manager Console.
21

Aps habilitar o Code First Migrations no projeto, crie uma Migration que efetuar as operaes
de alterao no banco de dados. Execute o comando Add-Migration AlteraTelefoneFixoERenomeiaCelularDePessoa
22

23
Aps a execuo do comando Add-Migration, verifique que o arquivo criado ir remover a
coluna Celular da tabela, ao invs de renome-la.

1 namespace CustomizandoCodeFirstMigrations . Migrations

76

www.k19.com.br

77

C ODE F IRST M IGRATIONS

2 {
3
using System ;
4
using System . Data . Entity . Migrations ;
5
6
public partial class AlteraTelefoneFixoERenomeiaCelularDePessoa : DbMigration
7
{
8
public override void Up ()
9
{
10
AddColumn ( " dbo . Pessoas " , " TelefoneCelular " , c = > c . String () ) ;
11
AlterColumn ( " dbo . Pessoas " , " TelefoneFixo " , c = > c . String ( nullable : false ) ) ;
12
DropColumn ( " dbo . Pessoas " , " Celular " ) ;
13
}
14
15
public override void Down ()
16
{
17
AddColumn ( " dbo . Pessoas " , " Celular " , c = > c . String () ) ;
18
AlterColumn ( " dbo . Pessoas " , " TelefoneFixo " , c = > c . String () ) ;
19
DropColumn ( " dbo . Pessoas " , " TelefoneCelular " ) ;
20
}
21
}
22 }
Cdigo C# 4.19: yyyyymmdds_AlteraTelefoneFixoERenomeiaCelularDePessoa.cs

Altere o arquivo de Migration para renomear a coluna, utilizando o mtodo Rename.


1 namespace CustomizandoCodeFirstMigrations . Migrations
2 {
3
using System ;
4
using System . Data . Entity . Migrations ;
5
6
public partial class AlteraTelefoneFixoERenomeiaCelularDePessoa : DbMigration
7
{
8
public override void Up ()
9
{
10
RenameColumn ( " dbo . Pessoas " , " Celular " , " TelefoneCelular " ) ;
11
AlterColumn ( " dbo . Pessoas " , " TelefoneFixo " , c = > c . String ( nullable : false ) ) ;
12
}
13
14
public override void Down ()
15
{
16
RenameColumn ( " dbo . Pessoas " , " TelefoneCelular " , " Celular " ) ;
17
AlterColumn ( " dbo . Pessoas " , " TelefoneFixo " , c = > c . String () ) ;
18
}
19
}
20 }
Cdigo C# 4.20: yyyyymmdds_AlteraTelefoneFixoERenomeiaCelularDePessoa.cs

Aps a alterao do arquivo de Migration, execute o comando Update-Database para alterar as


colunas no banco de dados e, posteriormente, verique que as colunas foram renomeadas.
24

Migrao para uma verso especfica


O Code First Migrations permite ao desenvolvedor fazer a migrao para uma verso especfica. possvel, por exemplo, desfazer as alteraes e voltar para uma verso anterior atravs do
comando Update-Database. Basta definir o nome da verso atravs do parmetro -TargetMigration:

Update-Database -TargetMigration:{NomeDaMigrationAnterior}
www.facebook.com/k19treinamentos

77

C ODE F IRST M IGRATIONS

78

possvel tambm voltar para o estado inicial do banco de dados, executando o comando UpdateDatabase -TargetMigration:$InitialDatabase.

Gerando Script SQL


O Code First Migrations executa as alteraes no banco de dados atravs do comando UpdateDatabase. O comando Update-Database gera script SQL tambm, basta adicionar o parmetro
-Script, que ao invs de executar o comando diretamente no banco de dados, ele ir gerar o script
SQL que poder ser visualizado ou salvo pelo usurio atravs do Visual Studio.

Update-Database -Script -TargetMigration:AddTelefoneToEditora

Atravs do comando Update-Database possvel definir o estado inicial e a verso final para que
o script SQL contenha todas as alteraes necessrias para atualizar o banco de dados.

Update-Database -Script -SourceMigration:$InitialDatabase -TargetMigration:AddTelefoneToEditora

78

www.k19.com.br

CAPTULO

V ISO G ERAL DO ASP.NET MVC

Necessidades de uma aplicao web

HTTP
Os usurios de uma aplicao web utilizam navegadores (browsers) para interagir com essa aplicao. A comunicao entre navegadores e uma aplicao web realizada atravs de requisies e
respostas definidas pelo protocolo HTTP. Dessa forma, os desenvolvedores de aplicaes web devem
estar preparados para trabalhar com o protocolo HTTP.

Acesso simultneo
Alm disso, na grande maioria dos casos, as aplicaes web devem ser acessadas por diversos
usurios ao mesmo tempo. Consequentemente, os desenvolvedores web devem criar ou utilizar
algum mecanismo eficiente que permita esse tipo de acesso.

Contedo dinmico
As pginas de uma aplicao web devem ser geradas dinamicamente. Por exemplo, quando um
usurio de uma aplicao de email acessa a sua caixa de entrada, ele deseja ver todos os emails
enviados at aquele momento. A pgina contendo a lista de emails deve ser gerada novamente toda
vez que essa pgina for requisitada. Consequentemente, os desenvolvedores web devem criar ou
utilizar algum mecanismo eficiente que permita que o contedo das pginas das aplicaes web seja
gerado dinamicamente.
www.facebook.com/k19treinamentos

79

V ISO G ERAL DO ASP.NET MVC

80

TP
HT
o

isi
qu

HT
isi

Re

www.k19.com.br

Cursos

TT

aH
st

o
sp

Re

TP

qu
Re

HT

Requisio HTTP

st
a

Resposta HTTP

sp

Re

TP

Aplicao
Web

www.k19.com.br

Artigos

www.k19.com.br

Apostilas

Figura 5.1: Necessidades de uma aplicao web

Soluo
Resolver os trs problemas apresentados tomaria boa parte do tempo de desenvolvimento, alm
de exigir conhecimentos tcnicos extremamente especficos por parte dos desenvolvedores. Para
facilitar o desenvolvimento de aplicaes web, a plataforma .NET soluciona esses problemas fundamentais.
A plataforma .NET oferece os seguintes recursos fundamentais para o desenvolvimento de aplicaes web:
Envio e recebimento de mensagens HTTP.
Acesso simultneo das aplicaes por vrios usurios de uma maneira eficiente.
Gerao dinmica das pginas das aplicaes.

ASP.NET MVC
Atualmente, o ASP.NET MVC o framework para desenvolvimento de aplicaes web na plataforma .NET em maior ascenso. A documentao desse framework pode ser obtida em http:
//www.asp.net/mvc. O ASP.NET MVC fortemente baseado nos padres MVC e Front Controller.

MVC e Front Controller


O MVC (model-view-controller) um padro de arquitetura que tem por objetivo isolar a lgica
de negcio da lgica de apresentao de uma aplicao.
Esse padro (ou alguma variao) amplamente adotado nas principais plataformas de desenvolvimento atuais. Em particular, ele bastante utilizado no desenvolvimento de aplicaes web.
80

www.k19.com.br

81

V ISO G ERAL DO ASP.NET MVC

O padro MVC divide uma aplicao em trs tipos de componentes: modelo, viso e controlador.

Modelo: encapsula os dados e as funcionalidades da aplicao.


Viso: responsvel pela exibio de informaes, cujos dados so obtidos do modelo.
Controlador: recebe as requisies do usurio e aciona o modelo e/ou a viso.

Para mais detalhes sobre o padro MVC, uma boa referncia o livro Pattern-Oriented Software
Architecture Volume 1: A System of Patterns (editora Wiley, 1996) dos autores Frank Buschmann, Regine Meunier, Hans Rohnert, Peter Sommerlad, Michael Stal e Michael Stal.
No padro Front Controller, todas as requisies do usurio so recebidas pelo mesmo componente. Dessa forma, tarefas que devem ser realizadas em todas as requisies podem ser implementadas por esse componente. Isso evita a repetio de cdigo e facilita a manuteno do sistema.
Para mais informaes sobre esse padro, consulte, por exemplo, o livro Professional ASP.NET
Design Patterns (editora Wrox, 720) de Scott Millett.

Visual Studio
O primeiro passo para construir uma aplicao web utilizando o framework ASP.NET MVC 4
criar um projeto no Visual Studio a partir do modelo adequado. No nosso caso, o modelo de projeto
que deve ser utilizado o ASP.NET MVC 4 Web Application.

Figura 5.2: Criando um projeto

www.facebook.com/k19treinamentos

81

V ISO G ERAL DO ASP.NET MVC

82

Devemos escolher Basic Project conforme figura abaixo:

Figura 5.3: Criando um projeto

O projeto criado j vem com diversas pastas e arquivos. Ao longo dos prximos captulos, a funo de cada pasta e de cada arquivo ser discutida.

Testando a aplicao
Para verificar o funcionamento do projeto, basta execut-lo atravs do menu: Debug -> Start
Debugging. Um servidor ser inicializado na mquina e a aplicao implantada nesse servidor.
Alm disso, uma janela do navegador padro do sistema aberta na url principal da aplicao.

Trocando a porta do servidor


Para trocar a porta do servidor inicializado pelo Visual Studio utiliza, basta alterar as propriedades do projeto clicando com o boto direito do mouse no projeto e escolhendo o item properties e
depois a aba web.

Exemplo de uma Aplicao Web


Veremos a seguir um exemplo de uma simples aplicao web em ASP.NET MVC 4. Essa aplicao
possuir uma pgina principal que dever exibir o seu nmero de visualizao.
Primeiramente, criaremos um controlador para gerenciar o nmero de visualizao da pgina
principal. Os controladores so definidos por classes que derivam da classe Controller. Os nomes
82

www.k19.com.br

83

V ISO G ERAL DO ASP.NET MVC

dos controladores devem terminar com a palavra Controller. Alm disso, eles devem ser definidos
na pasta Controllers da aplicao. Considere a classe K19Controller definida abaixo.
1 public class K19Controller : Controller
2 {
3
private static int NumeroDeAcessos { get ; set ; }
4
5
public ActionResult Index ()
6
{
7
K19Controller . NumeroDeAcessos ++;
8
ViewBag . Acessos = K19Controller . NumeroDeAcessos ;
9
return View () ;
10
}
11 }

Cdigo C# 5.1: K19Controller.cs

A classe K19Controller possui uma propriedade chamada NumeroDeAcessos. Essa propriedade


armazenar o nmero de visualizaes da pgina principal.
O mtodo Index() ser chamado toda vez que a url http://<IP_SERVIDOR>:<PORTA_APP>/K19/Index
for requisitada por um navegador. Note que essa url formada pelo nome do controlador (nome da
classe que define o controlador sem o sufixo Controller) seguido pelo nome do mtodo.
Cada vez que o mtodo Index() chamado, o valor da propriedade NumeroDeAcessos incrementado. Alm disso, o valor atualizado dessa propriedade colocado na ViewBag para que possa
ser acessado na camada de apresentao.
Para indicar que o fluxo de execuo deve seguir para a camada de apresentao, o mtodo
Index() invoca o mtodo View() e devolve a resposta obtida. Por padro, o fluxo ser direcionado
para um arquivo chamado Index.cshtml que deve estar localizado na pasta Views\K19\.
Na camada de apresentao, vamos adicionar a pgina associada ao mtodo Index(). Para isso,
criaremos um arquivo chamado Index.cshtml na pasta Views\K19\ da aplicao com o contedo
abaixo.
1 @{
2
ViewBag . Title = " Index " ;
3 }
4 < h2 > Acessos : @ViewBag . Acessos </ h2 >

Cdigo CSHTML 5.1: Index.cshtml

Para acessar a ViewBag, devemos utilizar o caractere @, como no cdigo acima.

Exerccios de Fixao

Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado K19 no Visual Studio 2012
Express for Web. Utilize o template Basic Project.
1

www.facebook.com/k19treinamentos

83

V ISO G ERAL DO ASP.NET MVC

84

Figura 5.4: Criando um projeto

Figura 5.5: Criando um projeto

84

www.k19.com.br

85

V ISO G ERAL DO ASP.NET MVC

Crie um controlador chamado K19 no projeto K19. Siga os passos apresentados nas imagens
abaixo.
2

Figura 5.6: Criando um controlador

Figura 5.7: Criando um controlador

1
2
3
4
5
6
7
8
9

using System ;
using System . Web . Mvc ;
namespace K19 . Controllers
{
public class K19Controller : Controller
{
public ActionResult Index ()
{

www.facebook.com/k19treinamentos

85

V ISO G ERAL DO ASP.NET MVC

86

10
Random random = new Random () ;
11
ViewBag . NumeroDaSorte = random . Next () ;
12
return View () ;
13
}
14
}
15 }

Cdigo C# 5.2: K19Controller.cs

Dentro da pasta Views, crie uma pasta chamada K19.

Figura 5.8: Criando uma pasta

Crie uma pgina na aplicao, adicionando um arquivo chamado Index.cshtml dentro da pasta
Views\K19\.
4

86

www.k19.com.br

87

V ISO G ERAL DO ASP.NET MVC

Figura 5.9: Adicionando uma tela

Figura 5.10: Adicionando uma tela

www.facebook.com/k19treinamentos

87

V ISO G ERAL DO ASP.NET MVC

88

1 @{
2
ViewBag . Title = " Index " ;
3 }
4 < h2 > Ol ! O seu nmero da sorte @ViewBag . NumeroDaSorte </ h2 >
Cdigo CSHTML 5.2: Index.cshtml

Para visualizar a pgina, basta executar o projeto no Visual Studio e acessar o endereo
http://localhost:<PORTA_APP>/K19/Index

Figura 5.11: Acessando a pgina da aplicao

Integrao com Entity Framework


A integrao entre Entity Framework e ASP.NET MVC 4 realizada de maneira extremamente
simples. No Visual Studio 2012, ao criar um projeto ASP.NET MVC 4 do tipo Basic, a biblioteca do
Entity Framework 5 adicionada automaticamente.
As configuraes padres do Entity Framework podem ser alteradas atravs do arquivo Web.config.
Por fim, bastaria implementar as entidades e mape-las como visto no Captulo 4.

Scaffold
O Visual Studio 2012 capaz de gerar telas e controladores para as operaes de insero, leitura,
alterao e remoo (CRUD) a partir de uma entidade de um projeto ASP.NET MVC 4. Os controladores gerados podem utilizar as funcionalidades do Entity Framework para interagir com o banco de
dados.
88

www.k19.com.br

89

V ISO G ERAL DO ASP.NET MVC

Exerccios de Fixao

Vamos gerar o nosso primeiro scaffold. Para isto, defina as classes Editora e K19Context na
pasta Models do projeto K19.
6

1 namespace K19 . Models


2 {
3
public class Editora
4
{
5
public int EditoraID { get ; set ; }
6
7
public string Nome { get ; set ; }
8
9
public string Email { get ; set ; }
10
}
11 }
Cdigo C# 5.3: Editora.cs

1
2
3
4
5
6
7
8
9

using System . Data . Entity ;


namespace K19 . Models
{
public class K19Context : DbContext
{
public DbSet < Editora > Editoras { get ; set ; }
}
}
Cdigo C# 5.4: K19Context.cs

Antes de gerar o scaffold, necessrio fazer um build no projeto.

Figura 5.12: Build do projeto

Aps o build do projeto, podemos gerar o scaffold. Para isso, crie um controlador chamado
Editora seguindo os passos apresentados nas imagens a seguir.
8

www.facebook.com/k19treinamentos

89

V ISO G ERAL DO ASP.NET MVC

90

Figura 5.13: Gerando o scaffold

Figura 5.14: Gerando o scaffold

90

www.k19.com.br

91

V ISO G ERAL DO ASP.NET MVC

Figura 5.15: Scaffold gerado

Para testar, acesse o endereo http://localhost:<PORTA_APP>/Editora/Index.

10

Adicione uma entidade chamada Livro na pasta Models.

1 namespace K19 . Models


2 {
3
public class Livro
4
{
5
public int LivroID { get ; set ; }
6
7
public string Titulo { get ; set ; }
8
9
public double Preco { get ; set ; }
10
11
public int EditoraID { get ; set ; }
12
13
public virtual Editora Editora { get ; set ; }
14
}
15 }
Cdigo C# 5.5: Livro.cs

11

Altere a classe K19Context para registrar a entidade Livro.

1 namespace K19 . Models


2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Editora > Editoras { get ; set ; }
6
7
public DbSet < Livro > Livros { get ; set ; }
8
}
9 }

www.facebook.com/k19treinamentos

91

V ISO G ERAL DO ASP.NET MVC

92

Cdigo C# 5.6: Livro.cs

Faa novamente o build do projeto. Depois, gere o scaffold da entidade Livro. Crie um controlador chamado Livro seguindo os passos apresentados nas imagens a seguir.
12

13

Para testar, acesse o endereo http://localhost:<PORTA_APP>/Livro/Index.


Apague a base de dados K19.Models.K19Context antes de testar a aplicao

92

www.k19.com.br

CAPTULO

C AMADA DE A PRESENTAO

A camada de apresentao responsvel por gerar as pginas de uma aplicao web. Os dados
apresentados em uma pgina web so definidos na camada de modelo. A camada de controle recupera os dados da camada de modelo e os envia para a camada de apresentao. Basicamente, a
camada de apresentao definir como esses dados sero apresentados para os usurios da aplicao.
O fluxo inverso tambm ocorre. Ou seja, a camada de apresentao obtm dados inseridos pelos
usurios e os envia para a camada de controle que, por sua vez, usa esses dados para alterar a camada
de modelo.
Neste captulo, mostraremos como a camada de apresentao de uma aplicao web construda com a utilizao de recursos do ASP.NET MVC como Inline Code, HTML Helper, Layout e Partial Views.

Razor e ASPX
At a segunda verso do ASP.NET MVC, as telas (ou pginas) de uma aplicao web eram desenvolvidas em ASPX. A partir da terceira verso desse framework, podemos usar a linguagem Razor
para construir essas telas. A principal caracterstica da Razor ser concisa e simples, diminuindo o
nmero de caracteres e as tradicionais tags de scripts do ASP.NET MVC (<% %>).
Nos exemplos abaixo, mostraremos algumas diferena entre Razor e ASPX.

Criando Variveis
Toda expresso em Razor comea com o caractere @. Para criarmos variveis, precisamos declarlas dentro de um bloco Razor:
1 @{
2
string nome = " K19 " ;
3
string telefoneDaK19 = " 2387 -3791 " ;
4
string enderecoDaK19 = " Av . Brigadeiro Faria Lima " ;
5
int numeroDaK19 = 1571;
6 }
Cdigo CSHTML 6.1: Criando variveis em Razor

1 <%
2
string nome = " K19 " ;
3
string telefoneDaK19 = " 2387 -3791 " ;
4
string enderecoDaK19 = " Av . Brigadeiro Faria Lima " ;
5
int numeroDaK19 = 1571;
6 %>
Cdigo ASPX 6.1: Criando variveis em ASPX

www.facebook.com/k19treinamentos

93

C AMADA DE A PRESENTAO

94

Acessando variveis
As variveis podem ser facilmente acessadas.
1 <p > Telefone da K19 : @telefoneDaK19 </ p >
Cdigo CSHTML 6.2: Acessando uma varivel

1 <p > Telefone da K19 : < %= telefoneDaK19 % > </ p >


Cdigo ASPX 6.2: Acessando uma varivel

Condicionais (if e else)


Podemos utilizar os comandos de controle de fluxo if e else. Veja os exemplos abaixo.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

@if ( numero == numeroDaK19 )


{
<p > Chegou na K19 ! </ p >
}
else
{
<p > Continue andando . </ p >
}
<! -- ou -- >
@{
int numero = 463;
if ( numero == numeroDaK19 )
{
<p > Chegou na K19 ! </ p >
}
else
{
<p > Continue andando . </ p >
}
}
Cdigo CSHTML 6.3: Utilizando if e else em Razor

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<%
if ( numero == numeroDaK19 )
{
%>
<p > Chegou na K19 ! </ p >
<%
}
else
{
%>
<p > Continue andando . </ p >
<%
}
%>
Cdigo CSHTML 6.4: Utilizando if e else em ASPX

Laos
Podemos criar laos utilizando o comando for.
1 @for ( int i = 0; i < 5; i ++)
2 {

94

www.k19.com.br

95

C AMADA DE A PRESENTAO

3
<p >i = @i </ p >
4 }
Cdigo CSHTML 6.5: Criando um lao em Razor

1
2
3
4
5
6
7
8

<%
for ( int i = 0; i < 5; i ++)
{
%>
<p >i = < %= i % > </ p >
<%
}
%>
Cdigo ASPX 6.3: Criando um lao em ASPX

Texto e cdigo
1 @if ( x == " nome " )
2 {
3
@ : O nome da editora @editora . Nome
4 }
Cdigo CSHTML 6.6: Texto e cdigo em Razor

1
2
3
4
5
6
7
8

<%
if ( x == " nome " )
{
%>
O nome da editora < %= editora . Nome % >
<%
}
%>
Cdigo ASPX 6.4: Texto e cdigo em ASPX

Comentrios
Podemos adicionar comentrios nas pginas.
1 @ * Comentrio * @
Cdigo CSHTML 6.7: Comentrios em Razor

1 <% -- Comentrio --% >


Cdigo ASPX 6.5: Comentrios em ASPX

Exerccios de Fixao

Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado CamadaDeApresentacao


no Visual Studio 2012 Express for Web. Utilize o template Basic Project.
1

www.facebook.com/k19treinamentos

95

C AMADA DE A PRESENTAO

96

Adicione um controlador chamado Home no projeto CamadaDeApresentacao utilizando o template Empty MVC Controller. Nesse controlador, defina uma ao chamada Index.
2

1 namespace CamadaDeApresentacao . Controllers


2 {
3
public class HomeController : Controller
4
{
5
public ActionResult Index ()
6
{
7
Random random = new Random () ;
8
ViewBag . NumeroDaSorte = random . Next () ;
9
return View () ;
10
}
11
}
12 }
Cdigo C# 6.1: Home.cs

Adicione uma pgina associada ao Index do controlador Home do projeto CamadaDeApresentacao.


3

1
2
3
4
5
6
7
8

@{
ViewBag . Title = " Index " ;
}
@for ( int i = 0; i < 10; i ++)
{
< h2 > Ol ! O seu nmero da sorte @ViewBag . NumeroDaSorte </ h2 >
}
Cdigo CSHTML 6.8: Index.cshtml

Para ver o resultado, acesse a url http://localhost:<PORTA_APP>/Home/Index.

4
Altere o arquivo Index.cshtml do exerccio anterior para imprimir uma mensagem a partir de
uma varivel.

1
2
3
4
5
6
7
8
9

@{
ViewBag . Title = " Index " ;
string mensagem = " Ol ! O seu nmero da sorte " + @ViewBag . NumeroDaSorte ;
}
@for ( int i = 0; i < 10; i ++)
{
< h2 > @mensagem </ h2 >
}
Cdigo CSHTML 6.9: Index.cshtml

Para ver o resultado, acesse a url http://localhost:<PORTA_APP>/Home/Index.

Exerccios Complementares

96

Altere o arquivo Index.cshtml para gerar a seguinte tela para o usurio:


www.k19.com.br

97

C AMADA DE A PRESENTAO

Figura 6.1: Inline Code

ViewBag e Strogly Typed Views


A ViewBag utilizada para transmitir dados da camada de controle para a camada de apresentao. Para adicionar um item propriedade ViewBag, devemos definir uma chave para esse item. Veja
o cdigo abaixo.
1 ViewBag . HoraDoServidor = DateTime . Now . ToShortTimeString () ;
Cdigo C# 6.2: Adicionando um item na ViewBag

No cdigo acima, criamos uma chave chamada HoraDoServidor e atribumos um valor a essa
chave.
Na camada de apresentao, os itens armazenados na ViewBag podem ser acessados facilmente
atravs da sintaxe da Razor. Veja um exemplo abaixo.
1 A hora do servidor @ViewBag . HoraDoServidor
Cdigo CSHTML 6.11: Acessando um item da ViewBag

A ViewBag oferece uma forma simples de transmitir dados da camada de controle para a camada
de apresentao, mas apresenta algumas desvantagens. Por exemplo, como as chaves so adicionadas dinamicamente, no possvel garantir a existncia dessas chaves em tempo de compilao.
Considere o cdigo abaixo.
www.facebook.com/k19treinamentos

97

C AMADA DE A PRESENTAO
1
2
3
4
5
6
7
8
9

98

double numero = new Random () . NextDouble () ;


if ( numero < 0.5)
{
ViewBag . X = " K19 TREINAMENTOS " ;
}
else
{
ViewBag . X = 10;
}
Cdigo C# 6.3: Adcicionando chaves dinamicamente na ViewBag

No cdigo acima, o tipo do objeto associado chave X depende do valor da varivel numero,
que gerado aleatoriamente. Quando o valor gerado for menor do que 0.5, o tipo desse objeto ser
string. Caso contrrio, o tipo desse objeto ser int. Suponha que a chave X seja utilizada na camada
de apresentao.
1 <p > @ViewBag . X . Lower () </ p >
Cdigo CSHTML 6.12: Utilizando a chave X ViewBag

O cdigo acima no produz erros de compilao. Contudo, na execuo, um erro poder ocorrer.
O problema que esse cdigo supe que o objeto associado chave X possui o mtodo Lower(). No
entanto, se a ao for acionada um nmero suficiente de vezes, em algum momento isso no ser
verdade, e um erro de execuo ocorrer.
Alm disso, recursos do Visual Studio como IntelliSense (recurso para completar cdigo) ou refatorao no podem ser aplicados com o uso da ViewBag.
Uma alternativa utilizao da ViewBag o recurso strongly typed views. Com esse recurso
podemos fixar, em tempo de compilao, o tipo do objeto que ser transferido da camada de controle
para a camada de apresentao. Uma vez que o tipo desse objeto foi fixado, o compilador capaz
de verificar a validade do cdigo, evitando eventuais erros de execuo. Alm disso, o Visual Studio
pode auxiliar o desenvolvimento da aplicao com os recursos de IntelliSense e de refatorao.
Para utilizar strongly type views, o primeiro passo , na camada de controle, passar como parmetro para o mtodo View() um objeto do tipo esperado pela camada de apresentao.
1 public ActionResult Acao ()
2 {
3
Editora editora = new Editora { Nome = " K19 " , Email = " contato@k19 . com . br " };
4
return View ( editora ) ;
5 }
Cdigo C# 6.4: Passando um objeto para a camada de apresentao

Para definir o tipo do objeto esperado na camada de apresentao, podemos utilizar a sintaxe da
Razor. Veja o cdigo abaixo.
1 @model K19 . Models . Editora
Cdigo CSHTML 6.13: Definindo o tipo do objeto esperado na camada de apresentao

Podemos tambm utilizar o comando using para evitar a escrita dos nomes completos das classes.

98

www.k19.com.br

99

C AMADA DE A PRESENTAO

1 @using K19 . Models


2 @model Editora
Cdigo CSHTML 6.14: Utilizando o comando using

Para acessar o objeto transmitido da camada de controle para a camada de apresentao, devemos utilizar a propriedade Model. Observe o cdigo a seguir.
1
2
3
4
5
6
7
8

@using K19 . Models


@model Editora
<p >
Nome : @Model . Nome
< br / >
Email : @Model . Email
</ p >
Cdigo CSHTML 6.15: Utilizando a propriedade Model

Se tentarmos acessar um mtodo ou propriedade inexistentes, um erro de compilao ocorrer,


pois agora o compilador conhece o tipo do objeto transmitido. Dessa forma, o cdigo abaixo produz
um erro de compilao.
1
2
3
4
5
6
7
8

@using K19 . Models


@model Editora
<p >
Nome : @Model . Nome
< br / >
Telefone : @Model . Telefone
</ p >
Cdigo CSHTML 6.16: Produzindo um erro de compilao

Observe que apenas um objeto pode ser transmitido da camada de controle para a camada de
apresentao atravs do recurso strongly type views. J com a utilizao de ViewBag, diversos objetos
podem ser transmitidos. Note tambm que os dois recursos podem ser utilizados ao mesmo tempo.

Exerccios de Fixao

5
No projeto CamadaDeApresentacao, adicione um controlador chamado Relogio utilizanto o
template Empty MVC Controller. Nesse controlador, defina uma ao chamada Agora. Essa ao
deve armazenar a data e o horrio atual na ViewBag.

1 namespace CamadaDeApresentacao . Controllers


2 {
3
public class RelogioController : Controller
4
{
5
public ActionResult Agora ()
6
{
7
ViewBag . Agora = DateTime . Now . ToString ( " dd / MM / yyyy HH : mm : ss " ) ;
8
return View () ;
9
}
10
}
11 }

www.facebook.com/k19treinamentos

99

C AMADA DE A PRESENTAO

100

Cdigo C# 6.5: RelogioController.cs

Adicione uma pgina associada ao Agora do controlador Relogio.

1 @{
2
ViewBag . Title = " Agora " ;
3 }
4
5 < h2 > Agora : @ViewBag . Agora </ h2 >
Cdigo HTML 6.1: Agora.cshtml

Para testar, acesse: http://localhost:<PORTA_APP>/Relogio/Agora.

Adicione uma entidade chamada Aluno na pasta Models do projeto CamadaDeApresentacao.

1 namespace CamadaDeApresentacao . Models


2 {
3
public class Aluno
4
{
5
public int AlunoID { get ; set ; }
6
7
public string Nome { get ; set ; }
8
9
public string Email { get ; set ; }
10
}
11 }
Cdigo C# 6.6: Aluno.cs

Adicione um controlador chamado Aluno utilizando o template Empty MVC Controller. Nesse
controlador, defina uma ao para transmitir para camada de apresentao um objeto da entidade
Aluno. Utilize strongly type views.
8

1 namespace CamadaDeApresentacao . Controllers


2 {
3
public class AlunoController : Controller
4
{
5
public ActionResult Detalhes ()
6
{
7
Aluno a = new Aluno {
8
AlunoID = 1 ,
9
Nome = " Jonas Hirata " ,
10
Email = " jonas@k19 . com . br "
11
};
12
return View ( a ) ;
13
}
14
}
15 }
Cdigo C# 6.7: AlunoController.cs

Adicione uma tela associada ao Detalhes do controlador Aluno com o seguinte contedo.

1 @model CamadaDeApresentacao . Models . Aluno

100

www.k19.com.br

101
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

C AMADA DE A PRESENTAO

@{
ViewBag . Title = " Detalhes " ;
}
< h2 > Detalhes </ h2 >
<p >
AlunoID : @Model . AlunoID
</ p >
<p >
Nome : @Model . Nome
</ p >
<p >
Email : @Model . Email
</ p >
Cdigo HTML 6.2: Detalhes.cshtml

Para ver o resultado, acesse a url http://localhost:<PORTA_APP>/Aluno/Detalhes.

Adicione uma ao no controlador Aluno.

10

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

...
public ActionResult Lista ()
{
ICollection < Aluno > lista = new List < Aluno >() ;
for ( int i = 0; i < 5; i ++)
{
Aluno a = new Aluno {
AlunoID = i ,
Nome = " Aluno " + i ,
Email = " Email " + i
};
lista . Add ( a ) ;
}
return View ( lista ) ;
}
...
Cdigo C# 6.8: AlunoController.cs

Adicione uma tela associada ao Lista do controlador Aluno com o seguinte contedo.

11

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

@model ICollection < CamadaDeApresentacao . Models . Aluno >


@{
ViewBag . Title = " Lista " ;
}
< h2 > Tabela de Aluno </ h2 >
< table >
< tr >
< th > AlunoID </ th >
< th > Nome </ th >
< th > Email </ th >
</ tr >
@foreach ( var a in @Model )

www.facebook.com/k19treinamentos

101

C AMADA DE A PRESENTAO

102

17
{
18
< tr >
19
< td > @a . AlunoID </ td >
20
< td > @a . Nome </ td >
21
< td > @a . Email </ td >
22
</ tr >
23
}
24 </ table >
Cdigo HTML 6.3: Lista.cshtml

Para ver o resultado, acesse a url http://localhost:<PORTA_APP>/Aluno/Lista.

HTML Helpers
A funo das pginas CSHTML gerar hipertexto XHTML para enviar aos navegadores dos usurios. Os arquivos .cshtml misturam tags XHTML com scripts de servidor escritos em C# (ou outra
linguagem de programao suportada pelo .NET). Essa mistura pode prejudicar a legibilidade do
cdigo em alguns casos. Alm disso, a manuteno da aplicao pode se tornar mais complexa.
Considere a criao de um link utilizando diretamente as tags HTML.
1 <a href = " / Editora / Index / " > Lista de editoras </ a >
Cdigo CSHTML 6.17: Link para a lista de editoras

Se o formato da url para acessar a ao Index do controlador Editora for alterado, o cdigo acima
dever ser modificado. Veremos como o formato das urls pode ser configurado no Captulo ??.
Para facilitar a manuteno do cdigo das pginas CSHTML, o ASP.NET MVC oferece os chamados HTML Helpers. A funo de um HTML Helper encapsular um cdigo XHTML. Por exemplo,
para adicionar um link, podemos usar o mtodo ActionLink do objeto Html, ao invs de usar a tag
<a> do HTML diretamente. No cdigo abaixo, criamos um link para a ao responsvel por listar as
editoras.
1 @Html . ActionLink ( " Lista de editoras " , " Index " , " Editora " )
Cdigo CSHTML 6.18: Criando um link para a listagem de editoras

Agora, se o formato da url para acessar a ao Index do controlador Editora for alterado, o cdigo acima no precisa ser alterado.

ActionLink Helper
O helper ActionLink utilizado para gerar os links das pginas de uma aplicao web. Esse
helper pode ser utilizado de diversas maneiras. A forma mais simples de utiliz-lo passar a ele
dois parmetros: o texto e a ao associados ao link desejado. Nesse caso, o link gerado pelo helper
ActionLink estar associado ao controlador correspondente a pgina na qual o link foi inserido.
1 @Html . ActionLink ( " TEXTO PARA O USURIO " , " ACTION " )
Cdigo CSHTML 6.19: Criando um link com controlador implcito

102

www.k19.com.br

103

C AMADA DE A PRESENTAO

Podemos definir o controlador desejado explicitamente. Para isso, necessrio passar um terceiro parmetro para o mtodo ActionLink.
1 @Html . ActionLink ( " TEXTO PARA O USURIO " , " ACTION " , " CONTROLADOR " )
Cdigo CSHTML 6.20: Criando um link com controlador explcito

O helper ActionLink permite que parmetros sejam adicionados nos links gerados. Para isso,
necessrio passar um array como parmetro.
1 @Html . ActionLink ( " TEXTO PARA O USURIO " , " ACTION " , new { Inicio = 0 , Final = 10 })
Cdigo CSHTML 6.21: Acrescenta parmetros de url

BeginForm e EndForm Helpers


No ASP.NET MVC, h um conjunto de HTML Helpers para facilitar a criao de formulrios nas
pginas de uma aplicao web.
Para criar um formulrio, utilizamos o helper BeginForm. Para terminar um formulrio, utilizamos o helper EndForm. Veja o exemplo a seguir.
1 @ { Html . BeginForm () ;}
2
3 <! -- elementos do formulrio -- >
4
5 @ { Html . EndForm () ;}
Cdigo CSHTML 6.22: Utilizando os helpers BeginForm e EndForm

Tambm podemos utilizar o comando using para garantir que os formulrios sejam fechados.
Nesse caso, no necessrio adicionar o helper EndForm. Observe o formulrio abaixo.
1 @using ( Html . BeginForm () ) {
2
3 <! -- elementos de formulrio -- >
4
5 }
Cdigo CSHTML 6.23: Utilizando o comando using

Por padro, um formulrio criado com o helper BeginForm enviar requisies ao associada
url atual. Contudo, podemos definir explicitamente uma outra ao para receber essas requisies.
Veja um exemplo no cdigo abaixo.
1 @using ( Html . BeginForm ( " ACTION " , " CONTROLADOR " ) ) {
2
3 <! -- elementos de formulrio -- >
4
5 }
Cdigo CSHTML 6.24: Definindo uma ao e um controlador explicitamente

Por padro, os formulrios gerados pelo helper BeginForm fazem requisies do tipo POST. Nesse
caso, as aes associadas a esses formulrios devem ser anotadas com HttpPost para indicar o tipo
de requisio HTTP esperado.
www.facebook.com/k19treinamentos

103

C AMADA DE A PRESENTAO

104

1 public class K19Controller : Controller


2 {
3
// POST : / K19 / Home
4
[ HttpPost ]
5
public ActionResult Home ()
6
{
7
...
8
return View () ;
9
}
10 }
Cdigo C# 6.9: Anotando uma ao com HttpPost

CheckBox
Podemos adicionar um checkbox em um formulrio atravs do helper CheckBox.
1 @Html . CheckBox ( " Aceito " , false )
Cdigo CSHTML 6.25: Utilizando o helper CheckBox

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input id = " Aceito " name = " Aceito " type = " checkbox " value = " true " / >
2 < input name = " Aceito " type = " hidden " value = " false " / >
Cdigo HTML 6.4: HTML gerado pelo helper CheckBox

Considere o formulrio a seguir:


1 @using ( Html . BeginForm ( " Cadastra " , " Contrato " ) )
2 {
3
@Html . CheckBox ( " Aceito " , false )
4
< input type = " submit " value = " Cadastra Contrato " / >
5 }
Cdigo CSHTML 6.26: Formulrio

Agora, considere a ao associada ao formulrio criado no cdigo acima.


1 public class ContratoController : Controller
2 {
3
// POST : / Contrato / Cadastra
4
[ HttpPost ]
5
public ActionResult Cadastra ( Contrato contrato )
6
{
7
...
8
return View () ;
9
}
10 }
Cdigo C# 6.10: Ao

O valor enviado atravs do checkbox inserido no formulrio ser armazenado na propriedade


Aceito do contrato enviado como parmetro para a ao Cadastra(). Dessa forma, a classe Contrato
deve possuir uma propriedade booleana chamada Aceito.
1 public class Contrato
2 {

104

www.k19.com.br

105

C AMADA DE A PRESENTAO

3
public Boolean Aceito { get ; set ; }
4 }
Cdigo C# 6.11: Contrato.cs

TextBox
Uma caixa de texto pode ser adicionada atravs do helper TextBox.
1 @Html . TextBox ( " Nome " , " Digite o seu nome " )
Cdigo CSHTML 6.27: Utilizando o helper TextBox

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input id = " Nome " name = " Nome " type = " text " value = " Digite o seu nome " / >
Cdigo HTML 6.5: HTML gerado pelo helper TextBox

TextArea
Uma caixa para textos maiores pode ser adicionada atravs do helper TextArea.
1 @Html . TextArea ( " Mensagem " , " Digite uma mensagem " )
Cdigo CSHTML 6.28: Utilizando o helper TextArea

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < textarea cols = " 20 " id = " Mensagem " name = " Mensagem " rows = " 2 " > Digite uma mensagem </ textarea >
Cdigo HTML 6.6: HTML gerado pelo helper TextArea

RadioButton
Um boto do tipo radio pode ser adicionado atravs do helper RadioButton.
1 @Html . RadioButton ( " CidadeNatal " , " So Paulo " , true )
2 @Html . RadioButton ( " CidadeNatal " , " Natal " , false )
3 @Html . RadioButton ( " CidadeNatal " , " Piracicaba " , false )
Cdigo CSHTML 6.29: Utilizando o helper RadioButton

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input checked = " checked " id = " CidadeNatal " name = " CidadeNatal " type = " radio " value = " So Paulo " / >
2 < input id = " CidadeNatal " name = " CidadeNatal " type = " radio " value = " Natal " / >
3 < input id = " CidadeNatal " name = " CidadeNatal " type = " radio " value = " Piracicaba " / >
Cdigo HTML 6.7: HTML gerado pelo helper RadioButton

www.facebook.com/k19treinamentos

105

C AMADA DE A PRESENTAO

106

Hidden
Um campo escondido pode ser adicionado atravs do helper Hidden.
1 @Html . Hidden ( " Id " , 1)
Cdigo CSHTML 6.30: Utilizando o helper Hidden

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input id = " Id " name = " Id " type = " hidden " value = " 1 " / >
Cdigo HTML 6.8: HTML gerado pelo helper Hidden

Password
Uma caixa para senha pode ser adicionada atravs do helper Password.
1 @Html . Password ( " Password " , " senha " )
Cdigo CSHTML 6.31: Utilizando o helper Password

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input id = " Password " name = " Password " type = " password " value = " senha " / >
Cdigo HTML 6.9: HTML gerado pelo helper Password

Mais Sobre
Os dados preenchidos nos elementos de um formulrio so recuperados da ViewBag.
Considere o cdigo abaixo:
1 @Html . TextBox ( " Nome " )
Cdigo CSHTML 6.32: Utilizando o helper TextBox

Caso exista uma chave chamada Nome na ViewBag, ento o valor associado a essa chave ser
o valor inicial da caixa de texto. Podemos alterar esse comportamento, passando um segundo
parmetro para o helper TextBox, que ser o valor inicial da caixa de texto. Observe o cdigo a
seguir.
1 @Html . TextBox ( " Nome " , " NomeInicial " )
Cdigo CSHTML 6.33: Utilizando o helper TextBox

Strongly Typed Helpers


Se os HTML Helpers forem utilizados de maneira anloga mostrada anteriormente, a probabilidade de ocorrer um erro de digitao alta. A forma que os HTML Helpers foram aplicados no
permite que o compilador verifique a existncia das propriedades associadas aos elementos dos formulrios. Por exemplo, considere o cdigo a seguir.
106

www.k19.com.br

107

C AMADA DE A PRESENTAO

1 @Html . CheckBox ( " Aceito " , false )


Cdigo CSHTML 6.34: Utilizando o helper CheckBox

O cdigo anterior supe que o objeto recebido como parmetro pela ao associada ao formulrio onde o checkbox foi inserido possua uma propriedade chamada Aceito. Essa propriedade pode
no existir. Contudo, nenhum erro de compilao seria gerado nesse caso.
Para evitar esse tipo de problema, podemos utilizar a seguinte sintaxe em telas fortemente tipadas:
1
2
3
4

@model K19 . Models . Contrato


...
@Html . CheckBoxFor ( c = > c . Aceito )
...
Cdigo CSHTML 6.35: Utilizando o helper CheckBoxFor

Com essa sintaxe, o compilador tem condies de verificar a existncia das propriedades. Sendo
assim, ele produzir um erro de compilao se uma propriedade inexistente for utilizada.

TextBoxFor
1
2
3
4

@model K19 . Models . Empresa


...
@Html . TextBoxFor ( x = > x . Nome )
...
Cdigo CSHTML 6.36: Utilizando o helper TextBoxFor

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input id = " Nome " name = " Nome " type = " text " value = " K19 Treinamentos " / >
Cdigo HTML 6.10: HTML gerado pelo helper TextBoxFor

TextAreaFor
1
2
3
4

@model K19 . Models . Empresa


...
@Html . TextAreaFor ( x = > x . Descricao )
...
Cdigo CSHTML 6.37: Utilizando o helper TextAreaFor

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < textarea cols = " 20 " id = " Descricao " name = " Descricao " rows = " 2 " >
2
K19 Treinamentos em Java e . NET
3 </ textarea >
Cdigo HTML 6.11: HTML gerado pelo helper TextAreaFor

RadioButtonFor
www.facebook.com/k19treinamentos

107

C AMADA DE A PRESENTAO
1
2
3
4
5
6

108

@model K19 . Models . Pessoa


...
@Html . RadioButtonFor ( x = > x . CidadeNatal , " So Paulo " )
@Html . RadioButtonFor ( x = > x . CidadeNatal , " Natal " )
@Html . RadioButtonFor ( x = > x . CidadeNatal , " Piracicaba " )
...
Cdigo CSHTML 6.38: Utilizando o helper RadioButtonFor

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input checked = " checked " id = " CidadeNatal " name = " CidadeNatal " type = " radio " value = " So Paulo " / >
2 < input id = " CidadeNatal " name = " CidadeNatal " type = " radio " value = " Natal " / >
3 < input id = " CidadeNatal " name = " CidadeNatal " type = " radio " value = " Piracicaba " / >
Cdigo HTML 6.12: HTML gerado pelo helper RadioButtonFor

HiddenFor
1
2
3
4

@model K19 . Models . Empresa


...
@Html . HiddenFor ( e = > e . Id )
...
Cdigo CSHTML 6.39: Utilizando o helper HiddenFor

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input id = " Id " name = " Id " type = " hidden " value = " 1 " / >
Cdigo HTML 6.13: HTML gerado pelo helper HiddenFor

PasswordFor
1
2
3
4

@model K19 . Models . Usuario


...
@Html . PasswordFor ( x = > x . Senha )
...
Cdigo CSHTML 6.40: Utilizando o helper PasswordFor

O cdigo acima produz o seguinte trecho de cdigo HTML:


1 < input id = " Senha " name = " Senha " type = " password " / >
Cdigo HTML 6.14: HTML gerado pelo helper PasswordFor

Mais Sobre
Os dados preenchidos nos elementos de um formulrio de uma tela fortemente tipada
so recuperados da propriedade Model. Considere o cdigo abaixo:
1
2
3
4

108

@model K19 . Models . Pessoa


...
@Html . TextBoxFor ( x = > x . Nome )
...

www.k19.com.br

109

C AMADA DE A PRESENTAO

Cdigo CSHTML 6.41: Utilizando o helper TextBoxFor

Caso exista a propriedade Model.Nome, o valor inicial dessa caixa de texto ser o valor dessa
propriedade.

DropDownList Helper
Considere uma aplicao para cadastrar livros de uma biblioteca. Quando um livro cadastro,
o usurio podem escolher a editora desse livro. A editora pode ser selecionada atravs de um drop
down list. Para criar um drop down list, podemos utilizar o HTML Helper DropDownList.cshtml
O primeiro passo para utilizar o helper DropDownList criar uma SelectList na camada de
controle com as opes que o usurio poder selecionar.
1 public class LivroController : Controller
2 {
3
public ActionResult Create ()
4
{
5
List < Editora > editoras = editoraRepository . BuscaTodas () ;
6
ViewBag . Editoras = new SelectList ( editoras , " Id " ," Nome " ) ;
7
return View () ;
8
}
9 }
Cdigo C# 6.12: LivroController.cs

O segundo passo adicionar o helper DropDownList na camada de apresentao.


1 @Html . DropDownList ( " Editoras " )
Cdigo CSHTML 6.42: Utilizando o helper DropDownList

EditorFor
Considere a seguinte entidade.
1 public class Editora
2 {
3
public int Id { get ; set ; }
4
public string Nome { get ; set ; }
5
public string Email { get ; set ; }
6
public bool IsAtivo { get ; set ; }
7
public string Descricao { get ; set ; }
8
public virtual ICollection < Livro > Livros { get ; set ; }
9 }
Cdigo C# 6.13: Editora.cs

Para editar os dados de uma editora, temos uma pgina conforme o exemplo abaixo:
1 @model K19 . Models . Editora
2
3 @{
4
ViewBag . Title = " Edio de Editora " ;
5 }
6

www.facebook.com/k19treinamentos

109

C AMADA DE A PRESENTAO

110

7 < h2 > Edio de Editora </ h2 >


8
9 @using ( Html . BeginForm () ) {
10
@Html . HiddenFor ( model = > model . Id )
11
12
@Html . LabelFor ( model = > model . Nome )
13
@Html . TextBoxFor ( model = > model . Nome )
14
15
< br / >
16
17
@Html . LabelFor ( model = > model . Email )
18
@Html . TextBoxFor ( model = > model . Email )
19
20
< br / >
21
22
@Html . LabelFor ( model = > model . Descricao )
23
@Html . TextAreaFor ( model = > model . Descricao )
24
25
< br / >
26
27
@Html . LabelFor ( model = > model . IsAtivo )
28
@Html . CheckBoxFor ( model = > model . IsAtivo )
29
30
< input type = " submit " value = " Salvar " / >
31 }
Cdigo CSHTML 6.43: Edit.cshtml

Para cada propriedade da entidade Editora, utilizamos um helper para gerar o cdigo HTML
necessrio para a entrada de dados. Por exemplo, no caso das propriedades Nome e Email, utilizamos
o Helper TextBox. Para a propriedade booleana IsAtivo, utilizamos o helper CheckBox.
Observe que a escolha do helper depende basicamente do tipo da propriedade associada a ele.
Podemos deixar essa escolha a cargo do helper EditorFor. Para propriedades de tipo booleano,
esse helper utilizar o CheckBox. Para propriedades do tipo string, esse helper utilizar o TextBox.
Observe a utilizao do helper EditorFor no cdigo abaixo.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

@model K19 . Models . Editora


@{
ViewBag . Title = " Edio de Editora " ;
}
< h2 > Edio de Editora </ h2 >
@using ( Html . BeginForm () ) {
@Html . HiddenFor ( model = > model . Id )

110

@Html . LabelFor ( model = > model . Nome )


@Html . EditorFor ( model = > model . Nome )
< br / >
@Html . LabelFor ( model = > model . Email )
@Html . EditorFor ( model = > model . Email )
< br / >
@Html . LabelFor ( model = > model . Descricao )
@Html . EditorFor ( model = > model . Descricao )
< br / >
@Html . LabelFor ( model = > model . IsAtivo )
@Html . EditorFor ( model = > model . IsAtivo )

www.k19.com.br

111

C AMADA DE A PRESENTAO

30
< input type = " submit " value = " Salvar " / >
31 }
Cdigo CSHTML 6.44: Edit.cshtml

EditorForModel
Tambm temos o helper EditorForModel para construir um formulrio completo com base nas
propriedades de uma entidade. Esse helper seguir a mesma abordagem do EditorFor. Ou seja,
para cada propriedade do Model, ele utilizar o helper apropriado.
1
2
3
4
5
6
7
8
9
10
11
12
13

@model K19 . Models . Editora


@{
ViewBag . Title = " Edio de Editora " ;
}
< h2 > Edio de Editora </ h2 >
@using ( Html . BeginForm () ) {
@Html . EditorForModel ()
< input type = " submit " value = " Save " / >
}
Cdigo CSHTML 6.45: Edit.cshtml

Personalizando o EditorFor e o EditorForModel


Para personalizar o funcionamento do helper EditorFor e do EditorForModel, podemos utilizar
algumas anotaes. Veja o exemplo abaixo.
1 public class Usuario
2 {
3
[ HiddenInput ( DisplayValue = false ) ]
4
public int Id { get ; set ; }
5
6
[ Display ( Name = " Nome do Usurio " ) ]
7
public string Nome { get ; set ; }
8
9
[ DataType ( DataType . EmailAddress ) ]
10
public string Email { get ; set ; }
11
12
[ DataType ( DataType . Password ) ]
13
public string Senha { get ; set ; }
14
15
[ DataType ( DataType . MultilineText ) ]
16
public string Descricao { get ; set ; }
17
18
[ DataType ( DataType . Date ) ]
19
[ DisplayFormat ( ApplyFormatInEditMode = true , DataFormatString = " {0: yyyy - MM - dd } " ) ]
20
public DateTime DataDeCadastro { get ; set ; }
21 }
Cdigo C# 6.14: Usuario.cs

Exerccios de Fixao

www.facebook.com/k19treinamentos

111

C AMADA DE A PRESENTAO

Adicione uma ao no controlador Aluno com o seguinte cdigo.

12

1
2
3
4
5
6
7
8
9
10
11
12

112

...
public ActionResult Editar ()
{
Aluno aluno = new Aluno
{
AlunoID = 1 ,
Nome = " Jonas Hirata " ,
Email = " jonas@k19 . com . br "
};
return View ( aluno ) ;
}
...
Cdigo C# 6.15: AlunoController.cs

Adicione uma pgina associada ao Editar do controlador Aluno.

13

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

@model CamadaDeApresentacao . Models . Aluno


@{
ViewBag . Title = " Editar " ;
}
< h2 > Editar </ h2 >
< form action = " / Aluno / Editar " method = " post " >
< input id = " AlunoID " name = " AlunoID " type = " hidden " value = " 1 " / >
< label for = " Nome " > Nome </ label >
< input id = " Nome " name = " Nome " type = " text " value = " @Model . Nome " / >
< label for = " Email " >E - mail </ label >
< input id = " Email " name = " Email " type = " text " value = " @Model . Email " / >
< input type = " submit " value = " Salvar " / >
</ form >
Cdigo CSHTML 6.46: Editar.cshtml

Para testar, acesse a url http://localhost:<PORTA_APP>/Aluno/Editar.

Altere o exerccio anterior, porm utilizando HTML Helpers.

14

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

@model CamadaDeApresentacao . Models . Aluno


@{
ViewBag . Title = " Editar " ;
}
< h2 > Editar </ h2 >
@using ( Html . BeginForm () )
{
@Html . Hidden ( " AlunoID " )
@Html . Label ( " Nome " )
@Html . TextBox ( " Nome " )
@Html . Label ( " Email " )
@Html . TextBox ( " Email " )
< input type = " submit " value = " Salvar " / >
}
Cdigo CSHTML 6.47: Editar.cshtml

112

www.k19.com.br

113

C AMADA DE A PRESENTAO

Para testar, acesse acesse a url http://localhost:<PORTA_APP>/Aluno/Editar.

15

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Altere o exerccio anterior e utilize strongly typed helpers.


@model CamadaDeApresentacao . Models . Aluno
@{
ViewBag . Title = " Editar " ;
}
< h2 > Editar </ h2 >
@using ( Html . BeginForm () )
{
@Html . HiddenFor ( x = > x . AlunoID )
@Html . LabelFor ( x = > x . Nome )
@Html . TextBoxFor ( x = > x . Nome )
@Html . LabelFor ( x = > x . Email )
@Html . TextBoxFor ( x = > x . Email )
< input type = " submit " value = " Salvar " / >
}
Cdigo CSHTML 6.48: Editar.cshtml

Para testar, acesse a url http://localhost:<PORTA_APP>/Aluno/Editar.

16

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Altere o exerccio anterior e utilize o HTML Helper EditorFor.


@model CamadaDeApresentacao . Models . Aluno
@{
ViewBag . Title = " Editar " ;
}
< h2 > Editar </ h2 >
@using ( Html . BeginForm () )
{
@Html . EditorFor ( x = > x . AlunoID )
@Html . LabelFor ( x = > x . Nome )
@Html . EditorFor ( x = > x . Nome )
@Html . LabelFor ( x = > x . Email )
@Html . EditorFor ( x = > x . Email )
< input type = " submit " value = " Salvar " / >
}
Cdigo HTML 6.15: Editar.cshtml

Para testar, acesse a url http://localhost:<PORTA_APP>/Aluno/Editar.


OBS: repare que o campo correspondente propriedade AlunoID exibido no formulrio.

Altere a entidade Aluno para indicar que a propriedade AlunoID no deve ser exibida nos formulrios que utilizarem o HTML Helper EditorFor e EditorForModel.
17

1 namespace CamadaDeApresentacao . Models


2 {
3
public class Aluno
4
{
5
[ HiddenInput ( DisplayValue = false ) ]
6
public int AlunoID { get ; set ; }
7

www.facebook.com/k19treinamentos

113

C AMADA DE A PRESENTAO

114

8
public string Nome { get ; set ; }
9
10
public string Email { get ; set ; }
11
}
12 }
Cdigo C# 6.16: Aluno.cs

Para testar, acesse a url http://localhost:<PORTA_APP>/Aluno/Editar.


OBS: repare que o campo correspondente propriedade AlunoID no exibido no formulrio.

Altere o exerccio anterior e utilize o HTML Helper EditorForModel.

18

1
2
3
4
5
6
7
8
9
10
11
12

@model CamadaDeApresentacao . Models . Aluno


@{
ViewBag . Title = " Editar " ;
}
< h2 > Editar </ h2 >
@using ( Html . BeginForm () )
{
@Html . EditorForModel ()
< input type = " submit " value = " Salvar " / >
}
Cdigo HTML 6.16: Editar.cshtml

Para testar, acesse a url http://localhost:<PORTA_APP>/Aluno/Editar.

Adicione uma nova entidade chamada Usuario na pasta Models do projeto CamadaDeApresentacao.
19

1 namespace CamadaDeApresentacao . Models


2 {
3
public class Usuario
4
{
5
[ HiddenInput ( DisplayValue = false ) ]
6
public int Id { get ; set ; }
7
8
[ Display ( Name = " Nome do Usurio " ) ]
9
public string Nome { get ; set ; }
10
11
[ DataType ( DataType . EmailAddress ) ]
12
public string Email { get ; set ; }
13
14
[ DataType ( DataType . Password ) ]
15
public string Senha { get ; set ; }
16
17
[ DataType ( DataType . MultilineText ) ]
18
public string Descricao { get ; set ; }
19
20
[ DataType ( DataType . Date ) ]
21
[ DisplayFormat ( ApplyFormatInEditMode = true , DataFormatString = " {0: yyyy - MM - dd } " ) ]
22
public DateTime DataDeCadastro { get ; set ; }
23
}
24 }
Cdigo C# 6.17: Usuario.cs

114

www.k19.com.br

115
20

C AMADA DE A PRESENTAO

Adicione um novo controlador chamado Usuario.

1 namespace CamadaDeApresentacao . Controllers


2 {
3
public class UsuarioController : Controller
4
{
5
public ActionResult Editar ()
6
{
7
Usuario usuario = new Usuario
8
{
9
Id = 1 ,
10
Nome = " Rafael Cosentino " ,
11
Email = " rafael@k19 . com . br " ,
12
Senha = " 123 " ,
13
Descricao = " Scio - fundador da K19 / Instrutor " ,
14
DataDeCadastro = DateTime . Now
15
};
16
return View ( usuario ) ;
17
}
18
}
19 }
Cdigo C# 6.18: UsuarioController.cs

21

1
2
3
4
5
6
7
8
9
10
11
12

Adicione uma pgina associada ao Editar do controlador Usuario.


@model CamadaDeApresentacao . Models . Usuario
@{
ViewBag . Title = " Editar " ;
}
< h2 > Editar </ h2 >
@using ( Html . BeginForm () )
{
@Html . EditorForModel ()
< input type = " submit " value = " Salvar " / >
}
Cdigo CSHTML 6.49: Editar.cshtml

Layouts
comum que as pginas de uma aplicao web possuam contedo em comum (por exemplo, um
cabealho ou um rodap). O contedo em comum pode ser replicado em todas as pginas atravs
do CTRL+C e CTRL+V. Porm, essa no uma boa abordagem, pois quando alguma alterao precisa
ser realizada, todos os arquivos devem ser modificados. Tambm comum que as pginas de uma
aplicao web possuam um certo padro visual. Da surge o conceito de Layouts.

Contedo comum
Tudo que comum a todas as pginas de um determinado grupo pode ser definido em um
Layout. Dessa forma, qualquer alterao facilmente realizada modificando-se apenas um arquivo.
Por exemplo, suponha que toda pgina de uma aplicao web deva ter o mesmo ttulo e a mesma
formatao. Podemos criar um Layout com o ttulo desejado e com a referncia ao arquivo CSS que
define a formatao padro.

www.facebook.com/k19treinamentos

115

C AMADA DE A PRESENTAO
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

116

<! DOCTYPE html >


< html >
< head >
< title > @ViewBag . Title </ title >
@Styles . Render ( " ~/ Content / Site . css " )
@Scripts . Render ( " ~/ Scripts / jquery -1.5.1. min . js " )
</ head >
< body >
< div id = " header " >
@Html . ActionLink ( " Editoras " , " Index " , " Editora " )
@Html . ActionLink ( " Livros " , " Index " ," Livro " )
</ div >
@RenderBody ()
</ body >
</ html >
Cdigo CSHTML 6.50: K19Layout.cshtml

No layout definido no cdigo acima, utilizamos o mtodo Render() das propriedades Styles e
Scripts para adicionar contedo CSS e JavaScript. Na tag <title>, acrescentamos @ViewBag.Title,
para que cada pgina possa definir o seu prprio ttulo. Por fim, o mtodo RenderBody() indica onde
o contedo definido em cada pgina ser adicionado.
recomendado que os arquivos que definam layouts sejam colocados na pasta Views\Share.

Mais Sobre
Suponha que devemos adicionar diversos arquivos CSS uma pgina de uma aplicao
ASP.NET MVC. Se esses arquivos forem adicionados um a um da maneira tradicional
(com a tag <link>), o nmero de requisies que os navegadores tero de realizar para carregar essa pgina ser alto, afetando o desempenho. Para contornar esse problema, poderamos
agrupar o cdigo CSS de todos os arquivos em apenas um. Contudo, essa abordagem dificultaria
a manuteno do cdigo CSS. Dessa forma, o ASP.NET MVC 4 possui um mecanismo capaz de
agrupar o contedo CSS de diversos arquivos dinamicamente. Para usar esse mecanismo, basta
invocar o mtodo Render() da propriedade Styles.
1 @Styles . Render ( " ~/ Content / Arquivo1 . css " , " ~/ Content / Arquivo2 . css " , " ~/ Content / Arquivo3 . css " )
Cdigo CSHTML 6.51: Utilizando o mtodo Render para adicionar contedo CSS

Analogamente, a propriedade Scripts possui o mtodo Render(), que tambm tem por objetivo agrupar o cdigo JavaScript de diversos arquivos.

Com o layout definido, o prximo passo indicar quais pginas utilizaro esse layout. Por exemplo, podemos atualizar a pgina de edio de editoras para utilizar K19Layout.cshtml como layout.
1 @model K19 . Models . Editora
2
3 @{
4
Layout = " ~/ Views / Shared / K19Layout . cshtml " ;
5
6
// Define o ttulo especfico desta pgina
7
ViewBag . Title = " Edio de Editora " ;
8 }
9

116

www.k19.com.br

117

C AMADA DE A PRESENTAO

10 < h2 > Edio de Editora </ h2 >


11
12 @using ( Html . BeginForm () ) {
13
@Html . EditorForModel ()
14
< input type = " submit " value = " Salvar " / >
15 }
Cdigo CSHTML 6.52: Edit.cshtml

Quando a pgina de edio de editoras requisitada, o arquivo Edit.cshtml processado antes


do arquivo K19Layout.cshtml, o que permite definir o valor de ViewBag.Title no arquivo Edit.cshtml
e utiliz-lo no layout.
Para definir o layout de Edit.cshtml, foi necessrio armazenar o caminho completo do arquivo
que define o layout na propriedade Layout. Este procedimento no muito prtico, pois em cada
pgina que deseja utilizar esse layout necessrio definir esta propriedade.
A partir da terceira verso do ASP.NET MVC, temos uma nova funcionalidade que permite definir
um layout padro para todas as pginas, no havendo necessidade de definir a propriedade Layout
em cada pgina. Para isso, basta acrescentarmos o arquivo _ViewStart.cshtml pasta View:

O _ViewStart.cshtml permite definirmos um cdigo que ser executado antes de cada pgina
ser renderizada. Nesse arquivo podemos definir, por exemplo, a propriedade Layout:
1 @{
2
Layout = " ~/ Views / Shared / K19Layout . cshtml " ;
3 }
Cdigo CSHTML 6.53: _ViewStart.cshtml

www.facebook.com/k19treinamentos

117

C AMADA DE A PRESENTAO

118

Como este cdigo processado antes dos arquivos especficos de cada pgina, no h mais necessidade de definir a propriedade Layout em cada arquivo especfico.

Lacunas
Tambm podemos criar sees em um layout para serem preenchidas com contedos especficos
definidos nas pginas. Considere o seguinte layout.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<! DOCTYPE html >


< html >
< head >
< title > @ViewBag . Title </ title >
@Styles . Render ( " ~/ Content / Site . css " )
@Scripts . Render ( " ~/ Scripts / jquery -1.5.1. min . js " )
</ head >
< body >
< div id = " header " >
@Html . ActionLink ( " Editoras " , " Index " , " Editora " )
@Html . ActionLink ( " Livros " , " Index " ," Livro " )
</ div >
< div id = " sidebar " > @RenderSection ( " Sidebar " , false ) </ div >
< div id = " content " > @RenderBody () </ div >
< div id = " footer " > K19 Treinamentos </ div >
</ body >
</ html >
Cdigo CSHTML 6.54: K19Layout.cshtml

No cdigo acima, utilizamos o mtodo @RenderSection() para criar uma seo no layout. O
primeiro parmetro (Sidebar) o nome da seo e o segundo um booleano que indica se o preenchimento dessa seo obrigatrio ou no.
Para definir o contedo de uma seo, devemos utilizar o cdigo @section. Observe o cdigo de
uma pgina que utiliza o layout criado anteriormente e define a seo Sidebar.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@model K19 . Models . Editora


@{
Layout = " ~/ Views / Shared / K19Layout . cshtml " ;
// Define o ttulo especfico desta pgina
ViewBag . Title = " Edio de Editora " ;
}
< h2 > Edio de Editora </ h2 >
@using ( Html . BeginForm () ) {
@Html . EditorForModel ()
< input type = " submit " value = " Salvar " / >
}
@section Sidebar {
<p > Sidebar do cadastro de Edio de Editora </ p >
}
Cdigo CSHTML 6.55: Edit.cshtml

Exerccios de Fixao

118

www.k19.com.br

119

C AMADA DE A PRESENTAO

Crie um arquivo chamado K19Layout.cshtml dentro da pasta Shared que fica na pasta Views do
projeto CamadaDeApresentacao. Este arquivo servir de modelo para as pginas da nossa aplicao.
22

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<! DOCTYPE html >


< html >
< head >
< meta charset = " utf -8 " / >
< meta name = " viewport " content = " width = device - width " / >
< title > @ViewBag . Title </ title >
@Styles . Render ( " ~/ Content / css " )
@Scripts . Render ( " ~/ bundles / modernizr " )
</ head >
< body >
< header >
< img src = " http :// www . k19 . com . br / css / img / main - header - logo . png "
alt = " Logo vertical da K19 " title = " K19 Treinamentos " / >
< span > K19 Treinamentos </ span >
</ header >
< section id = " main " >
@RenderBody ()
</ section >
< footer >& copy ; K19 Treinamentos </ footer >
@Scripts . Render ( " ~/ bundles / jquery " )
@RenderSection ( " scripts " , required : false )
</ body >
</ html >
Cdigo CSHTML 6.56: K19Layout.cshtml

23
Altere a pgina Lista.cshtml da pasta Views/Aluno para que ela utilize o layout definido no
exerccio anterior.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

@model ICollection < CamadaDeApresentacao . Models . Aluno >


@{
ViewBag . Title = " Lista " ;
Layout = " ~/ Views / Shared / K19Layout . cshtml " ;
}
< h2 > Tabela de Aluno </ h2 >
< table >
< tr >
< th > AlunoID </ th >
< th > Nome </ th >
< th > Email </ th >
</ tr >
@foreach ( var a in @Model )
{
< tr >
< td > @a . AlunoID </ td >
< td > @a . Nome </ td >
< td > @a . Email </ td >
</ tr >
}
</ table >
Cdigo HTML 6.17: Lista.cshtml

Teste acessando o endereo: http://localhost:<PORTA_APP>/Aluno/Lista.


www.facebook.com/k19treinamentos

119

C AMADA DE A PRESENTAO

120

Defina a pgina K19Layout.cshtml como layout padro para todas as telas. Altere o arquivo
_ViewStart.cshtml da pasta Views.
24

1 @{
2
Layout = " ~/ Views / Shared / K19Layout . cshtml " ;
3 }
Cdigo CSHTML 6.57: _ViewStart.cshtml

Teste acessando as pginas da aplicao.


http://localhost:<PORTA_APP>/Home/Index
http://localhost:<PORTA_APP>/Aluno/Detalhes
http://localhost:<PORTA_APP>/Aluno/Editar
http://localhost:<PORTA_APP>/Aluno/Lista
http://localhost:<PORTA_APP>/Usuario/Editar
http://localhost:<PORTA_APP>/Relogio/Agora

25 Altere o arquivo Site.css da pasta Content para aplicar algumas regras de formatao s nossas
pginas.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

...
header ,
# main ,
footer {
width : 980 px ;
margin : 0 auto ;
}
header {
border - bottom : 1 px solid #666666;
padding : 0 0 10 px 0;
}
header span {
font - size : 20 px ;
vertical - align : middle ;
}
header img {
height : 80 px ;
margin : 0 20 px 0 0;
vertical - align : middle ;
}
footer {
border - top : 1 px solid #666666;
padding : 10 px 0 0 0;
margin - top : 20 px ;
text - align : center ;
font - size : 10 px ;
}
# toolbar {
background : #999999;
width : 970 px ;
margin : 1 px auto ;
padding : 3 px 5 px ;
}

120

www.k19.com.br

121

C AMADA DE A PRESENTAO

40 # toolbar * {
41
margin : 3 px 5 px ;
42 }
Cdigo CSS 6.1: Site.css

Teste acessando as pginas da aplicao (Dica: utilize o comando CTRL+F5 para garantir que o
navegador solicite o novo contedo do arquivo Site.css).
http://localhost:<PORTA_APP>/Home/Index
http://localhost:<PORTA_APP>/Aluno/Detalhes
http://localhost:<PORTA_APP>/Aluno/Editar
http://localhost:<PORTA_APP>/Aluno/Lista
http://localhost:<PORTA_APP>/Usuario/Editar
http://localhost:<PORTA_APP>/Relogio/Agora

26

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

Altere o arquivo K19Layout.cshtml da pasta Views\Shared.


<! DOCTYPE html >
< html >
< head >
< meta charset = " utf -8 " / >
< meta name = " viewport " content = " width = device - width " / >
< title > @ViewBag . Title </ title >
@Styles . Render ( " ~/ Content / css " )
@Scripts . Render ( " ~/ bundles / modernizr " )
</ head >
< body >
< header >
< img src = " http :// www . k19 . com . br / css / img / main - header - logo . png "
alt = " Logo vertical da K19 " title = " K19 Treinamentos " / >
< span > K19 Treinamentos </ span >
</ header >
< div id = " toolbar " >
@RenderSection ( " Toolbar " , required : false )
</ div >
< section id = " main " >
@RenderBody ()
</ section >
< footer >& copy ; K19 Treinamentos </ footer >
@Scripts . Render ( " ~/ bundles / jquery " )
@RenderSection ( " scripts " , required : false )
</ body >
</ html >
Cdigo CSHTML 6.58: K19Layout.cshtml

27

1
2
3
4
5
6
7

Defina a seo Toolbar nas seguintes pginas.


@model CamadaDeApresentacao . Models . Aluno
@{
ViewBag . Title = " Editar " ;
}
@section Toolbar {
< input type = " button " value = " Remover este cadastro " / >

www.facebook.com/k19treinamentos

121

C AMADA DE A PRESENTAO
8
9
10
11
12
13
14
15
16

122

}
< h2 > Editar </ h2 >
@using ( Html . BeginForm () )
{
@Html . EditorForModel ()
< input type = " submit " value = " Enviar " / >
}
Cdigo CSHTML 6.59: Editar.cshtml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

@model CamadaDeApresentacao . Models . Aluno


@{
ViewBag . Title = " Detalhes " ;
}
@section Toolbar {
< input type = " button " value = " Remover este cadastro " / >
}
< h2 > Detalhes </ h2 >
<p >
AlunoID : @Model . AlunoID
</ p >
<p >
Nome : @Model . Nome
</ p >
<p >
Email : @Model . Email
</ p >
Cdigo CSHTML 6.60: Detalhes.cshtml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

@model ICollection < CamadaDeApresentacao . Models . Aluno >


@{
ViewBag . Title = " Lista " ;
Layout = " ~/ Views / Shared / K19Layout . cshtml " ;
}
@section Toolbar {
< input type = " search " placeholder = " Digite o nome do aluno " / >
< input type = " button " value = " Buscar " / >
}
< h2 > Tabela de Aluno </ h2 >
< table >
< tr >
< th > AlunoID </ th >
< th > Nome </ th >
< th > Email </ th >
</ tr >
@foreach ( var a in @Model )
{
< tr >
< td > @a . AlunoID </ td >
< td > @a . Nome </ td >
< td > @a . Email </ td >
</ tr >
}
</ table >

122

www.k19.com.br

123

C AMADA DE A PRESENTAO

Cdigo CSHTML 6.61: Lista.cshtml

Teste acessando as pginas da aplicao.


http://localhost:<PORTA_APP>/Home/Index
http://localhost:<PORTA_APP>/Aluno/Detalhes
http://localhost:<PORTA_APP>/Aluno/Editar
http://localhost:<PORTA_APP>/Aluno/Lista
http://localhost:<PORTA_APP>/Usuario/Editar
http://localhost:<PORTA_APP>/Relogio/Agora

28

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

Defina um contedo padro para a seo Toolbar no layout.


<! DOCTYPE html >
< html >
< head >
< meta charset = " utf -8 " / >
< meta name = " viewport " content = " width = device - width " / >
< title > @ViewBag . Title </ title >
@Styles . Render ( " ~/ Content / css " )
@Scripts . Render ( " ~/ bundles / modernizr " )
</ head >
< body >
< header >
< img src = " http :// www . k19 . com . br / css / img / main - header - logo . png "
alt = " Logo vertical da K19 " title = " K19 Treinamentos " / >
< span > K19 Treinamentos </ span >
</ header >
< div id = " toolbar " >
@if ( IsSectionDefined ( " Toolbar " ) )
{
@RenderSection ( " Toolbar " , required : false ) ;
}
else
{
< input type = " button "
value = " Veja o seu nmero da sorte "
onclick = " location . href = / Home / Index " / >
}
</ div >
< section id = " main " >
@RenderBody ()
</ section >
< footer >& copy ; K19 Treinamentos </ footer >
@Scripts . Render ( " ~/ bundles / jquery " )
@RenderSection ( " scripts " , required : false )
</ body >
</ html >
Cdigo CSHTML 6.62: K19Layout.cshtml

Teste acessando as pginas da aplicao.


http://localhost:<PORTA_APP>/Home/Index
http://localhost:<PORTA_APP>/Aluno/Detalhes
www.facebook.com/k19treinamentos

123

C AMADA DE A PRESENTAO

124

http://localhost:<PORTA_APP>/Aluno/Editar
http://localhost:<PORTA_APP>/Aluno/Lista
http://localhost:<PORTA_APP>/Usuario/Editar
http://localhost:<PORTA_APP>/Relogio/Agora

Partial views
Quanto mais elaborada uma pgina de uma aplicao web, mais extenso o seu cdigo. Cdigos muito extensos prejudicam a legibilidade e a manuteno da aplicao. Para organizar melhor o
cdigo, podemos dividir o contedo de uma pgina web em vrios arquivos.
Suponha que desejamos dividir o contedo de uma pgina em duas partes. Devemos criar um
arquivo para cada parte.
1 < h1 > Parte 1 </ h >
2 <p > Contedo da parte1 </ p >
Cdigo CSHTML 6.63: _Parte1.cshtml

1 < h1 > Parte 2 </ h >


2 <p > Contedo da parte2 </ p >
Cdigo CSHTML 6.64: _Parte2.cshtml

Mais Sobre
Por conveno, o nome dos arquivos que definem as telas parciais de uma aplicao
ASP.NET MVC devem iniciar com o caractere _.

Por fim, devemos criar um arquivo principal para agrupar essas partes. Utilizaremos o mtodo

Partial() para inserir o contedo dos arquivos secundrios no arquivo principal.


1 < html >
2
< head >
3
< title > Exemplo de partial </ title >
4
</ head >
5
6
< body >
7
Html . Partial ( " _Parte1 " )
8
Html . Partial ( " _Parte2 " )
9
</ body >
10 </ html >
Cdigo CSHTML 6.65: Principal.cshtml

O mtodo Partial() procura os arquivos _Parte1.cshtml e _Parte2.cshtml no mesmo diretrio do arquivo principal. Caso ele no encontre, ele continua procurando esses arquivos na pasta
Views\Shared. Essa lgica tambm aplicada no mtodo View que utilizamos na camada de controle.
O recurso de pginas parciais permite a criao de contedo reutilizvel de forma mais clara e
concisa. Informaes podem ser compartilhadas entre as pginas principais e as pginas parciais
124

www.k19.com.br

125

C AMADA DE A PRESENTAO

atravs da propriedade ViewBag. Por exemplo, podemos definir duas pginas principais, uma para
criar e outra para editar editoras. Nessas duas pginas podemos acrescentar uma pgina parcial com
o formulrio que pode ser utilizado para cadastrar novas editoras ou editar editoras existentes.
Veja abaixo o exemplo da pgina parcial que contm o formulrio de cadastro ou edio de editoras.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<! -- ~/ Views / Editora / _Form . cshtml -- >


@model K19 . Models . Editora
@Scripts . Render (
" ~/ Scripts / jquery -1.5.1. min . js " ,
" ~/ Scripts / jquery . validate . min . js " ,
" ~/ Scripts / jquery . validate . unobtrusive . min . js " )
@using ( Html . BeginForm () ) {
@Html . ValidationSummary ( true )
< fieldset >
< legend > Editora </ legend >
@if ( Model != null )
{
@Html . EditorFor ( model = > model . Id )
}
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Nome )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Nome )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Email )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Email )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . IsAtivo )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . IsAtivo )
</ div >
<p >
< input type = " submit " value = " Save " / >
</ p >
</ fieldset >
}
Cdigo CSHTML 6.66: _Form.cshtml

Veja abaixo o exemplo das pginas principais que utilizam a pgina parcial definida no cdigo
acima.
1
2
3
4
5
6
7
8
9
10

<! -- ~/ Views / Editora / Create . cshtml -- >


@model K19 . Models . Editora
@{
ViewBag . Title = " Cadastro de Editora " ;
}
< h2 > Cadastro de Editora </ h2 >
@Html . Partial ( " _Form " )

www.facebook.com/k19treinamentos

125

C AMADA DE A PRESENTAO

126

Cdigo CSHTML 6.67: Create.cshtml

1
2
3
4
5
6
7
8
9
10

<! -- ~/ Views / Editora / Edit . cshtml -- >


@model LivrariaVirtual . Models . Editora
@{
ViewBag . Title = " Edio de Editora " ;
}
< h2 > Edio de Editora </ h2 >
@Html . Partial ( " _Form " )
Cdigo CSHTML 6.68: Edit.cshtml

Exerccios de Fixao

29

Adicione uma nova entidade chamada Post na pata Models.

1 namespace CamadaDeApresentacao . Models


2 {
3
public class Post
4
{
5
public string Autor { get ; set ; }
6
7
public DateTime Data { get ; set ; }
8
9
public string Titulo { get ; set ; }
10
11
public string Categoria { get ; set ; }
12
13
public string Texto { get ; set ; }
14
}
15 }
Cdigo C# 6.19: Post.cs

30

Adicione um novo controlador chamado Post utilizando o template Empty MVC Controller.

1 namespace CamadaDeApresentacao . Controllers


2 {
3
public class PostController : Controller
4
{
5
public ActionResult Lista ()
6
{
7
ICollection < Post > posts = new List < Post >() ;
8
9
for ( int i = 0; i < 10; i ++)
10
{
11
posts . Add ( new Post
12
{
13
Autor = " Autor do post " + i ,
14
Categoria = " Categoria " + i ,
15
Data = DateTime . Now . Subtract ( TimeSpan . FromDays ( i ) ) ,
16
Texto = i + " - Lorem ipsum dolor sit amet , consectetur adipiscing elit . " ,
17
Titulo = " Ttulo do post " + i
18
}) ;
19
}

126

www.k19.com.br

127

C AMADA DE A PRESENTAO

20
return View ( posts ) ;
21
}
22
}
23 }
Cdigo C# 6.20: PostController.cs

31

1
2
3
4
5
6
7
8
9

Adicione uma pgina associada ao Lista do controlador Post.


@model IEnumerable < CamadaDeApresentacao . Models . Post >
@{
ViewBag . Title = " Lista " ;
}
< h2 > Lista </ h2 >
@foreach ( var post in Model ) {
@Html . Partial ( " _Post " , post )
}
Cdigo CSHTML 6.69: Lista.cshtml

Adicione uma partial para exibir as informaes de um Post. Crie um arquivo chamado _Post.cshtml
na pasta Views/Post
32

1 @model CamadaDeApresentacao . Models . Post


2
3 < article >
4
< header >
5
< h1 > @Model . Titulo </ h1 >
6
< div > < small > @Model . Autor - @Model . Data . ToString ( " dd / MM / yyyy " ) </ small > </ div >
7
</ header >
8
<p > @Model . Texto </ p >
9
< footer >
10
Categoria : @Model . Categoria
11
</ footer >
12 </ article >
Cdigo CSHTML 6.70: _Post.cshtml

Para testar, acesse a pgina http://localhost:<PORTA_APP>/Post/Lista

www.facebook.com/k19treinamentos

127

C AMADA DE A PRESENTAO

128

128

www.k19.com.br

CAPTULO

C AMADA DE C ONTROLE

No ASP.NET MVC as urls so mapeadas para mtodos (aes) em classes que definem os chamadas controladores. As requisies enviadas pelos navegadores so processadas pelos controladores. O processamento realizado por um controlador para tratar uma requisio consiste basicamente
em:

Recuperar os dados enviados pelo usurio atravs de formulrios.


Interagir com a camada de modelo.
Acionar a camada de apresentao para construir a pgina HTML que deve ser enviada para o
usurio como resposta sua requisio.

Para que uma classe seja considerada um controlador, ela deve seguir algumas regras.

O nome da classe deve ter o sufixo Controller.


A classe deve implementar a interface System.Web.Mvc.IController ou herdar da classe System.Web.Mvc.Controller.

Raramente, voc definir uma classe para criar um controlador implementando a interface IController. Comumente as classes que definem controladores derivam de Controller. Diversas propriedade e mtodos so herdados da classe Controller. Essas propriedades facilitam o processamento das requisies e a utilizao dos recursos do ASP.NET MVC.

Actions
Os controladores e as aes so elementos fundamentais de uma aplicao ASP.NET MVC. Um
controlador pode conter diversas aes. As aes so utilizadas para processar as requisies realizadas pelos navegadores. Para criar uma ao, necessrio definir um mtodo public dentro da classe
de um controlador. Os parmetros desse mtodo podem ser utilizados para receber os dados enviados pelos usurios atravs de formulrios HTML. Esse mtodo deve devolver um ActionResult que
ser utilizado pelo ASP.NET MVC para definir o que deve ser executado depois que a ao terminar.
Quando um usurio faz uma requisio HTTP atravs de um navegador, o ASP.NET MVC verifica
na tabela de rotas o controlador e a ao associados url da requisio realizada. Essa tabela
definida no arquivo RouteConfig.cs e inicializada no arquivo Global.asax.
Por padro, quando criamos um projeto ASP.NET MVC no Visual Studio, uma rota com o formato

{controller}/{action}/{id} adicionada na tabela de rotas. Com essa rota, se uma requisio for
www.facebook.com/k19treinamentos

129

C AMADA DE C ONTROLE

130

realizada para a url http://www.k19.com.br/Editora/Listagem, o controlador definido pela classe


EditoraController e a ao implementada pelo mtodo Listagem() dessa classe sero escolhidos
para processar essa requisio.
Se uma requisio for realizada para a url http://www.k19.com.br/Editora/Remove/1, o controlador definido pela classe EditoraController e a ao implementada pelo mtodo Remove()
dessa classe sero escolhidos para processar a requisio realizada. Alm disso, o valor 1 ser passado como parmetro para o mtodo Remove(). Veremos mais sobre rotas no Captulo ??.

ActionResult
Quando uma ao termina, o mtodo correspondente deve devolver um ActionResult. O valor
devolvido indica para o ASP.NET MVC o que deve ser executado depois da ao. Veja abaixo uma
lista com alguns tipos especficos de ActionResult que podem ser utilizados.

ViewResult: Devolve uma pgina da camada de apresentao. Considere o seguinte exemplo.


1 public class TesteController
2 {
3
public ActionResult Acao ()
4
{
5
return View () ;
6
}
7 }

Considerando uma aplicao ASP.NET MVC 4 em C# e Razor, o mtodo View(), ao ser chamado sem parmetros, executar o seguinte processo para determinar qual arquivo deve ser
utilizado para construir a pgina de resposta.
1. Se o arquivo Views\Teste\Acao.cshtml existir, ele ser utilizado.
2. Caso contrrio, se o arquivo Views\Shared\Acao.cshtml existir, ele ser utilizado.
3. Se nenhum desses arquivos existir, uma pgina de erro ser devolvida.

Por outro lado, podemos especificar o nome do arquivo que define a pgina de resposta. Veja
o exemplo abaixo.
1 return View ( " NomeDaView " ) ;

Alm disso, podemos passar um objeto para a camada de apresentao. Esse objeto ser utilizado nas pginas fortemente tipadas como vimos no Captulo 6.
1 return View ( editora ) ;

Tambm possvel especificar o nome do arquivo que define a pgina de resposta e o objeto
que deve ser transmitido para a camada de apresentao ao mesmo tempo.
1 return View ( " NomeDaView " , editora ) ;

PartialViewResult: Devolve uma pgina parcial da camada de apresentao. Exemplos:


130

www.k19.com.br

131

C AMADA DE C ONTROLE

1 return PartialView () ;

O mtodo PartialView() utiliza a mesma abordagem do mtodo View() para determinar o


arquivo que deve ser utilizado para construir a pgina parcial de resposta.
1 return PartialView ( " NomeDaPartialView " , editora ) ;

RedirectResult: Redireciona o navegador para uma URL especfica. Exemplo:


1 return Redirect ( " http :// www . k19 . com . br " ) ;

RedirectToAction: Redireciona para outra ao da camada de controle. Exemplo:


1 return RedirectToAction ( " OutraAction " , " OutroController " ) ;

ContentResult: Devolve texto. Exemplo:


1 return Content ( " Texto " ," text \ plain " ) ;

JsonResult: Devolve um objeto no formato JSON. Exemplo:


1 return Json ( editora ) ;

JavaScriptResult: Devolve cdigo Javascript. Exemplo:


1 return JavaScript ( " \ $ ( \# divResultText ) . html ( JavaScript Passed ) ; " ) ;

FileResult: Devolve dados binrios. Exemplo:


1 return File ( @ " c :\ relatorio . pdf " , " application \ pdf " ) ;

EmptyResult: Devolve uma resposta vazia. Exemplo:


1 return new EmptyResult () ;

Parmetros
Os parmetros enviados pelos usurios atravs de formulrios HTML podem ser recuperados por
meio da propriedade Request.
1 string nome = Request [ " Nome " ];
Cdigo C# 7.14: Recuperando o parmetro Nome enviado em uma requisio HTTP

Esses parmetros tambm podem ser recuperados atravs dos parmetros da ao responsvel
pelo processamento da requisio HTTP realizada. Para isso, basta definir um parmetro C# para
cada parmetro HTTP com o mesmo nome. Veja o exemplo abaixo:
www.facebook.com/k19treinamentos

131

C AMADA DE C ONTROLE
1
2
3
4
5
6
7
8
9
10
11
12

132

< html >


< head >
< title > Cadastro de Editora </ title >
</ head >
< body >
< form action = " / Editoras / Salva " method = " post " >
Nome : < input type = " text " name = " nome " / >
Email : < input type = " text " name = " email " / >
< input type = " submit " / >
</ form >
</ body >
</ html >
Cdigo CSHTML 7.1: Cadastra.csthml

No cdigo acima, criamos um formulrio HTML com os parmetros nome e email. Esses parmetros sero recuperados na ao Salva definida no cdigo abaixo.
1
2
3
4
5
6
7
8
9

...
[ HttpPost ]
public ActionResult Salva ( string nome , string email )
{
Editora editora = new Editora { Nome = nome , Email = email };
db . Editoras . Add ( editora ) ;
return View () ;
}
...
Cdigo C# 7.15: EditoraController.cs

O ASP.NET MVC tambm capaz de montar objetos com os valores dos parmetros HTTP enviados pelo usurio e pass-los como argumento para as aes dos controladores.
1
2
3
4
5
6

[ HttpPost ]
public ActionResult Salva ( Editora editora )
{
db . Editoras . Add ( editora ) ;
return View () ;
}
Cdigo C# 7.16: EditoraController.cs

As propriedades dos objetos recebidos como argumentos nas aes dos controladores precisam
ter os mesmos nomes dos parmetros HTTP ignorando-se letras maisculas ou minsculas.

Exerccios de Fixao

Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado CamadaDeControle no


Visual Studio 2012 Express for Web. Utilize o template Basic Project.
1

Adicione uma entidade chamada Produto na pasta Models do projeto CamadaDeControle.

1 namespace CamadaDeControle . Models


2 {
3
public class Produto
4
{

132

www.k19.com.br

133

C AMADA DE C ONTROLE

5
6
7
8
9
10
11
12
13
14
15
16
17
}
18 }

[ HiddenInput ( DisplayValue = false ) ]


public int ProdutoID { get ; set ; }
[ Display ( Name = " Nome do Produto " ) ]
public string Nome { get ; set ; }
[ DataType ( DataType . MultilineText ) ]
[ Display ( Name = " Descrio do Produto " ) ]
public string Descricao { get ; set ; }
[ Display ( Name = " Preo do Produto " ) ]
public double Preco { get ; set ; }

Cdigo C# 7.17: Produto.cs

Adicione um DbContext para registrar a entidade Produto e utilizar os recursos do Entity Framework. Crie uma classe chamada K19Context na pasta Models.
3

1 namespace CamadaDeControle . Models


2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Produto > Produtos { get ; set ; }
6
}
7 }
Cdigo C# 7.18: K19Context.cs

Adicione um controlador chamado Produto utilizando o template Empty MVC Controller.

1 namespace CamadaDeControle . Controllers


2 {
3
public class ProdutoController : Controller
4
{
5
public ActionResult Lista ()
6
{
7
K19Context ctx = new K19Context () ;
8
return View ( ctx . Produtos ) ;
9
}
10
11
[ HttpGet ]
12
public ActionResult Cadastra ()
13
{
14
return View () ;
15
}
16
17
[ HttpPost ]
18
public ActionResult Cadastra ( string nome , string descricao , double preco )
19
{
20
Produto p = new Produto
21
{
22
Nome = nome ,
23
Descricao = descricao ,
24
Preco = preco
25
};
26
27
K19Context ctx = new K19Context () ;
28
ctx . Produtos . Add ( p ) ;
29
ctx . SaveChanges () ;
30
31
return RedirectToAction ( " Lista " ) ;
32
}

www.facebook.com/k19treinamentos

133

C AMADA DE C ONTROLE

134

33
}
34 }
Cdigo C# 7.19: ProdutoController.cs

Adicione uma tela associada ao Lista do controlador Produto com o seguinte contedo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

@using CamadaDeControle . Models


@model IEnumerable < Produto >
@{
ViewBag . Title = " Lista " ;
}
< h2 > Lista </ h2 >
< table >
< tr >
< th > @Html . DisplayNameFor ( m = > m . Nome ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Descricao ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Preco ) </ th >
</ tr >
@foreach ( var produto in Model )
{
< tr >
< td > @Html . DisplayFor ( m = > produto . Nome ) </ td >
< td > @Html . DisplayFor ( m = > produto . Descricao ) </ td >
< td > @Html . DisplayFor ( m = > produto . Preco ) </ td >
</ tr >
}
</ table >
Cdigo HTML 7.1: Lista.cshtml

Adicione uma tela associada ao Cadastra do controlador Produto com o seguinte contedo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

@model CamadaDeControle . Models . Produto


@{
ViewBag . Title = " Cadastra " ;
}
< h2 > Cadastra </ h2 >
@using ( Html . BeginForm () )
{
@Html . EditorFor ( m = > m . ProdutoID )
< div > @Html . LabelFor ( m = > m . Nome ) </ div >
@Html . EditorFor ( m = > m . Nome )
< div > @Html . LabelFor ( m = > m . Descricao ) </ div >
@Html . EditorFor ( m = > m . Descricao )
< div > @Html . LabelFor ( m = > m . Preco ) </ div >
@Html . EditorFor ( m = > m . Preco )
< div > < input type = " submit " value = " Cadastrar " / > </ div >
}
Cdigo HTML 7.2: Cadastra.cshtml

Para ver o resultado, acesse a url http://localhost:<PORTA_APP>/Produto/Cadastra.


134

www.k19.com.br

135
7

C AMADA DE C ONTROLE

Altere a ao Cadastra do controlador Produto.

1 namespace CamadaDeControle . Controllers


2 {
3
public class ProdutoController : Controller
4
{
5
public ActionResult Lista ()
6
{
7
K19Context ctx = new K19Context () ;
8
return View ( ctx . Produtos ) ;
9
}
10
11
[ HttpGet ]
12
public ActionResult Cadastra ()
13
{
14
return View () ;
15
}
16
17
[ HttpPost ]
18
public ActionResult Cadastra ( Produto p )
19
{
20
K19Context ctx = new K19Context () ;
21
ctx . Produtos . Add ( p ) ;
22
ctx . SaveChanges () ;
23
24
return RedirectToAction ( " Lista " ) ;
25
}
26
}
27 }
Cdigo C# 7.20: ProdutoController.cs

Para testar, acesse a url http://localhost:<PORTA_APP>/Produto/Cadastra.

TempData
Ao efetuar um redirecionamento, uma nova requisio realizada pelo navegador. Nesta nova
requisio, no temos mais acesso aos dados e objetos da requisio anterior ao redirecionamento.
Caso haja a necessidade de preservar dados ao longo do redirecionamento, podemos utilizar a propriedade TempData.
Por exemplo, ao cadastrar uma editora, podemos efetuar um redirecionamento para a tela de
listagem de editoras. Na propriedade TempData, podemos acrescentar uma mensagem indicando o
eventual sucesso da operao. Veja o exemplo abaixo.
1
2
3
4
5
6
7
8
9
10

...
[ HttpPost ]
public ActionResult Salva ( Editora editora )
{
db . Editoras . Add ( editora ) ;
db . SaveChanges () ;
TempData [ " Mensagem " ] = " Editora cadastrada com sucesso ! " ;
return RedirectToAction ( " Index " ) ;
}
...
Cdigo C# 7.21: EditoraController.cs

Na camada de apresentao, podemos recuperar os dados armazenados na propriedade TempData.


Veja o cdigo a seguir:
www.facebook.com/k19treinamentos

135

C AMADA DE C ONTROLE

136

1 @if ( TempData [ " Mensagem " ] != null )


2 {
3
<p > @TempData [ " Mensagem " ] </ p >
4 }
Cdigo CSHTML 7.2: Recuperando dados armazenados na propriedade TempData

Exerccios de Fixao

Altere a ao Cadastra do controlador Produto.

1
2
3
4
5
6
7
8
9
10
11
12

...
public ActionResult Cadastra ( Produto p )
{
K19Context ctx = new K19Context () ;
ctx . Produtos . Add ( p ) ;
ctx . SaveChanges () ;
ViewBag . Mensagem = " Produto cadastrado com sucesso ! " ;
return RedirectToAction ( " Lista " ) ;
}
...
Cdigo C# 7.22: ProdutoController.cs

Modifique o arquivo Lista.cshtml da pasta Views/Produto.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

@using CamadaDeControle . Models


@model IEnumerable < Produto >
@{
ViewBag . Title = " Lista " ;
}
< h2 > Lista </ h2 >
@if ( ViewBag . Mensagem != null )
{
< div > @ViewBag . Mensagem </ div >
}
< table >
< tr >
< th > @Html . DisplayNameFor ( m = > m . Nome ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Descricao ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Preco ) </ th >
</ tr >
@foreach ( var produto in Model )
{
< tr >
< td > @Html . DisplayFor ( m = > produto . Nome ) </ td >
< td > @Html . DisplayFor ( m = > produto . Descricao ) </ td >
< td > @Html . DisplayFor ( m = > produto . Preco ) </ td >
</ tr >
}
</ table >
Cdigo CSHTML 7.3: Lista.cshtml

136

www.k19.com.br

137

C AMADA DE C ONTROLE

Teste a aplicao acessando a url http://localhost:<PORTA_APP>/Produto/Cadastra. Verifique que a mensagem de sucesso no aparecer.

Altere novamente a ao Cadastra do controlador Produto.

10

1
2
3
4
5
6
7
8
9
10
11
12

...
public ActionResult Cadastra ( Produto p )
{
K19Context ctx = new K19Context () ;
ctx . Produtos . Add ( p ) ;
ctx . SaveChanges () ;
TempData [ " Mensagem " ] = " Produto cadastrado com sucesso ! " ;
return RedirectToAction ( " Lista " ) ;
}
...
Cdigo C# 7.23: ProdutoController.cs

Modifique o arquivo Lista.cshtml da pasta Views/Produto.

11

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

@using CamadaDeControle . Models


@model IEnumerable < Produto >
@{
ViewBag . Title = " Lista " ;
}
< h2 > Lista </ h2 >
@if ( TempData [ " Mensagem " ] != null )
{
< div > @TempData [ " Mensagem " ] </ div >
}
< table >
< tr >
< th > @Html . DisplayNameFor ( m = > m . Nome ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Descricao ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Preco ) </ th >
</ tr >
@foreach ( var produto in Model )
{
< tr >
< td > @Html . DisplayFor ( m = > produto . Nome ) </ td >
< td > @Html . DisplayFor ( m = > produto . Descricao ) </ td >
< td > @Html . DisplayFor ( m = > produto . Preco ) </ td >
</ tr >
}
</ table >
Cdigo CSHTML 7.4: Lista.cshtml

Teste a aplicao acessando a url http://localhost:<PORTA_APP>/Produto/Cadastra. Verifique que a mensagem de sucesso aparecer.

Rotas
www.facebook.com/k19treinamentos

137

C AMADA DE C ONTROLE

138

Para acessar uma determinada ao da nossa aplicao, os usurios devem realizar uma requisio HTTP utilizando a url correspondente ao. Por exemplo, para acessar a listagem de editoras, necessrio digitar na barra de endereo do navegador a url http://localhost:<PORTA_APP>
/Editora/Index. Perceba que o o nome do controlador e o nome da ao desejados fazem parte da
url. O formato dessas urls definido por rotas criadas no arquivo RouteConfig.cs e carregadas no
arquivo Global.asax. O cdigo abaixo mostra a rota padro inserida nos projetos ASP.NET MVC 4.
1 routes . MapRoute (
2
name : " Default " ,
3
url : " { controller }/{ action }/{ id } " ,
4
defaults : new { controller = " Home " , action = " Index " , id = UrlParameter . Optional }
5 );
Cdigo C# 7.24: RouteConfig.cs

O primeiro argumento do mtodo MapRoute o nome da rota, o segundo a expresso que define
o formato da rota e o terceiro o conjunto de valores padro dos parmetros da rota.
A expresso que determina o formato da rota Default utiliza trs parmetros: controller, action
e id. Dessa forma, se o usurio realizar uma requisio HTTP utilizando url http://localhost:
<PORTA_APP>/Editora/Remove/1, o ASP.NET MVC criar uma instncia do controlador Editora e
executar o mtodo Remove() passando o valor 1 como argumento.
Basicamente, as rotas associam urls e aes. Veja alguns exemplos de como as urls sero processadas de acordo com as regras de rotas.

URL

Mapeamento da URL

/
/Livro
/Livro/Adiciona
/Livro/Remove/1

controller
controller
controller
controller

=
=
=
=

"Home", action = "Index"


"Livro", action = "Index"
"Livro", action = "Adiciona"
"Livro", action = "Remove", id = 1

Adicionando uma rota


Para acrescentar uma rota, podemos utilizar o mtodo MapRoute(). Suponha que a listagem de
editoras deva ser acessada atravs da url http://localhost:<PORTA_APP>/Catalogo. Nesse caso,
podemos adicionar uma rota no arquivo RoutesConfig.cs, como mostrado abaixo.
1
2
3
4
5
6
7

...
routes . MapRoute (
name : " Nova Rota " ,
url : " Catalogo " ,
defaults : new { controller = " Editora " , action = " Index " }
);
...
Cdigo C# 7.25: RoutesConfig.cs

Importante
As rotas so processadas na ordem em que foram inseridas. Portanto, importante
definir as rotas mais especficas antes das rotas mais genricas.

138

www.k19.com.br

139

C AMADA DE C ONTROLE

Adicionando Parmetros nas Rotas


Podemos acrescentar parmetros s rotas. Por exemplo, na rota criada anteriormente para a
listagem de editoras, poderamos adicionar um parmetro para limitar a quantidade de editoras listadas.
1 routes . MapRoute (
2
name : " Nova Rota " ,
3
url : " Catalogo /{ maximo } " ,
4
defaults : new { controller = " Editora " , action = " Index " }
5 );
Cdigo C# 7.26: RoutesConfig.cs

Por padro, os parmetros adicionados a uma rota so obrigatrios. Dessa forma, no exemplo
acima, a listagem de editoras s poder ser acessada se o valor do parmetro maximo for definido na
url da requisio. Por exemplo, http://localhost:<PORTA_APP>/Catalogo/20. Se uma requisio
for realizada para a url http://localhost:<PORTA_APP>/Catalogo, um erro ocorrer. Para mudar
esse comportamento, podemos tornar o parmetro maximo opcional. Veja o cdigo a seguir.
1
2
3
4
5
6
7
8

...
routes . MapRoute (
name : " Nova Rota " ,
url : " Catalogo /{ maximo } " ,
defaults : new { controller = " Editora " , action = " Index " ,
maximo = UrlParameter . Optional }
);
...
Cdigo C# 7.27: RoutesConfig.cs

Os parmetros das rotas podem ser recuperados nas aes. Observe o exemplo abaixo.
1
2
3
4
5
6

...
public ActionResult Index ( int ? maximo )
{
// implementao
}
...
Cdigo C# 7.28: EditoraController.cs

Ao definir parmetros opcionais, devemos utilizar parmetros do tipo nullable type nas aes,
pois quando o parmetro no estiver definido na url de uma requisio, o valor null ser atribudo
ao parmetro da ao. Por exemplo, para os tipos int e double, devemos utilizar int? e double?,
respectivamente.

Exerccios de Fixao

Altere a rota padro do projeto CamadaDeControle. Para isso, modifique o arquivo RouteConfig.cs da pasta App_Start.
12

1 ...
2 routes . MapRoute (
3
name : " Default " ,

www.facebook.com/k19treinamentos

139

C AMADA DE C ONTROLE

140

4
url : " { controller }/{ action }/{ id } " ,
5
defaults : new {
6
controller = " Produto " ,
7
action = " Lista " ,
8
id = UrlParameter . Optional
9
}
10 ) ;
11 ...
Cdigo C# 7.29: RouteConfig.cs

Teste essa nova configurao acessando a url http://localhost:<PORTA_APP>/.

Adicione uma rota no projeto CamadaDeControle. Para isso, modifique o arquivo RouteConfig.cs da pasta App_Start.
13

1
2
3
4
5
6
7

...
routes . MapRoute (
name : " ProdutoListaPorPreco " ,
url : " Produto / Lista /{ PrecoMinimo }/{ PrecoMaximo } " ,
defaults : new { controller = " Produto " , action = " Lista " }
);
...
Cdigo C# 7.30: RouteConfig.cs

OBS: A rota ProdutoListaPorPreco deve ser adicionada antes da rota Default.


Altere a ao Lista do controlador Produto.

14

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

...
public ActionResult Lista ( double ? precoMinimo , double ? precoMaximo )
{
K19Context ctx = new K19Context () ;
var produtos = ctx . Produtos . AsEnumerable () ;
if ( precoMinimo != null && precoMaximo != null )
{
produtos = from p in produtos
where p . Preco >= precoMinimo & p . Preco <= precoMaximo
select p ;
}
return View ( produtos ) ;
}
...
Cdigo C# 7.31: ProdutoController.cs

Teste a aplicao acessando a url http://localhost:<PORTA_APP>/Produto/Lista/0/200. Altere os valores 0 e 200 para obter listas de produtos diferentes.

15

Adicione duas aes no controlador Produto para implementar a edio de produtos.

1 ...
2 public ActionResult Editar ( int id = 0)
3 {
4
K19Context ctx = new K19Context () ;
5
Produto p = ctx . Produtos . Find ( id ) ;

140

www.k19.com.br

141
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

C AMADA DE C ONTROLE

if ( p == null )
{
return HttpNotFound () ;
}
return View ( p ) ;
}
[ HttpPost ]
public ActionResult Editar ( Produto p )
{
K19Context ctx = new K19Context () ;
ctx . Entry ( p ) . State = System . Data . EntityState . Modified ;
ctx . SaveChanges () ;
return RedirectToAction ( " Lista " ) ;
}
...
Cdigo C# 7.32: ProdutoController.cs

16
Modifique a pgina de listagem de produtos. Para isso, altere o arquivo Lista.cshtml da pasta
Views/Produto.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

@using CamadaDeControle . Models


@model IEnumerable < Produto >
@{
ViewBag . Title = " Lista " ;
}
<h2 > Lista </ h2 >
@if ( TempData [ " Mensagem " ] != null )
{
<div > @TempData [ " Mensagem " ] </ div >
}
< table >
<tr >
<th > @Html . DisplayNameFor ( m = > m . Nome ) </ th >
<th > @Html . DisplayNameFor ( m = > m . Descricao ) </ th >
<th > @Html . DisplayNameFor ( m = > m . Preco ) </ th >
<th > </ th >
</ tr >
@foreach ( var produto in Model )
{
<tr >
<td > @Html . DisplayFor ( m = > produto . Nome ) </ td >
<td > @Html . DisplayFor ( m = > produto . Descricao ) </ td >
<td > @Html . DisplayFor ( m = > produto . Preco ) </ td >
<td > @Html . ActionLink ( " Editar " , " Editar " , new { id = produto . ProdutoID }) </ td >
</ tr >
}
</ table >
Cdigo C# 7.33: Lista.cs

17

Adicione uma pgina associada ao Editar do controlador Produto.

1 @model CamadaDeControle . Models . Produto


2

www.facebook.com/k19treinamentos

141

C AMADA DE C ONTROLE
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

142

@{
ViewBag . Title = " Editar " ;
}
<h2 > Editar </ h2 >
@using ( Html . BeginForm () )
{
@Html . EditorFor ( m = > m . ProdutoID )
<div > @Html . LabelFor ( m = > m . Nome ) </ div >
@Html . EditorFor ( m = > m . Nome )
<div > @Html . LabelFor ( m = > m . Descricao ) </ div >
@Html . EditorFor ( m = > m . Descricao )
<div > @Html . LabelFor ( m = > m . Preco ) </ div >
@Html . EditorFor ( m = > m . Preco )
<div > < input type = " submit " value = " Editar " / > </ div >
}
Cdigo C# 7.34: Editar.cs

Teste a aplicao acessando a url http://localhost:<PORTA_APP>/. Altere os dados de alguns


produtos.

142

www.k19.com.br

CAPTULO

VALIDAO

Os usurios podem cometer erros ao preencher um formulrio. Por exemplo, esquecer de preencher um campo que obrigatrio. Os parmetros enviados pelos usurios devem ser validados pela
aplicao com o intuito de no permitir o armazenamento de informaes erradas.

Controller
O primeiro passo para implementar a validao dos parmetros enviados atravs de formulrios
HTML definir a lgica de validao na camada de controle.
1 if ( editora . Nome == null || editora . Nome . Trim () . Length == 0)
2 {
3
// Erro de Validao
4 }
Cdigo C# 8.1: Definindo as regras de validao

O segundo passo definir mensagens informativas para enviar aos usurios. O ASP.NET MVC
possui um objeto especializado no armazenamento de mensagens de erros de validao. Esse objeto
pode ser acessado atravs da propriedade ModelState.
1 if ( editora . Nome == null || editora . Nome . Trim () . Length == 0)
2 {
3
ModelState . AddModelError ( " Nome " , " O campo Nome obrigatrio " ) ;
4 }
Cdigo C# 8.2: Definindo as mensagens de erro de validao

As mensagens so armazenadas no ModelState atravs do mtodo AddModelError(). Esse mtodo permite que as mensagens sejam agrupadas logicamente, pois ele possui dois parmetros: o
primeiro o grupo da mensagem e o segundo e a mensagem propriamente.
O cdigo de validao pode ser colocado nos controladores, mais especificamente nas aes. Se
algum erro for encontrado, o fluxo de execuo pode ser redirecionado para uma pgina que mostre
as mensagens informativas aos usurios. Normalmente, essa pgina a mesma do formulrio que
foi preenchido incorretamente. O ModelState possui uma propriedade que indica se erros foram
adicionados ou no. Essa propriedade chama-se IsValid.
1 [ HttpPost ]
2 public ActionResult Salva ( Editora editora )
3 {
4
if ( editora . Nome == null || editora . Nome . Trim () . Length == 0)
5
{
6
ModelState . AddModelError ( " Nome " , " O campo Nome obrigatrio . " ) ;
7
}
8
if ( ModelState . IsValid )
9
{

www.facebook.com/k19treinamentos

143

VALIDAO
10
11
12
13
14
15
16
17
18 }

144
db . Editoras . Add ( editora ) ;
TempData [ " mensagem " ] = " A editora foi cadastrada com sucesso ! " ;
return RedirectToAction ( " Index " ) ;

}
else
{
return View ( " Cadastra " ) ;
}

Cdigo C# 8.3: EditoraController.cs

O ASP.NET MVC tambm pode adicionar mensagens no ModelState antes do controlador ser
chamado. Normalmente, essas mensagens esto relacionadas a erros de converso. Por exemplo,
um campo que espera um nmero preenchido com letras.

View
As mensagens de erros de validao podem ser acrescentadas em uma pgina atravs do mtodo

ValidationSummary() da propriedade Html. importante salientar que esse mtodo adiciona todas
as mensagens de erro.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

@model K19 . Models . Editora


@{
ViewBag . Title = " Cadastro de Editora " ;
}
< h2 > Cadastro de Editora </ h2 >
@using ( Html . BeginForm () ) {
@Html . ValidationSummary ()
< br / >
@Html . LabelFor ( model = > model . Nome )
@Html . EditorFor ( model = > model . Nome )
< br / >
@Html . LabelFor ( model = > model . Email )
@Html . EditorFor ( model = > model . Email )
< br / >
< input type = " submit " value = " Enviar " / >
}
Cdigo CSHTML 8.1: Cadastra.cshtml

Podemos utilizar o mtodo ValidationMessageFor() para mostrar somente as mensagens de


erro de validao de um determinado grupo.
Para no mostrar erros dos grupos com o ValidationSummary(), devemos passar como parmetro o valor true. Nesse caso, apenas os erros que no esto associados a um grupo especfico sero
apresentados pelo ValidationSummary().
1 @model LivrariaVirtual . Models . Editora
2
3 @{

144

www.k19.com.br

145
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

VALIDAO
ViewBag . Title = " Cadastro de Editora " ;

}
< h2 > Cadastro de Editora </ h2 >
@using ( Html . BeginForm () ) {
@Html . ValidationSummary ( true )
< br / >
@Html . LabelFor ( model = > model . Nome )
@Html . EditorFor ( model = > model . Nome )
@Html . ValidationMessageFor ( model = > model . Nome )
< br / >
@Html . LabelFor ( model = > model . Email )
@Html . EditorFor ( model = > model . Email )
@Html . ValidationMessageFor ( model = > model . Email )
< br / >
< input type = " submit " value = " Enviar " / >
}
Cdigo CSHTML 8.2: Cadastra.cshtml

Exerccios de Fixao

1
Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado Validacao no Visual Studio
2012 Express for Web. Utilize o template Basic Project.

Adicione uma entidade chamada Jogador na pasta Models do projeto Validacao.

1 namespace Validacao . Models


2 {
3
public class Jogador
4
{
5
[ HiddenInput ( DisplayValue = false ) ]
6
public int JogadorID { get ; set ; }
7
8
public string Nome { get ; set ; }
9
10
public int ? Numero { get ; set ; }
11
12
public double ? Altura { get ; set ; }
13
}
14 }
Cdigo C# 8.4: Jogador.cs

3
Adicione um DbContext para registrar a entidade Jogador e utilizar os recursos do Entity Framework. Crie uma classe chamada K19Context na pasta Models.

1 namespace Validacao . Models


2 {
3
public class K19Context : DbContext
4
{

www.facebook.com/k19treinamentos

145

VALIDAO

146

5
public DbSet < Jogador > Jogadores { get ; set ; }
6
}
7 }
Cdigo C# 8.5: K19Context.cs

Adicione um controlador chamado Jogador utilizando o template Empty MVC Controller.

1 namespace Validacao . Controllers


2 {
3
public class JogadorController : Controller
4
{
5
public ActionResult Lista ()
6
{
7
K19Context ctx = new K19Context () ;
8
return View ( ctx . Jogadores ) ;
9
}
10
11
[ HttpGet ]
12
public ActionResult Cadastra ()
13
{
14
return View () ;
15
}
16
17
[ HttpPost ]
18
public ActionResult Cadastra ( Jogador j )
19
{
20
K19Context ctx = new K19Context () ;
21
ctx . Jogadores . Add ( j ) ;
22
ctx . SaveChanges () ;
23
24
return RedirectToAction ( " Lista " ) ;
25
}
26
}
27 }
Cdigo C# 8.6: JogadorController.cs

Adicione uma tela associada ao Lista do controlador Jogador com o seguinte contedo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

@using Validacao . Models


@model IEnumerable < Jogador >
@{
ViewBag . Title = " Lista " ;
}
< h2 > Lista </ h2 >
< table >
< tr >
< th > @Html . DisplayNameFor ( m = > m . Nome ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Numero ) </ th >
< th > @Html . DisplayNameFor ( m = > m . Altura ) </ th >
</ tr >
@foreach ( var jogador in Model )
{
< tr >
< td > @Html . DisplayFor ( m = > jogador . Nome ) </ td >
< td > @Html . DisplayFor ( m = > jogador . Numero ) </ td >
< td > @Html . DisplayFor ( m = > jogador . Altura ) </ td >
</ tr >
}
</ table >

146

www.k19.com.br

147

VALIDAO

Cdigo HTML 8.1: Lista.cshtml

Adicione uma tela associada ao Cadastra do controlador Jogador com o seguinte contedo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@model Validacao . Models . Jogador


@{
ViewBag . Title = " Cadastra " ;
}
< h2 > Cadastra </ h2 >
@using ( Html . BeginForm () )
{
< div > @Html . LabelFor ( m = > m . Nome ) </ div >
@Html . EditorFor ( m = > m . Nome )
< div > @Html . LabelFor ( m = > m . Numero ) </ div >
@Html . EditorFor ( m = > m . Numero )
< div > @Html . LabelFor ( m = > m . Altura ) </ div >
@Html . EditorFor ( m = > m . Altura )
< div > < input type = " submit " value = " Cadastrar " / > </ div >
}
Cdigo HTML 8.2: Cadastra.cshtml

Para ver o resultado, acesse a url http://localhost:<PORTA_APP>/Jogador/Cadastra.

Altere a ao Cadastra do controlador Jogador. Aplique algumas regras de validao.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

...
[ HttpPost ]
public ActionResult Cadastra ( Jogador j )
{
if ( String . IsNullOrEmpty ( j . Nome ) )
{
ModelState . AddModelError ( " Nome " ,
" O nome do jogador obrigatrio " ) ;
}
if ( j . Numero == null || j . Numero <= 0 || j . Numero >= 100)
{
ModelState . AddModelError ( " Numero " ,
" O nmero do jogador deve ser maior que 0 e menor que 100 " ) ;
}
if ( j . Altura == null || j . Altura < 0)
{
ModelState . AddModelError ( " Altura " ,
" A altura do jogador no pode ser negativa " ) ;
}
if ( ModelState . IsValid )
{
K19Context ctx = new K19Context () ;
ctx . Jogadores . Add ( j ) ;
ctx . SaveChanges () ;
return RedirectToAction ( " Lista " ) ;
}
else
{
return View ( " Cadastra " , j ) ;
}
}

www.facebook.com/k19treinamentos

147

VALIDAO

148

33 ...
Cdigo C# 8.7: JogadorController.cs

Altere o formulrio de cadastro de jogador. Para isso, modifique o arquivo Cadastra.cshtml da


pasta Views/Jogador.
8

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

@model Validacao . Models . Jogador


@{
ViewBag . Title = " Cadastra " ;
}
< h2 > Cadastra </ h2 >
@using ( Html . BeginForm () )
{
@Html . ValidationSummary ( true )
< div > @Html . LabelFor ( m = > m . Nome ) </ div >
@Html . EditorFor ( m = > m . Nome )
@Html . ValidationMessageFor ( m = > m . Nome )
< div > @Html . LabelFor ( m = > m . Numero ) </ div >
@Html . EditorFor ( m = > m . Numero )
@Html . ValidationMessageFor ( m = > m . Numero )
< div > @Html . LabelFor ( m = > m . Altura ) </ div >
@Html . EditorFor ( m = > m . Altura )
@Html . ValidationMessageFor ( m = > m . Altura )
< div > < input type = " submit " value = " Cadastrar " / > </ div >
}
Cdigo CSHTML 8.3: Cadastra.cshtml

Teste as validaes cadastrando alguns jogadores atravs da url http://localhost:<PORTA_


APP>/Jogador/Cadastra.

Anotaes
As lgicas de validao tambm podem ser definidas atravs de anotaes adicionadas nas classes de modelo. Dessa forma, essas lgicas no estariam mais nos controladores, o que conceitualmente o ideal, pois nos controladores s deveria existir lgica para controlar o fluxo da execuo.

Required
Uma das validaes mais comuns a de campo obrigatrio. Ela pode ser realizada atravs da
anotao Required para propriedades do tipo string.
1 public class Editora
2 {
3
[ Required ]
4
public string Nome { get ; set ;}
5
6
...
7 }
Cdigo C# 8.8: Editora.cs

148

www.k19.com.br

149

VALIDAO

Com essa anotao, a lgica de validao pode ser retirada do controlador Editora.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

...
[ HttpPost ]
public ActionResult Salva ( Editora editora )
{
if ( ModelState . IsValid )
{
db . Editoras . Add ( editora ) ;
return RedirectToAction ( " Index " ) ;
}
else
{
return View ( " Cadastra " , editora ) ;
}
}
...
Cdigo C# 8.9: EditoraController.cs

Alterando a mensagem
As anotaes de validao possuem mensagens padro que podem ser alteradas atravs do atributo ErrorMessage.
1
2
3
4

...
[ Required ( ErrorMessage = " O campo Nome obrigatrio " ) ]
public string Nome { get ; set ; }
...

Outros validadores
H outras anotaes para validao:
Range
ReqularExpression
StringLength

Validao no lado do Cliente


As validaes podem ser realizadas tambm nos navegadores para melhorar a interao com os
usurios.
Antes da terceira verso do ASP.NET MVC, era necessrio habilitar a validao no lado do cliente
atravs do mtodo Html.EnableClientValidation(). A partir da terceira verso do ASP.NET MVC,
a validao no cliente est habilitada por padro.
Para que a validao no lado cliente funcione corretamente, devemos acrescentar as bibliotecas
javascript necessrias. No ASP.NET MVC 4, basta acrescentar a seo de scripts nas pginas.
1 @section Scripts {
2
@Scripts . Render ( " ~/ bundles / jqueryval " )
3 }

www.facebook.com/k19treinamentos

149

VALIDAO

150

Exerccios de Fixao

Altere a entidade Jogador acrescentando as anotaes de validao.

1 namespace Validacao . Models


2 {
3
public class Jogador
4
{
5
[ HiddenInput ( DisplayValue = false ) ]
6
public int JogadorID { get ; set ; }
7
8
[ Required ( ErrorMessage = " O nome do jogador obrigatrio " ) ]
9
public string Nome { get ; set ; }
10
11
[ Required ( ErrorMessage = " O nmero do jogador obrigatrio " ) ]
12
[ Range (1 , 99 ,
13
ErrorMessage = " O nmero do jogador deve ser maior que 0 e menor que 100 " ) ]
14
public int ? Numero { get ; set ; }
15
16
[ Required ( ErrorMessage = " A altura do jogador obrigatria " ) ]
17
[ Range (0 , double . MaxValue ,
18
ErrorMessage = " A altura do jogador no pode ser negativa " ) ]
19
public double ? Altura { get ; set ; }
20
}
21 }
Cdigo C# 8.11: Jogador.cs

Altere a ao Cadastra do controlador Jogador.

10

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

...
[ HttpPost ]
public ActionResult Cadastra ( Jogador j )
{
if ( ModelState . IsValid )
{
K19Context ctx = new K19Context () ;
ctx . Jogadores . Add ( j ) ;
ctx . SaveChanges () ;
return RedirectToAction ( " Lista " ) ;
}
else
{
return View ( " Cadastra " , j ) ;
}
}
...
Cdigo C# 8.12: JogadorController.cs

Importante: Apague a base de dados Validacao.Models.K19Context


Para ver o resultado, acesse a url http://localhost:<PORTA_APP>/Jogador/Cadastra.

Para adicionar a validao no lado do cliente, basta alterar a pgina de cadastro de jogadores.
Observe o cdigo abaixo.
11

150

www.k19.com.br

151
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

VALIDAO

@model Validacao . Models . Jogador


@{
ViewBag . Title = " Cadastra " ;
}
< h2 > Cadastra </ h2 >
@using ( Html . BeginForm () )
{
@Html . ValidationSummary ( true )
< div > @Html . LabelFor ( m = > m . Nome ) </ div >
@Html . EditorFor ( m = > m . Nome )
@Html . ValidationMessageFor ( m = > m . Nome )
< div > @Html . LabelFor ( m = > m . Numero ) </ div >
@Html . EditorFor ( m = > m . Numero )
@Html . ValidationMessageFor ( m = > m . Numero )
< div > @Html . LabelFor ( m = > m . Altura ) </ div >
@Html . EditorFor ( m = > m . Altura )
@Html . ValidationMessageFor ( m = > m . Altura )
< div > < input type = " submit " value = " Cadastrar " / > </ div >
@section Scripts {
@Scripts . Render ( " ~/ bundles / jqueryval " )
}
}
Cdigo CSHTML 8.5: Cadastra.cshtml

Para testar, acesse a url http://localhost:<PORTA_APP>/Jogador/Cadastra.

www.facebook.com/k19treinamentos

151

VALIDAO

152

152

www.k19.com.br

CAPTULO

S ESSO

Considere a aplicao de uma loja virtual. Nessa aplicao, os clientes selecionam os produtos
desejados e os adiciona no seu carrinho de compra. Cada cliente deve ter o seu prprio carrinho para
que os seus produtos no se misturem com os produtos selecionados por outros clientes. A aplicao
deve armazenar o carrinho de um cliente at que a compra seja finalizada ou at ela ter certeza que
o cliente no precisa mais do carrinho.
Para resolver esse problema, podemos utilizar o conceito de Sesso. Para cada navegador conectado, o servidor manter uma sesso aberta. Dessa forma, podemos separar os dados de cada
usurio conectado.

Identificando os navegadores
Para aplicar a ideia de Sesso, necessrio ter a capacidade de identificar o navegador que est
requisitando a aplicao a cada requisio. Uma primeira abordagem seria utilizar o endereo IP da
mquinas para identificar os navegadores. Porm, nessa abordagem, dois navegadores executando
na mesma mquina no poderiam ser identificados individualmente.
Outra abordagem deixar a cargo do servidor a criao de um identificador nico para cada
navegador conectado. Quando um navegador faz a primeira requisio para a aplicao, o servidor deve gerar um identificador nico para esse navegador e envi-lo na resposta HTTP. A partir da
segunda requisio, os navegadores devem enviar para a aplicao o identificador recebido na primeira requisio. Desta maneira, a aplicao saber qual o navegador que est realizando uma
requisio. Os navegadores podem enviar os seus respectivos identificadores de diferentes formas.
As mais utilizadas so:

Reescrita de URL Nesta abordagem, os identificadores so embutidos nos links e botes das pginas
da aplicao. Quando os links ou botes so clicados pelo usurio, o identificador enviado
para a aplicao. Uma desvantagem que todas as pginas devem ser geradas dinamicamente
para adicionar o identificador em todos os links e botes.
Cookies Cookies so arquivos contendo informaes. Eles so gerados nos servidores e enviados
para os navegadores. Os navegadores armazenam os cookies localmente na mquina do usurio. Alm disso, os navegadores enviam os cookies de volta para o servidor em todas as requisies. Os servidores podem armazenar os identificadores gerados em cookies. Dessa forma, a
cada requisio, o servidor receber um cookie contendo o identificador.

Sesses no ASP.NET MVC


www.facebook.com/k19treinamentos

153

S ESSO

154

No ASP.NET MVC, o objeto que representa uma sesso um dicionrio. Para armazenar informaes, voc deve adicionar uma chave e um valor na propriedade Session. Considere um objeto
da classe Usuario que agrupa as informaes sobre um determinado usurio. O cdigo a seguir
um exemplo de como podemos guardar esse objeto na sesso aps a realizao da autenticao do
usurio.
1 public class LoginController : Controller
2 {
3
...
4
public ActionResult Login ( Cliente cliente )
5
{
6
...
7
Session [ " Cliente " ] = cliente ;
8
...
9
}
10 }
Cdigo C# 9.1: LonginController.cs

Voc pode adicionar qualquer tipo de valor na sesso. De forma anloga, para resgatar as informaes armazenadas, basta acessar a chave correspondente da propriedade Session. Veja o exemplo a seguir:
1 Cliente cliente = ( Cliente ) Session [ " Cliente " ];
2 string saudacao = " Bem vindo " + cliente . Nome ;
Cdigo C# 9.2: Recuperando informaes da sesso

Quando um usurio deslogar, podemos eliminar a informao armazenada em sua sesso. Para
isso, podemos simplesmente remover todas as chaves do dicionrio como no exemplo a seguir.
1 Session . RemoveAll () ;
Cdigo C# 9.3: Eliminando todas as informaes da sesso

Contudo, o mtodo RemoveAll() no elimina a sesso. Ele apenas remove os dados contidos na
sesso. Para elimin-la, voc deve utilizar o mtodo Abandon(). Observe o exemplo a seguir.
1 public class LoginController : Controller
2 {
3
...
4
public ActionResult Logout ()
5
{
6
...
7
Session . Abandon () ;
8
...
9
}
10 }
Cdigo C# 9.4: LoginController.cs

Session Mode
O ASP.NET MVC disponibiliza quatro modos de sesso (Session Modes):
InProc
154

www.k19.com.br

155

S ESSO

StateServer
SQLServer
Custom

A diferena entre eles o modo de armazenamento das sesses.


No modo InProc, todas as informaes da sesso so armazenadas na memria do servidor. Esse
o modo mais simples e mais utilizado, e vem configurado como o padro. Uma desvantagem desse
modo a possvel sobrecarga de memria se forem armazenadas muitas informaes na sesso. Por
isso no indicado para sistemas muito grandes, com muitos usurios navegando simultaneamente.
Outro problema que o servidor da aplicao no pode ser desligado, pois a informao armazenada
na memria ser perdida.
No modo StateServer, as informaes so serializadas e enviadas para um servidor independente do servidor da aplicao. Isto possibilita que o servidor de aplicao possa ser reiniciado sem
que as sesses sejam perdidas. Uma desvantagem o tempo gasto para realizar a serializao e desserializao.
No modo SQLServer, as informaes tambm so serializadas, mas so armazenadas em um
banco de dados. Alm de permitir que o servidor da aplicao seja reiniciado, este modo possibilita um maior controle de segurana dos dados da sesso. Uma desvantagem importante que o
processo naturalmente lento.
No modo Custom, todo o processo de identificao de usurios e armazenamento de sesses
pode ser personalizado.
Para selecionar algum dos modos disponveis, basta adicionar a tag <sessionState> dentro da
tag <system.web>, no arquivo Web.Config da raiz de um projeto ASP.NET MVC 4.
1 < sessionState mode = " InProc " / >
Cdigo XML 9.1: Web.Config

Podemos personalizar nossa sesso, modificando alguns atributos da tag <sessionState>. Por
exemplo, podemos determinar o tempo de timeout das sesses. Veja o exemplo abaixo.
1 < sessionState mode = " InProc " timeout = " 30 " / >
Cdigo XML 9.2: Web.Config

Outra possibilidade desabilitar o uso de cookie com o atributo cookieless. Neste caso ser
utilizada a reescrita de URL.
1 < sessionState mode = " InProc " cookieless = " true " / >
Cdigo XML 9.3: Web.Config

Exerccios de Fixao

www.facebook.com/k19treinamentos

155

S ESSO

156

Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado Sessao no Visual Studio
2012 Express for Web. Utilize o template Basic Project.
1

Adicione uma entidade chamada Produto na pasta Models do projeto Sessao.

1 namespace Sessao . Models


2 {
3
public class Produto
4
{
5
public int ProdutoID { get ; set ; }
6
public string Nome { get ; set ; }
7
public double Preco { get ; set ; }
8
}
9 }
Cdigo C# 9.5: Produto.cs

Adicione uma classe chamada K19Context na pasta Models para registrar a entidade Produto
e utilizar os recursos do Entity Framework. Lembre-se de fazer com que sua classe herde da classe
DbContext.
3

1 namespace Sessao . Models


2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Produto > Produtos { get ; set ; }
6
}
7 }
Cdigo C# 9.6: K19Context.cs

Adicione uma classe chamada Carrinho na pasta Models do projeto Sessao.

1 namespace Sessao . Models


2 {
3
public class Carrinho
4
{
5
public List < Produto > Produtos { get ; set ; }
6
7
public Carrinho ()
8
{
9
this . Produtos = new List < Produto >() ;
10
}
11
}
12 }
Cdigo C# 9.7: Carrinho.cs

Adicione um controlador chamado Produto baseado na entidade Produto e no DbContext


K19Context utilizando o recurso do scaffolding.
5

Altere a tela Index do controlador Produto de acordo com o cdigo abaixo.

1 @model IEnumerable < Sessao . Models . Produto >


2

156

www.k19.com.br

157
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

S ESSO

@{
ViewBag . Title = " Index " ;
}
< h2 > Index </ h2 >
@if ( TempData [ " Mensagem " ] != null )
{
< div > @TempData [ " Mensagem " ] </ div >
}
<p >
@Html . ActionLink ( " Create New " , " Create " )
</ p >
< table >
< tr >
< th >
@Html . DisplayNameFor ( model = > model . Nome )
</ th >
< th >
@Html . DisplayNameFor ( model = > model . Preco )
</ th >
< th > </ th >
</ tr >
@foreach ( var item in Model ) {
< tr >
< td >
@Html . DisplayFor ( modelItem = > item . Nome )
</ td >
< td >
@Html . DisplayFor ( modelItem = > item . Preco )
</ td >
< td >
@Html . ActionLink ( " Edit " , " Edit " , new { id = item . ProdutoID }) |
@Html . ActionLink ( " Details " , " Details " , new { id = item . ProdutoID }) |
@Html . ActionLink ( " Delete " , " Delete " , new { id = item . ProdutoID }) |
@Html . ActionLink ( " Adicionar ao carrinho " , " Adicionar " , " Carrinho " , new { id = item . ProdutoID } , null )
</ td >
</ tr >
}
</ table >
Cdigo CSHTML 9.1: Index.cshtml

Adicione um controlador chamado Carrinho utilizando o template Empty MVC Controller. Em


seguida altere-o de acordo com o cdigo abaixo.
7

1 namespace Sessao . Controllers


2 {
3
public class CarrinhoController : Controller
4
{
5
//
6
// GET : / Carrinho /
7
8
public ActionResult Index ()
9
{
10
return View ( this . PegaCarrinhoDaSessao () ) ;
11
}
12
13
public ActionResult Cancelar ()
14
{
15
Session . Abandon () ;
16
return RedirectToAction ( " Index " , " Produto " ) ;
17
}
18

www.facebook.com/k19treinamentos

157

S ESSO
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
}
55 }

158
public ActionResult Adicionar ( int id = 0)
{
K19Context ctx = new K19Context () ;
Produto p = ctx . Produtos . Find ( id ) ;
if ( p == null )
{
return HttpNotFound () ;
}
Carrinho carrinho = this . PegaCarrinhoDaSessao () ;
carrinho . Produtos . Add ( p ) ;
TempData [ " Mensagem " ] = " Produto adicionado ao carrinho com sucesso ! " ;
return RedirectToAction ( " Index " , " Produto " ) ;
}
public ActionResult Remover ( int idx = 0)
{
Carrinho carrinho = this . PegaCarrinhoDaSessao () ;
carrinho . Produtos . RemoveAt ( idx ) ;
return RedirectToAction ( " Index " ) ;
}
private Carrinho PegaCarrinhoDaSessao ()
{
if ( Session [ " Carrinho " ] == null )
{
Session [ " Carrinho " ] = new Carrinho () ;
}
return Session [ " Carrinho " ] as Carrinho ;
}

Cdigo C# 9.8: CarrinhoController.cs

Adicione uma tela associada ao Index do controlador Carrinho com o seguinte contedo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@model Sessao . Models . Carrinho


@{
ViewBag . Title = " Index " ;
}
< h2 > Index </ h2 >
@Html . ActionLink ( " Cancelar carrinho " , " Cancelar " )
< ul >
@{
int i = 0;
foreach ( var produto in Model . Produtos )
{
< li > @produto . Nome ( @produto . Preco ) - @Html . ActionLink ( " Remover do carrinho " ,
" Remover " , new { idx = i ++ }) </ li >
}
}
</ ul >
Cdigo CSHTML 9.2: Index.cshtml

158

Altere o layout _Layout de acordo com o cdigo abaixo.


www.k19.com.br

159
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

S ESSO

@using Sessao . Models ;


<! DOCTYPE html >
< html >
< head >
< meta charset = " utf -8 " / >
< meta name = " viewport " content = " width = device - width " / >
< title > @ViewBag . Title </ title >
@Styles . Render ( " ~/ Content / css " )
@Scripts . Render ( " ~/ bundles / modernizr " )
</ head >
< body >
< div >
@{
Carrinho carrinho = Session [ " Carrinho " ] as Carrinho ;
if ( carrinho != null ) {
@Html . ActionLink ( " Meu carrinho ( " + @carrinho . Produtos . Count + " produtos ) " ,
" Index " , " Carrinho " )
}
}
</ div >
@RenderBody ()
@Scripts . Render ( " ~/ bundles / jquery " )
@RenderSection ( " scripts " , required : false )
</ body >
</ html >
Cdigo CSHTML 9.3: _Layout.cshtml

www.facebook.com/k19treinamentos

159

S ESSO

160

160

www.k19.com.br

CAPTULO

F ILTROS

10

Muitas vezes, queremos restringir o acesso determinadas reas de uma aplicao, seja por questes de segurana ou por organizao. Em nossa aplicao poderamos, por exemplo, definir que
para poder adicionar, alterar e remover editoras, o usurio deve estar logado no sistema. Caso contrrio, o usurio apenas poder listar as editoras.
1
2
3
4
5
6
7
8
9
10
11
12
13

...
public ActionResult Cadastra ()
{
if ( Session [ " Cliente " ] != null )
{
return base . View () ;
}
else
{
return base . RedirectToAction ( " Index " , " Login " ) ;
}
}
...

Cdigo C# 10.1: EditoraController.cs

No exemplo acima, caso um usurio tente adicionar uma editora atravs do formulrio de cadastro, a ao Cadastra verificar se o usurio j est logado. Essa verificao realizada atravs
do uso da sesso, como visto no captulo 9. Se o usurio no estiver logado, ele ser redirecionado
para a pgina de Login. Apesar de funcionar, este cdigo apresenta uma inconvenincia. Temos que
adicionar essa lgica em todas as aes que queremos que tenha o mesmo comportamento, ou seja,
que apenas permitam o acesso de usurios logados.
Em outros casos, podemos desejar que algumas aes executem alguma tarefa em comum. Por
exemplo, poderamos adicionar uma mensagem em um arquivo de logging sempre que uma ao
fosse executada. Desse modo, poderamos guardar um histrico sobre o que a aplicao mais executou, qual foi a pgina mais visitada, etc. Mas novamente, teramos que adicionar a mesma tarefa em
todas as aes da nossa aplicao.
Nesses casos, em que vrias aes possuem um comportamento em comum, podemos utilizar o
conceito de filtros. Um filtro semelhante a um mtodo que executado antes ou depois de uma
ao.

Tipos de Filtros
O ASP.NET MVC possui 4 (quatro) tipos de filtros:
www.facebook.com/k19treinamentos

161

F ILTROS

162

Tipo de Filtro
Autorizao
Ao
Resultado
Exceo

Interface

Implementao Padro

IAuthorizationFilter
IActionFilter
IResultFilter
IExceptionFilter

AuthorizeAttribute
ActionFilterAttribute
ActionFilterAttribute
HandleErrorAttribute

Autorizao
Filtro utilizado para restringir o acesso a ao do controlador a usurios autenticados e autorizados. Caso o usurio no tenha permiso, o filtro retorna a resposta 401 HTTP Unauthorized. Se o
filtro for adicionado ao controlador, todas as aes tero o acesso restrito.

Importante
Este filtro executado antes dos outros filtros.

Ao
Este filtro executado antes ou depois da ao ser executada. Este filtro chamado depois do
filtro de autorizao e antes do filtro de resultado.

Resultado
O filtro de resultado executado antes ou depois do resultado da ao ser processado. Este filtro
permite alterarmos a maneira como o resultado da ao gerado.

Exceo
Este filtro utilizado para tratar as excees. Este filtro executado quando ocorre uma exceo
no mtodo ou nos filtros da ao.

Filtro de Autorizao
Os filtros de autorizao implementam a interface IAuthorizationFilter.
1 public interface IAuthorizationFilter
2 {
3
void OnAuthorization ( AuthorizationContext filterContext ) ;
4 }
Cdigo C# 10.2: IAuthorizationFilter.cs

O mtodo OnAuthorization executado pelo ASP .NET MVC para realizar a autorizao. A classe
AuthorizationContext derivada de ControllerContext, que permite o acesso aos dados do controlador, da rota e da requisio.
O ASP .NET MVC contm uma implementao padro da IAuthorizationFilter que a classe
AuthorizeAttribute. A classe AuthorizeAttribute define a anotao Authorize, que pode ser adicionada a ao ou ao controlador para restringirmos o acesso a usurios autenticados e autorizados.
162

www.k19.com.br

163

F ILTROS

Caso um usurio no autorizado acesse uma ao ou um controlador marcado com a anotao Authorize, o MVC Framework retornar a resposta 401 HTTP status. Se a aplicao estiver
configurada para utilizar ASP .NET Forms Authentication, o usurio ser redirecionado para uma
pgina de login.

Importante
Ao criar um projeto ASP.NET MVC utilizando o template Basic Project, a aplicao
configurada para utilizar o ASP.NET Forms Authentication automaticamente.

Para o nosso primeiro exemplo, podemos utilizar o filtro de autorizao, onde exigimos que o
usurio esteja logado (autenticado) para acessar determinadas reas da aplicao. Para isso, precisamos adicionar o seguinte cdigo no nosso mtodo de login:
1 ...
2 FormsAuthentication . SetAuthCookie ( usuario . Username , false ) ;
3 ...
Cdigo C# 10.3: AutenticadorController.cs

Isto adiciona um novo cookie utilizado para a autenticao do usurio. Este novo cookie independente do cookie utilizado para armazenar informaes da sesso. O primeiro parmetro
referente ao nome do usurio (ou algo que o identifique). O segundo parmetro um booleano relativo ao tipo do cookie, se permanente ou no. Caso seja true, ele sempre ir considerar que o
usurio est autenticado aps a primeira autenticao.
Para eliminar o cookie de autenticao, devemos adicionar o seguinte cdigo na aco de logout:
1 ...
2 FormsAuthentication . SignOut () ;
3 ...
Cdigo C# 10.4: AutenticadorController.cs

As aes que devem utilizar o filtro de autorizao devem ser anotadas com Authorize.
1
2
3
4
5
6
7

...
[ Authorize ]
public ActionResult Cadastra ()
{
return base . View () ;
}
...
Cdigo C# 10.5: EditoraController.cs

Se queremos aplicar o mesmo filtro a todas as aes de um controlador, podemos adicionar a


anotao Authorize na classe.
1
2
3
4
5

[ Authorize ]
public class EditoraController : Controller
{
...
}
Cdigo C# 10.6: EditoraController.cs

www.facebook.com/k19treinamentos

163

F ILTROS

164

Desse modo, todas as aes presentes no controlador da Editora exigem que o usurio esteja
autenticado.
Quando o filtro de autorizao barra um usurio de acessar uma pgina, podemos redirecionlo para a pgina de login. Devemos incluir o seguinte cdigo dentro da tag <system.web> do arquivo
Web.Config.
1 < authentication mode = " Forms " >
2
< forms loginUrl = " ~/ Autenticador / Formulario " timeout = " 2880 " / >
3 </ authentication >
Cdigo XML 10.1: Web.Config

Atravs da propriedade User, podemos obter o usurio associado a requisio atual. As informaes do usurio podem ser obtidas atravs da propriedade Identity. Por exemplo, podemos
verificar se o usurio associado requisio atual est autenticado, basta utilizar a propriedade
IsAuthenticated da propriedade Identity:
1 if ( User . Identity . IsAuthenticated )
2 {
3
...
4 }
Cdigo C# 10.7: Verificando se o usurio est autenticado

Para obter o nome do usurio autenticado, podemos utilizar a propriedade Name da propriedade
Identity:
1 string nome = User . Identity . Name ;
Cdigo C# 10.8: Verificando quem o usurio autenticado

A propriedade Name retorna o nome do usurio que passamos como parmetro para o mtodo
SetAuthCookie na autenticao.

Exerccios de Fixao

1
Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado Filtros no Visual Studio
2012 Express for Web. Utilize o template Basic Project.

Adicione uma entidade chamada Produto na pasta Models do projeto Filtros.

1 namespace Filtros . Models


2 {
3
public class Produto
4
{
5
public int ProdutoID { get ; set ; }
6
public string Nome { get ; set ; }
7
public double Preco { get ; set ; }
8
}
9 }
Cdigo C# 10.9: Produto.cs

164

www.k19.com.br

165

F ILTROS

Adicione uma classe chamada K19Context na pasta Models para registrar a entidade Produto
e utilizar os recursos do Entity Framework. Lembre-se de fazer com que sua classe herde da classe
DbContext.
3

1 namespace Filtros . Models


2 {
3
public class K19Context : DbContext
4
{
5
public DbSet < Produto > Produtos { get ; set ; }
6
}
7 }
Cdigo C# 10.10: K19Context.cs

1
2
3
4
5
6
7
8
9
10
11

Adicione uma classe Usuario na pasta Models.


using System . ComponentModel . DataAnnotations ;
namespace Filtros . Models
{
public class Usuario
{
public string Username { get ; set ; }
[ DataType ( DataType . Password ) ]
public string Password { get ; set ; }
}
}
Cdigo C# 10.11: Usuario.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Adicione o controlador Autenticador para permitir a autenticao do usurio.


using
using
using
using
using
using
using

System ;
System . Collections . Generic ;
System . Linq ;
System . Web ;
System . Web . Mvc ;
System . Web . Security ;
Filtros . Models ;

namespace Filtros . Controllers


{
public class AutenticadorController : Controller
{
public ActionResult Formulario ()
{
return View () ;
}
public ActionResult Entrar ( Usuario usuario )
{
if ( usuario . Username != null && usuario . Password != null &&
usuario . Username . Equals ( " K19 " ) && usuario . Password . Equals ( " K19 " ) )
{
Session [ " Usuario " ] = usuario ;
return RedirectToAction ( " Index " , " Produto " ) ;
}
else
{
ViewBag . Mensagem = " usurio ou senha incorretos " ;
return View ( " Formulario " ) ;

www.facebook.com/k19treinamentos

165

F ILTROS
32
33
34
35
36
37
38
39
40
}
41 }

166
}

}
public ActionResult Sair ()
{
Session . Abandon () ;
return RedirectToAction ( " Formulario " ) ;
}

Cdigo C# 10.12: AutenticadorController.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

@model Filtros . Models . Usuario


@{
ViewBag . Title = " Formulario " ;
}
< h2 > Login </ h2 >
@using ( Html . BeginForm ( " Entrar " , " Autenticador " ) )
{
@Html . ValidationSummary ( true )
< fieldset >
< legend > Usuario </ legend >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Username )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Username )
@Html . ValidationMessageFor ( model = > model . Username )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Password )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Password )
@Html . ValidationMessageFor ( model = > model . Password )
</ div >
<p >
< input type = " submit " value = " Logar " / >
</ p >
</ fieldset >
}
< div >
@Html . ActionLink ( " Back to List " , " Index " )
</ div >
@section Scripts {
@Scripts . Render ( " ~/ bundles / jqueryval " )
}
Cdigo CSHTML 10.1: Formulario.cshtml

Adicione um controlador para cadastrar um produto e listar os produtos. Altere o controlador


para permitir que apenas os usurios logados possam cadastrar os produtos.
6

1 namespace Filtros . Controllers


2 {
3
public class ProdutoController : Controller

166

www.k19.com.br

167

F ILTROS

4
{
5
private K19Context db = new K19Context () ;
6
7
public ActionResult Index ()
8
{
9
return View ( db . Produtos . ToList () ) ;
10
}
11
12
public ActionResult Cadastrar ()
13
{
14
if ( Session [ " Usuario " ] != null )
15
{
16
return View () ;
17
}
18
else
19
{
20
TempData [ " Mensagem " ] = " Acesso no permitido " ;
21
return RedirectToAction ( " Index " ) ;
22
}
23
24
}
25
26
[ HttpPost ]
27
public ActionResult Cadastrar ( Produto produto )
28
{
29
if ( ModelState . IsValid )
30
{
31
db . Produtos . Add ( produto ) ;
32
db . SaveChanges () ;
33
return RedirectToAction ( " Index " ) ;
34
}
35
return View ( produto ) ;
36
}
37
38
39
}
40 }
Cdigo C# 10.13: ProdutoController.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

@model IEnumerable < Filtros . Models . Produto >


@{
ViewBag . Title = " Index " ;
}
< h2 > Index </ h2 >
@if ( TempData [ " Mensagem " ] != null )
{
< h3 > @TempData [ " Mensagem " ] </ h3 >
}
< h3 > </ h3 >
<p >
@Html . ActionLink ( " Cadastrar Produto " , " Cadastrar " )
</ p >
< table >
< tr >
< th >
@Html . DisplayNameFor ( model = > model . Nome )
</ th >
< th >
@Html . DisplayNameFor ( model = > model . Preco )
</ th >
< th > </ th >
</ tr >
@foreach ( var item in Model )
{
< tr >

www.facebook.com/k19treinamentos

167

F ILTROS

168

30
< td >
31
@Html . DisplayFor ( modelItem = > item . Nome )
32
</ td >
33
< td >
34
@Html . DisplayFor ( modelItem = > item . Preco )
35
</ td >
36
37
</ tr >
38
}
39
40 </ table >
Cdigo CSHTML 10.2: Index.cshtml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

@model Filtros . Models . Produto


@{
ViewBag . Title = " Cadastrar " ;
}
< h2 > Cadastrar </ h2 >
@using ( Html . BeginForm () )
{
@Html . ValidationSummary ( true )
< fieldset >
< legend > Produto </ legend >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Nome )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Nome )
@Html . ValidationMessageFor ( model = > model . Nome )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Preco )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Preco )
@Html . ValidationMessageFor ( model = > model . Preco )
</ div >
<p >
< input type = " submit " value = " Create " / >
</ p >
</ fieldset >
}
< div >
@Html . ActionLink ( " Back to List " , " Index " )
</ div >
@section Scripts {
@Scripts . Render ( " ~/ bundles / jqueryval " )
}
Cdigo CSHTML 10.3: Cadastrar.cshtml

Para testar, acesse a url http://localhost:<PORTA_APP>/Produto/ e clique no link de cadastrar. Depois acesse o endereo http://localhost:<PORTA_APP>/Autenticador/Formulario/ para
fazer a autenticao atravs do usurio K19 e senha K19.
168

www.k19.com.br

169

F ILTROS

Ao invs de usar sesso, vamos utilizar o filtro de autorizao do ASP.NET MVC. Primeiro, devemos alterar as aes Entrar e Sair do controlador Autenticador.
7

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

using
using
using
using
using
using
using

Filtros . Models ;
System ;
System . Collections . Generic ;
System . Linq ;
System . Web ;
System . Web . Mvc ;
System . Web . Security ;

namespace Filtros . Controllers


{
public class AutenticadorController : Controller
{
public ActionResult Formulario ()
{
return View () ;
}
public ActionResult Entrar ( Usuario usuario )
{
if ( usuario . Username != null && usuario . Password != null &&
usuario . Username . Equals ( " K19 " ) && usuario . Password . Equals ( " K19 " ) )
{
FormsAuthentication . SetAuthCookie ( usuario . Username ,
false ) ; return RedirectToAction ( " Index " , " Produto " ) ;
}
else
{
ViewBag . Mensagem = " usurio ou senha incorretos " ;
return View ( " Formulario " ) ;
}
}
public ActionResult Sair ()
{
FormsAuthentication . SignOut () ;
return RedirectToAction ( " Formulario " ) ;
}
}
}
Cdigo C# 10.14: AutenticadorController.cs

8
Altere o controlador Produto para que somente usurios logados possam acessar o formulrio
de cadastro.

1
2
3
4
5
6
7

...
[ Authorize ]
public ActionResult Cadastra ()
{
return View () ;
}
...
Cdigo C# 10.15: ProdutoController.cs

Adicione no arquivo Views/Shared/_Layout.cshtml um link para ao Sair.

1 <! DOCTYPE html >

www.facebook.com/k19treinamentos

169

F ILTROS
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

170

< html >


< head >
< meta charset = " utf -8 " / >
< meta name = " viewport " content = " width = device - width " / >
< title > @ViewBag . Title </ title >
@Styles . Render ( " ~/ Content / css " )
@Scripts . Render ( " ~/ bundles / modernizr " )
</ head >
< body >
@if ( User . Identity . IsAuthenticated )
{
@ : Ol @User . Identity . Name , @Html . ActionLink ( " Sair " , " Sair " , " Autenticador " )
}
@RenderBody ()
@Scripts . Render ( " ~/ bundles / jquery " )
@RenderSection ( " scripts " , required : false )
</ body >
</ html >
Cdigo CSHTML 10.4: _Layout.cshtml

Defina a url para a qual os usurios no logados sero redirecionados ao tentarem acessar o
formulrio de cadastro de editoras. Altere o arquivo Web.config da raiz do projeto Filtros.
10

1
2
3
4
5

...
< authentication mode = " Forms " >
< forms loginUrl = " ~/ Autenticador / Formulario " timeout = " 2880 " / >
</ authentication >
...
Cdigo XML 10.2: Web.config

Acesse o endereo http://localhost:<PORTA_APP>/Produto/Cadastra. Verifique o funcionamento do filtro de autorizao que redirecionar os usurios que no esto logados para a url definida no arquivo Web.config.

Filtro de Ao
Os filtros de ao so executados antes ou depois de uma ao. Todos os filtros de ao devem implementar a interface IActionFilter. A interface IActionFilter contm dois mtodos
OnActionExecuted e OnActionExecuting.
1 public interface IActionFilter
2 {
3
void OnActionExecuted ( ActionExecutedContext filterContext ) ;
4
void OnActionExecuting ( ActionExecutingContext filterContext ) ;
5 }
Cdigo C# 10.16: IActionFilter.cs

O mtodo OnActionExecuting chamado antes da ao ser executada e o mtodo OnActionExecuted


chamado depois da ao ser executada. As classes ActionExecutingContext e ActionExecutedContext
so derivadas da classe ControllerContext que prov acesso ao controlador e outras informaes.
Atravs do filtro de aes podemos, por exemplo, salvar as informaes das requisies num
arquivo de log. Para isto, basta definirmos uma classe que implementa a interface IActionFilter:
170

www.k19.com.br

171

F ILTROS

1 public class LoggingFilter : IActionFilter


2 {
3
private static string filename = " RequisicoesInfo . log " ;
4
5
private static string logFilePath ;
6
7
public void OnActionExecuted ( ActionExecutedContext filterContext )
8
{
9
10
}
11
12
public void OnActionExecuting ( ActionExecutingContext filterContext )
13
{
14
SaveInfo ( filterContext ) ;
15
}
16
17
private void SaveInfo ( ControllerContext context )
18
{
19
string info = String . Format ( " Usurio : {0} , IP : {1} , Data / Hora : {2} , Url : {3} " ,
20
context . HttpContext . User . Identity . Name ,
21
context . HttpContext . Request . UserHostAddress ,
22
DateTime . Now ,
23
context . HttpContext . Request . RawUrl ) ;
24
var path = GetLogFilePath ( context ) ;
25
using ( var logWriter = new StreamWriter ( path , true ) )
26
{
27
logWriter . WriteLine ( info ) ;
28
}
29
}
30
31
private static string GetLogFilePath ( ControllerContext context )
32
{
33
if ( LoggingFilter . logFilePath == null )
34
{
35
var logPath = context . HttpContext . Server . MapPath ( " ~/ Logs " ) ;
36
if (! Directory . Exists ( logPath ) )
37
{
38
Directory . CreateDirectory ( logPath ) ;
39
}
40
var path = Path . Combine ( logPath , filename ) ;
41
LoggingFilter . logFilePath = path ;
42
}
43
return LoggingFilter . logFilePath ;
44
}
45 }
Cdigo C# 10.17: LoggingFilter.cs

Para aplicar o filtro a todos os controladores e todas aes, basta defini-lo como global. Para definir LoggingFilter como global, basta adicion-lo coleo de filtros globais do mtodo RegisterGlobalFilters da classe FilterConfig.
1 public class FilterConfig
2 {
3
public static void RegisterGlobalFilters ( GlobalFilterCollection filters )
4
{
5
filters . Add ( new HandleErrorAttribute () ) ;
6
filters . Add ( new LoggingFilter () ) ;
7
}
8 }
Cdigo C# 10.18: FilterConfig.cs

Exerccios de Fixao
www.facebook.com/k19treinamentos

171

F ILTROS

172

11

Adicione uma pasta Filters ao projeto Filtros.

12

Crie um filtro de ao para registrar num arquivo de log as informaes da requisio.

1 namespace Filtros . Filters


2 {
3
public class LoggingFilter : IActionFilter
4
{
5
private static string filename = " RequisicoesInfo . log " ;
6
7
private static string logFilePath ;
8
9
public void OnActionExecuted ( ActionExecutedContext filterContext )
10
{
11
12
}
13
14
public void OnActionExecuting ( ActionExecutingContext filterContext )
15
{
16
SaveInfo ( filterContext ) ;
17
}
18
19
private void SaveInfo ( ControllerContext context )
20
{
21
string info = String . Format ( " Usurio : {0} , IP : {1} , Data / Hora : {2} , Url : {3} " ,
22
context . HttpContext . User . Identity . Name ,
23
context . HttpContext . Request . UserHostAddress ,
24
DateTime . Now ,
25
context . HttpContext . Request . RawUrl ) ;
26
var path = GetLogFilePath ( context ) ;
27
using ( var logWriter = new StreamWriter ( path , true ) )
28
{
29
logWriter . WriteLine ( info ) ;
30
}
31
}
32

172

www.k19.com.br

173

F ILTROS

33
private static string GetLogFilePath ( ControllerContext context )
34
{
35
if ( LoggingFilter . logFilePath == null )
36
{
37
var logPath = context . HttpContext . Server . MapPath ( " ~/ Logs " ) ;
38
if (! Directory . Exists ( logPath ) )
39
{
40
Directory . CreateDirectory ( logPath ) ;
41
}
42
var path = Path . Combine ( logPath , filename ) ;
43
LoggingFilter . logFilePath = path ;
44
}
45
return LoggingFilter . logFilePath ;
46
}
47
}
48 }

Cdigo C# 10.19: LoggingFilter.cs

Defina o filtro de ao criado no exerccio anterior como global, para que ele seja aplicado a
todos os controladores e aes.
13

1 namespace Filtros
2 {
3
public class FilterConfig
4
{
5
public static void RegisterGlobalFilters ( GlobalFilterCollection filters )
6
{
7
filters . Add ( new HandleErrorAttribute () ) ;
8
filters . Add ( new LoggingFilter () ) ;
9
}
10
}
11 }

Cdigo C# 10.20: FilterConfig.cs

Acesse os seguintes endereos:

http://localhost:<PORTA_APP>/Produto
http://localhost:<PORTA_APP>/Autenticador/Entrar
http://localhost:<PORTA_APP>/Produto/Cadastrar
Faa a autenticao com o username K19 e password K19.
E verifique, posteriormente, que as informaes das requisies foram salvas no arquivo Requi-

sicoesInfo.log dentro do diretrio Logs.


www.facebook.com/k19treinamentos

173

F ILTROS

174

Filtro de Resultado
O filtro de resultado executado antes ou depois do resultado da ao ser gerado. O resultado
da ao pode ser um JSON, uma pgina HTML ou qualquer outro resultado que derive da classe
ActionResult. Para definir um filtro de resultado, devemos implementar a interface IResultFilter
que contm dois mtodos OnResultExecuted e OnResultExecuting.
1 public interface IResultFilter
2 {
3
void OnResultExecuted ( ResultExecutedContext filterContext ) ;
4
void OnResultExecuting ( ResultExecutingContext filterContext ) ;
5 }
Cdigo C# 10.21: IResultFilter.cs

O mtodo OnResultExecuting executado antes do resultado ser gerado e o mtodo OnResultExecuted executado depois. As classes ResultExecutingContext e ResultExecutedContext so
derivadas de ControllerContext, logo temos acesso ao controlador e s informaes da requisio.
Atravs do filtro de resultado, podemos, por exemplo, mensurar o tempo entre a execuo de uma
ao e a gerao do resultado. Para isto, podemos criar uma classe que derivada de ActionFilterAttribute.

Importante
A classe ActionFilterAttribute uma implementao padro das interfaces

174

www.k19.com.br

175

F ILTROS

IActionFilter e IResultFilter, facilitando a criao de filtros que dependem da


execuo da ao e do resultado.

1 public class ElapsedTimeAttribute : ActionFilterAttribute


2 {
3
private Stopwatch duration ;
4
public override void OnActionExecuting ( ActionExecutingContext filterContext )
5
{
6
this . duration = Stopwatch . StartNew () ;
7
}
8
9
public override void OnResultExecuted ( ResultExecutedContext filterContext )
10
{
11
this . duration . Stop () ;
12
string info = string . Format ( " Durao total : {0} ms " , duration . ElapsedMilliseconds );
13
filterContext . HttpContext . Response . Write ( info ) ;
14
}
15 }
Cdigo C# 10.22: ElapsedTimeAttribute.cs

Para aplicar o filtro, basta adicionar a anotao ElapsedTime no controlador ou na ao.


1 ...
2
3
[ ElapsedTime ]
4
public ActionResult Index ()
5
{
6
return View ( db . Produtos . ToList () ) ;
7
}
8
9 ...
Cdigo C# 10.23: ProdutoController.cs

Ao acessar o seguinte endereo http://localhost:<PORTA_APP>/produto, podemos visualizar


a durao entre a execuo da ao e a gerao do resultado.

www.facebook.com/k19treinamentos

175

F ILTROS

176

Exerccios de Fixao

Adicione ao projeto Filtros um filtro para medir o tempo entre a execuo de uma ao e a
gerao do resultado. Dica: Utilize a classe ActionFilterAttribute para criar o filtro.
14

1 namespace Filtros . Filters


2 {
3
public class ElapsedTimeAttribute : ActionFilterAttribute
4
{
5
private Stopwatch duration ;
6
public override void OnActionExecuting ( ActionExecutingContext filterContext )
7
{
8
this . duration = Stopwatch . StartNew () ;
9
}
10
11
public override void OnResultExecuted ( ResultExecutedContext filterContext )
12
{
13
this . duration . Stop () ;
14
string info = string . Format ( " Durao total : {0} ms " , duration . ElapsedMilliseconds ) ;
15
filterContext . HttpContext . Response . Write ( info ) ;
16
}
17
}
18 }
Cdigo C# 10.24: ElapsedTimeAttribute.cs

Adicione o filtro ElapsedTimeAttribute ao Index do controlador Produto. Para adicionar


o filtro, basta acrescentar a anotao [ElapsedTime].
15

1 public class ProdutoController : Controller


2 {
3
...
4
5
[ ElapsedTime ]
6
public ActionResult Index ()
7
{
8
return View ( db . Produtos . ToList () ) ;
9
10
}
11
12
...
13
14 }
Cdigo C# 10.25: ProdutoController.cs

Acesse o seguinte endereo: http://localhost:<PORTA_APP>/produto. Verifique que a durao do tempo entre a execuo da ao e a gerao do resultado mostrada na tela.

Filtro de Exceo
Os filtros de exceo so executados quando ocorrem excees nas aes ou nos filtros. Os filtros
de exceo devem implementar a interface IExceptionFilter.
176

www.k19.com.br

177

F ILTROS

1 public interface IExceptionFilter


2 {
3
void OnException ( ExceptionContext filterContext ) ;
4 }
Cdigo C# 10.26: IExceptionFilter.cs

O ASP .NET MVC contm a classe HandleErrorAttribute que uma implementao padro
de IExceptionFilter. O filtro HandleErrorAttribute retorna a pgina Error localizada na pasta
Views/Shared quando ocorre uma exceo. Atravs da HandleErrorAttribute podemos alterar a
pgina de erro retornada de acordo com o tipo de exceo.
1
2
3
4
5
6
7

[ HandleError ( ExceptionType = typeof ( InvalidOperationException ) ,


View = " OperacaoInvalida " ) ]
[ HandleError ]
public ActionResult Index ()
{
return View ( db . Produtos . ToList () ) ;
}
Cdigo C# 10.27: ProdutoController.cs

No exemplo acima, a primeira anotao filtrar os erros do tipo InvalidOperationException


e retornar a pgina OperacaoInvalida da pasta Views/Shared. A segunda anotao filtrar todas
as excees e retornar a pgina padro Error da pasta Views/Shared. necessrio habilitar o elemento customErrors no arquivo Web.config para o filtro HandleErrorAttribute funcionar.

Exerccios de Fixao

Altere o controlador Produto do projeto Filtros. Acrescente uma ao para visualizar um produto de uma lista atravs de uma posio. A ao dever receber como parmetro a posio, que
ser definida pelo usurio atravs da url.
16

1 public ActionResult Visualizar ( int posicao )


2 {
3
List < Produto > produtos = db . Produtos . ToList () ;
4
return View ( produtos [ posicao ]) ;
5 }
Cdigo C# 10.28: ProdutoController.cs

Defina uma pgina para mostrar os dados do produto que foi selecionado de acordo com a
posio.
17

1
2
3
4
5
6
7
8
9
10

@model Filtros . Models . Produto


@{
ViewBag . Title = " Visualizar " ;
}
< h2 > Visualizar </ h2 >
< fieldset >
< legend > Produto </ legend >

www.facebook.com/k19treinamentos

177

F ILTROS

178

11
12
< div class = " display - label " >
13
@Html . DisplayNameFor ( model = > model . Nome )
14
</ div >
15
< div class = " display - field " >
16
@Html . DisplayFor ( model = > model . Nome )
17
</ div >
18
19
< div class = " display - label " >
20
@Html . DisplayNameFor ( model = > model . Preco )
21
</ div >
22
< div class = " display - field " >
23
@Html . DisplayFor ( model = > model . Preco )
24
</ div >
25 </ fieldset >
26 <p >
27
@Html . ActionLink ( " Back to List " , " Index " )
28 </ p >
Cdigo CSHTML 10.5: Visualizar.cshtml

Verifique o funcionamento da ao Visualizar, acessando os seguintes endereos:

http://localhost:<PORTA_APP>/produto/visualizar?posicao=0
http://localhost:<PORTA_APP>/produto/visualizar?posicao=1
http://localhost:<PORTA_APP>/produto/visualizar?posicao=-1
Ao acessarmos uma posio invlida, ocorrer a seguinte exceo:

Adicione um filtro para tratar a exceo do tipo ArgumentOutOfRangeException.

18

1
2
3
4
5
6
7

[ HandleError ( ExceptionType = typeof ( ArgumentOutOfRangeException ) ,


View = " PosicaoInvalida " ) ]
public ActionResult Visualizar ( int posicao )
{
List < Produto > produtos = db . Produtos . ToList () ;
return View ( produtos [ posicao ]) ;
}
Cdigo C# 10.29: ProdutoController.cs

178

www.k19.com.br

179
19

F ILTROS

Crie a pgina PosicaoInvalida na pasta Views/Shared.

1 @{
2
ViewBag . Title = " Posio Invlida " ;
3 }
4
5 < h2 > Voc acessou uma posio invlida . </ h2 >
Cdigo CSHTML 10.6: PosicaoInvalida.cshtml

20

Para o filtro HandlerErrorAttribute funcionar, habilite o elemento customErrors no arquivo

Web.config.
1 < system . web >
2
< customErrors mode = " On " / >
3
...
4 </ system . web >
Cdigo XML 10.3: Web.config

Acesse o seguinte endereo:

http://localhost:<PORTA_APP>/produto/visualizar?posicao=-1
O filtro dever redirecion-lo para a tela PosicaoInvalida.

www.facebook.com/k19treinamentos

179

F ILTROS

180

180

www.k19.com.br

CAPTULO

T RATAMENTO DE E RROS

11

Inevitavelmente, as aplicaes esto sujeitas a erros de vrias naturezas. Por exemplo, erros podem ser gerados pelo preenchimento incorreto dos campos de um formulrio. Esse tipo de erro
causado por falhas dos usurios. Nesse caso, importante mostrar mensagens informativas com o
intuito de fazer o prprio usurio corrigir os valores preenchidos incorretamente. Veja o Captulo 8.
Por outro lado, h erros que no so causados por falhas dos usurios. Por exemplo, um erro de
conexo com o banco de dados. Nesses casos, improvvel que os usurios possam fazer algo que
resolva o problema. E mesmo que pudessem, provavelmente, no seria conveniente esperar que eles
o fizessem.
Quando um erro desse tipo ocorre, o ASP.NET MVC cria uma pgina web com informaes sobre o erro e a envia aos usurios. Para usurios locais, o ASP.NET MVC envia uma pgina web com
informaes detalhadas do erro ocorrido. Para usurios remotos, a pgina web enviada no contm
informaes detalhadas.
Em geral, no conveniente que os usurios recebam detalhes tcnicos sobre os erros gerados
por falhas da aplicao. A primeira justificativa que esses detalhes podem confundir os usurios.

Figura 11.1: Exemplo de uma pgina web com informaes sobre um erro

www.facebook.com/k19treinamentos

181

T RATAMENTO DE E RROS

182

A segunda justificativa que esses detalhes podem expor alguma falha de segurana da aplicao,
deixando-a mais vulnervel a ataques.

Try-Catch
Os erros de aplicao podem ser identificados atravs do comando try-catch, que pode ser
colocados nos mtodos que definem as aes dos controladores. Ao identificar a ocorrncia de um
erro, os controladores podem devolver uma pgina web com alguma mensagem para o usurio.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

...
[ HttpPost ]
public ActionResult Salva ( Editora editora )
{
try
{
db . Editoras . Add ( editora ) ;
}
catch
{
return View ( " Error " ) ;
}
return RedirectToAction ( " Index " ) ;
}
...

Cdigo C# 11.1: EditoraController.cs

Podemos criar uma pgina Error.cshtml na pasta Views\Shared. Dessa forma, todo controlador
poder devolver essa pgina.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@{
Layout = null ;
}
<! DOCTYPE html >
< html >
< head >
< title > Erro </ title >
</ head >
< body >
< h2 >
Servidor com problemas
</ h2 >
<p >
Houve um problema em nosso servidor . < br / >
Por favor tente novamente dentro de alguns instantes .
</ p >
</ body >
</ html >

Cdigo CSHTML 11.1: Error.cshtml

As pginas de erro que sero mostradas pelos controladores teriam uma mensagem simples informando que houve um erro na aplicao e que no possvel atender a requisio do usurio
naquele momento. Inclusive, seria conveniente padronizar a pgina de erro. Em outras palavras,
todos os controladores teriam que mostrar a mesma pgina.
182

www.k19.com.br

183

T RATAMENTO DE E RROS

Custom Errors
Utilizar o comando try-catch nos controladores para lidar com os erros de aplicao no uma
boa alternativa, pois o cdigo do controlador fica mais complexo. Alm disso, haveria replicao de
cdigo nos controladores, pois provavelmente a pgina de erro seria padronizada.
Para lidar com os erros de aplicao de uma maneira mais prtica e fcil de manter, podemos
configurar o ASP.NET MVC para utilizar pginas de erro padro. O primeiro passo alterar o arquivo
de configurao Web.config, acrescentando a tag <customErrors> dentro da tag <system.web>.
1
2
3
4
5

...
< customErrors mode = " On " >
</ customErrors >
...
Cdigo XML 11.1: Web.Config

O atributo mode da tag <customErrors> pode assumir trs valores:

On: A pgina de erro padro ser enviada para usurios locais e remotos.
Off: A pgina de erro detalhada ser enviada para usurios locais e remotos.
RemoteOnly: A pgina de erro detalhada ser enviada para os usurios locais e a padro para os
remotos.

Por conveno, o ASP.NET MVC mantm uma pgina de erro padro dentro da pasta Views\Shared
com o nome Error.cshtml. Vamos alterar este arquivo. O contedo da pgina de erro basicamente
HTML.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@{
Layout = null ;
}
<! DOCTYPE html >
< html >
< head >
< title > Erro </ title >
</ head >
< body >
< h2 >
Servidor com problemas
</ h2 >
<p >
Houve um problema no nosso servidor . < br / >
Por favor tente novamente dentro de alguns instantes .
</ p >
</ body >
</ html >
Cdigo CSHTML 11.2: Error.cshtml

Http Errors
www.facebook.com/k19treinamentos

183

T RATAMENTO DE E RROS

184

Um dos erros mais conhecidos do HTTP o 404, que ocorre quando o navegador faz uma requisio para uma url que no existe. Basicamente, esse erro gerado por falhas dos usurios ao
tentarem digitar diretamente uma url na barra de endereo dos navegadores ou por links ou botes
quebrados nas pginas da aplicao.
Quando o erro 404 ocorre, o ASP.NET MVC utiliza a pgina padro para erros de aplicao configurada no Web.config atravs da tag <customErrors>. Porm, esse erro no deve ser considerado
um erro de aplicao, pois ele pode ser gerado por falhas do usurio. Ele tambm no deve ser considerado um erro de usurio, pois ele pode ser gerado por falhas da aplicao. Consequentemente,
comum tratar o erro 404 de maneira particular, criando uma pgina de erro especfica para ele.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

@{
Layout = null ;
}
<! DOCTYPE html >
< html >
< head >
< title > Arquivo no encontrado ! </ title >
</ head >
< body >
< h2 >
Esse arquivo no foi encontrado . Verifique se a url est correta .
</ h2 >
</ body >
</ html >
Cdigo CSHTML 11.3: NotFound.cshtml

No arquivo de configurao, podemos especificar uma pgina web particular para o erro 404 ou
para os outros erros do HTTP.
1
2
3
4
5

...
< customErrors mode = " On " >
< error statusCode = " 404 " redirect = " ~/ ErrorPage / NotFound " / >
</ customErrors >
...
Cdigo XML 11.2: Web.Config

De acordo com o cdigo anterior, devemos definir um controlador chamado ErrorPage com
uma ao chamada NotFound. Essa ao ser acionada toda vez que o erro 404 do HTTP ocorrer.
1 namespace K19 . Controllers
2 {
3
public class ErrorPageController : Controller
4
{
5
public ActionResult NotFound ()
6
{
7
return View () ;
8
}
9
}
10 }
Cdigo C# 11.2: ErroPageController.cs

184

www.k19.com.br

185

T RATAMENTO DE E RROS

Exerccios de Fixao

Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado TratamentoDeErros no


Visual Studio 2012 Express for Web. Utilize o template Basic Project.
1

Crie um controlador Teste no projeto TratamentoDeErros, conforme o cdigo abaixo.

1 namespace TratamentoDeErros . Controllers


2 {
3
public class TesteController : Controller
4
{
5
public ActionResult TestaErro ()
6
{
7
string [] nomes = new string [] { " Jonas Hirata " , " Rafael Cosentino " };
8
string nome = nomes [2];
9
return View () ;
10
}
11
12
}
13 }
Cdigo C# 11.3: TesteController.cs

Acesse o seguinte endereo http://localhost:<PORTA_APP>/Teste/TestaErro e verifique a


tela de erro.
Observao: No Visual Web Developer, quando executamos a aplicao, ele a executa em modo
debug. Dessa forma, toda vez que um erro for gerado no processamento de uma requisio, a execuo da aplicao suspensa no ponto em que o erro ocorreu e detalhes sobre o problema so
apresentados. Para continuar a execuo da aplicao aps a ocorrncia de um erro, aperte a tecla
F5.
Trate o erro do exerccio anterior com o bloco try-catch e redirecione o usurio para uma tela
com a seguinte mensagem Sistema Temporariamente Indisponvel.
3

Altere a ao TestaErro do controlador Teste.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

...
public ActionResult TestaErro ()
{
try
{
string [] nomes = new string [] { " Jonas Hirata " , " Rafael Cosentino " };
string nome = nomes [2];
return View () ;
}
catch
{
return View ( " Error " ) ;
}
}
...
Cdigo C# 11.4: TesteController.cs

www.facebook.com/k19treinamentos

185

T RATAMENTO DE E RROS

Altere o cdigo do arquivo Error.cshtml da pasta Views\Shared conforme o cdigo abaixo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

186

@{
Layout = null ;
}
<! DOCTYPE html >
< html >
< head >
< meta name = " viewport " content = " width = device - width " / >
< title > Error </ title >
</ head >
< body >
< h2 >
Sistema Temporariamente Indisponvel ...
</ h2 >
</ body >
</ html >
Cdigo CSHTML 11.4: Error.cshtml

Acesse novamente o endereo http://localhost:<PORTA_APP>/Teste/TestaErro e verifique


a nova pgina de erro.

Remova o bloco try-catch da ao TestaErro do controlador Teste que voc adicionou no


exerccio anterior.
5

1
2
3
4
5
6
7
8

...
public ActionResult TestaErro ()
{
string [] nomes = new string [] { " Jonas Hirata " , " Rafael Cosentino " };
string nome = nomes [2];
return View () ;
}
...
Cdigo C# 11.5: TesteController.cs

Altere o arquivo Web.config para configurar o ASP.NET MVC para utilizar pginas de erro padro.
6

1
2
3
4
5
6
7

...
< system . web >
< customErrors mode = " On " >
</ customErrors >
...
< system . web >
...
Cdigo XML 11.3: Web.config

Acesse o endereo http://localhost:<PORTA_APP>/Teste/TestaErro e verifique a pgina de


erro.
7
Vamos definir uma pgina para ser exibida quando o erro 404 ocorrer. Primeiramente, crie um
controlador chamado ErrorPage com uma ao chamada NotFound.

1 namespace TratamentoDeErros . Controllers

186

www.k19.com.br

187
2 {
3
4
5
6
7
8
9
10
11 }

T RATAMENTO DE E RROS

public class ErrorPageController : Controller


{
public ActionResult NotFound ()
{
return View () ;
}
}

Cdigo C# 11.6: ErroPageController.cs

Na pasta Views\ErrorPage do projeto Erros, adicione um arquivo chamado NotFound.cshtml


com o seguinte contedo.
8

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

@{
Layout = null ;
}
<! DOCTYPE html >
< html >
< head >
< title > Arquivo no encontrado ! </ title >
</ head >
< body >
< h2 >
Esse arquivo no foi encontrado . Verifique se a url est correta .
</ h2 >
</ body >
</ html >
Cdigo CSHTML 11.5: NotFound.cshtml

9 Altere o arquivo Web.Config para definir que quando um erro 404 ocorrer, a pgina exibida deve
ser aquela que acabamos de criar.

1
2
3
4
5
6
7
8

...
< system . web >
< customErrors mode = " On " >
< error statusCode = " 404 " redirect = " ~/ ErrorPage / NotFound " / >
</ customErrors >
...
< system . web >
...
Cdigo XML 11.4: Web.config

Tente acessar pginas da aplicao que no existam. Acesse, por exemplo, o endereo http:
//localhost:<PORTA_APP>/PaginaInexistente.

www.facebook.com/k19treinamentos

187

T RATAMENTO DE E RROS

188

188

www.k19.com.br

APNDICE

ASP.NET W EB API

Para permitir a implementao de webservices restful, o ASP.NET Web API foi adicionado quarta
verso do ASP.NET MVC. Webservices restful so baseados no estilo arquitetural REST. Discutiremos,
a seguir, os principais conceitos desse estilo arquitetural.

REST

Resources
No estilo arquitetural REST, toda informao disponvel chamada de resource. Por exemplo,
uma imagem um resource. Uma lista de produtos um resource. O cadastro de uma pessoa um
resource.

URIs
Todo resource possui um identificador nico globalmente. Os identificadores so utililzados para
acessar os respectivos resources. Particularmente, em uma rede HTTP, os resources so identificados
por URIs(Uniform Resource Identifier - http://tools.ietf.org/html/rfc3986). Por exemplo, a
URI www.k19.com.br/cursos identifica na internet a lista de cursos da K19.

Media Types
Um resource pode ser apresentado em diversos formatos. Na arquitetura REST, esses formatos
so chamados de media type. Considere o cadastro de uma pessoa disponvel em uma rede HTTP.
Eventualmente, esse cadastro pode ser apresentado em html, xml ou json.
1 < html >
2
< head >
3
< title > Rafael Cosentino </ title >
4
< head >
5
6
< body >
7
< h1 > Rafael Cosentino </ h1 >
8
<p > Lder de treinamentos da K19 </ p >
9
</ body >
10 </ html >

1 < pessoa >


2
< nome > Rafael Cosentino </ nome >
3
< descricao > Lder de treinamentos da K19 </ descricao >
4 < pessoa >

1 { " nome " : " Rafael Cosentino " , " descricao " : " Lder de treinamentos da K19 " }

www.facebook.com/k19treinamentos

189

ASP.NET W EB API

190

Operaes
Em uma arquitetura REST, um conjunto pequeno e fixo de operaes deve ser definido previamente. As operaes so utilizadas para manipular os recursos de alguma forma.
Por exemplo, em uma rede HTTP, os recursos so manipulados pelos mtodos do protocolo
HTTP. Podemos atribuir uma semntica diferente para cada um desses mtodos.

Resource
www.k19.com.br/cursos
www.k19.com.br/cursos

Mtodo HTTP
GET
POST

Semntica
pega a lista de cursos
adiciona um curso na lista

Resources
No ASP.NET Web API, os resources so definidos por controladores de uma aplicao ASP.NET
MVC que derivam de System.Web.Http.ApiController.
1 public class CursosController : ApiController
2 {
3
...
4 }
Cdigo C# A.1: CursosController.cs

URIs
As URIs dos resources so definidas atravs de rotas do ASP.NET Web API criadas no arquivo
RouteConfig.cs. O Visual Web Developer adiciona a seguinte rota padro do ASP.NET Web API nos
projetos ASP.NET MVC 4:
1 routes . MapHttpRoute (
2
name : " DefaultApi " ,
3
routeTemplate : " api /{ controller }/{ id } " ,
4
defaults : new { id = RouteParameter . Optional }
5 );
Cdigo C# A.2: RouteConfig.cs

De acordo com a rota padro do ASP.NET Web API, a URI do resource correspondente ao controlador Cursos http://localhost:<PORTA_APP>/api/cursos.

Operaes
Podemos associar as operaes HTTP aos mtodos da classe CursosController. Essas associaes so estabelecidas automaticamente atravs dos nomes dos mtodos. Por exemplo, a operao
190

www.k19.com.br

191

ASP.NET W EB API

GET do HTTP associada automaticamente a um mtodo cujo nome possui o prefixo Get. Veja o
exemplo abaixo.
1 public class CursosController : ApiController
2 {
3
...
4
// GET http :// localhost : < PORTA_APP >/ api / cursos
5
public Curso [] GetCursos ()
6
{
7
...
8
}
9
...
10 }
Cdigo C# A.3: CursosController.cs

Na rota padro do ASP.NET Web API, um parmetro opcional chamado id foi definido. Quando
esse parmetro estiver presente em uma requisio do tipo GET, podemos recuperar o valor dele em
um mtodo cujo nome possua o prefixo Get e tenha um argumento chamado id. Observe o cdigo
abaixo.
1 public class CursosController : ApiController
2 {
3
...
4
// GET http :// localhost : < PORTA_APP >/ api / cursos /5
5
public Curso [] GetCurso ( int id )
6
{
7
...
8
}
9
...
10 }
Cdigo C# A.4: CursosController.cs

Tambm podemos recuperar parmetros de URL. Para isso, basta definir argumentos com os
mesmos nomes desses parmetros nos mtodos associados s operaes do HTTP. Veja o exemplo
abaixo
1 public class CursosController : ApiController
2 {
3
...
4
// GET http :// localhost : < PORTA_APP >/ api / cursos ? sigla = K32
5
public Curso [] GetCurso ( string sigla )
6
{
7
...
8
}
9
...
10 }
Cdigo C# A.5: CursosController.cs

Considere o cdigo a seguir.


1 public class CursosController : ApiController
2 {
3
...
4
// POST http :// localhost : < PORTA_APP >/ api / cursos
5
public void PostCurso ( Curso curso )
6
{
7
...
8
}
9
...

www.facebook.com/k19treinamentos

191

ASP.NET W EB API

192

10 }
Cdigo C# A.6: CursosController.cs

O mtodo PostCurso() ser associado a operao POST do HTTP. Os valores dos parmetros enviados dentro de uma requisio do tipo POST url http://localhost:<PORTA_APP>/api/cursos
sero armazenados automaticamente pelo ASP.NET Web API nas propriedades do argumento curso
do mtodo PostCurso() de acordo com o nome dessas propriedades e dos nomes dos parmetros
enviados. Por exemplo, o valor do parmetro Nome ser armazenado dentro da propriedade Nome
caso ambos existam.

Media Type
Por padro, o ASP NET Web API utiliza os headers Content-type e Accept para definir o media
type dos dados de entrada e sada. No exemplo anterior, se uma requisio do tipo GET for realizada
url //POSThttp://localhost:<PORTA_APP>/api/cursos com header Accept: application/json,
o resource correspondente ser apresentado em formato JSON.

Exerccios de Fixao

Crie um projeto do tipo ASP.NET MVC 4 Web Application chamado WebApi no Visual Studio
2012 Express for Web. Utilize o template Basic Project.
1

2
Vamos definir o nosso primeiro webservice utilizando web api. Para isso, adicione uma classe
para modelar cursos na pasta Models.

1 namespace WebApi . Models


2 {
3
public class Curso
4
{
5
static int contador ;
6
7
public Curso ()
8
{
9
Curso . contador ++;
10
this . Id = contador ;
11
}
12
13
public int Id { get ; set ; }
14
public string Sigla { get ; set ; }
15
public string Nome { get ; set ; }
16
}
17 }
Cdigo C# A.7: Curso.cs

3
Agora crie um controlador chamado Cursos para implementar as operaes do webservice. Na
criao desse controlador, selecione o template Empty API Controller.

1 using System ;

192

www.k19.com.br

193
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

ASP.NET W EB API

using
using
using
using
using
using
using

System . Collections . Generic ;


System . Linq ;
System . Net ;
System . Net . Http ;
System . Web . Http ;
LivrariaVirtual . Models ;
System . Web . Mvc ;

namespace WebApi . Controllers


{
public class CursosController : ApiController
{
private static List < Curso > cursos = new List < Curso >
{
new Curso
{
Sigla = " K31 " ,
Nome = " C # e Orientao a Objetos "
},
new Curso
{
Sigla = " K32 " ,
Nome = " Desenvolvimento Web com ASP . NET MVC "
}
};
public List < Curso > Get ()
{
return cursos ;
}
public Curso Get ( string sigla )
{
Curso curso = cursos . Find ( c = > c . Sigla . Equals ( sigla ) ) ;
return curso ;
}
public Curso Get ( int id )
{
Curso curso = cursos . Find ( c = > c . Id == id ) ;
return curso ;
}
public void Post ( Curso curso )
{
cursos . Add ( curso ) ;
}
}
}
Cdigo C# A.8: CursosController.cs

Para testar o webservice que retorna a lista de cursos, basta acessar o seguinte endereo: http:
//localhost:<PORTA_APP>/api/cursos.
4

Teste o webservice que devolve o curso a partir de uma sigla. Basta acessar o seguinte endereo:

http://localhost:<PORTA_APP>/api/cursos?sigla=K31.
Teste o webservice que devolve um curso a partir de um id. Basta acessar o seguinte endereo:
http://localhost:<PORTA_APP>/api/cursos/1.
6

www.facebook.com/k19treinamentos

193

ASP.NET W EB API

194

Defina uma pgina com um formulrio para testar o webservice que adiciona curso. Para isso,
crie um controlador Curso conforme o cdigo abaixo:
7

1
2
3
4
5
6
7
8
9
10
11
12
13

using System . Web . Mvc ;


namespace WebApi . Controllers
{
public class CursoController : Controller
{
public ActionResult Cadastrar ()
{
return View () ;
}
}
}

Cdigo C# A.9: CursoController.cs

Para testar o webservice que adiciona curso, devemos definir a pgina Cadastrar.cshtml.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

@model WebApi . Models . Curso


@{
ViewBag . Title = " Cadastrar " ;
}
< h2 > Cadastrar </ h2 >
@using ( Html . BeginForm ( null , null , FormMethod . Post , new { @action = " / api / cursos " }) )
{
@Html . ValidationSummary ( true )
< fieldset >
< legend > Curso </ legend >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Sigla )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Sigla )
@Html . ValidationMessageFor ( model = > model . Sigla )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Nome )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Nome )
@Html . ValidationMessageFor ( model = > model . Nome )
</ div >
<p >
< input type = " submit " value = " Create " / >
</ p >
</ fieldset >
}
< div >
@Html . ActionLink ( " Back to List " , " Index " )
</ div >
@section Scripts {
@Scripts . Render ( " ~/ bundles / jqueryval " )
}

194

www.k19.com.br

195

ASP.NET W EB API

Cdigo CSHTML A.1: Cadastrar.cshtml

Teste o webservice que adiciona curso atravs do formulrio criado no exerccio anterior. Acesse
o formulrio atravs do seguinte endereo: http://localhost:<PORTA_APP>/Curso/Cadastrar.
Para verificar se o curso foi adicionado, acesse http://localhost:<PORTA_APP>/api/cursos/.
9

www.facebook.com/k19treinamentos

195

ASP.NET W EB API

196

196

www.k19.com.br

APNDICE

P ROJETO

Nos captulos anteriores, vimos os recursos do ASP .NET MVC e do Entity Framework. Agora,
vamos solidificar os conhecimentos obtidos e, alm disso, mostraremos alguns padres e conceitos
relacionados ao desenvolvimento de aplicaes web.
Como exemplo de aplicao desenvolveremos uma aplicao de cadastro de jogadores e selees
de futebol.

Modelo
Por onde comear o desenvolvimento de uma aplicao? Essa uma questo recorrente. Um timo
ponto de partida desenvolver as entidades principais da aplicao. No nosso caso, vamos nos restringir s entidades Selecao e Jogador. Devemos estabelecer um relacionamento entre essas entidades j que um jogador atua em uma seleo.

Exerccios de Fixao

Crie um projeto do tipo ASP .NET MVC 4 Web Application chamado K19-CopaDoMundo seguindo os passos vistos no exerccio do captulo 5.
1

Adicione na pasta Models as seguintes classes.

1 namespace K19CopaDoMundo . Models


2 {
3
public class Selecao
4
{
5
public int Id { get ; set ; }
6
public string Pais { get ; set ; }
7
public string Tecnico { get ; set ; }
8
}
9 }
Cdigo C# B.1: Selecao.cs

1 namespace K19CopaDoMundo . Models


2 {
3
public class Jogador
4
{
5
public int Id { get ; set ; }
6
public string Nome { get ; set ; }
7
public string Posicao { get ; set ; }
8
public DateTime Nascimento { get ; set ; }
9
public double Altura { get ; set ; }
10
public int SelecaoId { get ; set ; }
11
public Selecao Selecao { get ; set ; }

www.facebook.com/k19treinamentos

197

P ROJETO

198

12
}
13 }
Cdigo C# B.2: Jogador.cs

Persistncia - Mapeamento
Depois de definir algumas entidades podemos comear o processo de implementao da persistncia da nossa aplicao. Vamos aplicar os recursos do Entity Framework - Code First que aprendemos nos primeiros captulos. Inicialmente, vamos definir o mapeamento das nossas entidades
atravs de uma classe derivada de DbContext e acrescentar as propriedades referentes a chave primria e chave estrangeira.

Exerccios de Fixao

Adicione as seguintes propriedades e anotaes as classes Selecao e Jogador.


1
2
3
4
5
6
7
8
9
10
11
12
13

using System . ComponentModel . DataAnnotations . Schema ;


namespace K19CopaDoMundo . Models
{
[ Table ( " Selecoes " ) ]
public class Selecao
{
public int Id { get ; set ; }
public string Pais { get ; set ; }
public string Tecnico { get ; set ; }
public virtual List < Jogador > Jogadores { get ; set ; }
}
}
Cdigo C# B.3: Selecao.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

using System . ComponentModel . DataAnnotations . Schema ;


namespace K19CopaDoMundo . Models
{
[ Table ( " Jogadores " ) ]
public class Jogador
{
public int Id { get ; set ; }
public string Nome { get ; set ; }
public string Posicao { get ; set ; }
public DateTime Nascimento { get ; set ; }
public double Altura { get ; set ; }
public int SelecaoId { get ; set ; }
[ InverseProperty ( " Jogadores " ) ]
public virtual Selecao Selecao { get ; set ; }
}
}
Cdigo C# B.4: Jogador.cs

198

www.k19.com.br

199
4

1
2
3
4
5
6
7
8
9
10

B.3. P ERSISTNCIA - M APEAMENTO

Adicione a classe K19CopaDoMundoContext a pasta Models.


using System . Data . Entity ;
namespace K19CopaDoMundo . Models
{
public class K19CopaDoMundoContext : DbContext
{
public DbSet < Selecao > Selecoes { get ; set ; }
public DbSet < Jogador > Jogadores { get ; set ; }
}
}
Cdigo C# B.5: K19CopaDoMundoContext.cs

Persistncia - Configurao
Precisamos definir a nossa string de conexo para que a nossa aplicao utilize a base de dados
k19copadomundo como padro.

Exerccios de Fixao

Acrescente ao arquivo Web.config, que fica na raiz do projeto, a string de conexo.

1 < connectionStrings >


2
< add
3
name = " K19CopaDoMundoContext " providerName = " System . Data . SqlClient "
4
connectionString = " Server =.\ SQLEXPRESS ; Database = k19copadomundo ;
5
User Id = sa ; Password = sa ; Trusted_Connection = False ; MultipleActiveResultSets = True " / >
6
</ connectionStrings >
Cdigo XML B.1: Web.config

Persistncia - Repositrios
Vamos deixar os repositrios para acessar as entidades da nossa aplicao preparados. Os repositrios precisam de DbContexts para realizar as operaes de persistncia. Ento, cada repositrio ter
um construtor para receber um DbContext como parmetro.

Exerccios de Fixao

1
2
3
4
5
6
7
8

Crie uma classe na pasta Models chamada SelecaoRepository.


using System ;
using System . Collections . Generic ;
namespace K19CopaDoMundo . Models
{
public class SelecaoRepository : IDisposable
{
private bool disposed = false ;

www.facebook.com/k19treinamentos

199

P ROJETO
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
}
52 }

200

private K19CopaDoMundoContext context ;


public SelecaoRepository ( K19CopaDoMundoContext context )
{
this . context = context ;
}
public void Adiciona ( Selecao selecao )
{
context . Selecoes . Add ( selecao ) ;
}
public List < Selecao > Selecoes
{
get
{
return context . Selecoes . ToList () ;
}
}
public void Salva ()
{
context . SaveChanges () ;
}
protected virtual void Dispose ( bool disposing )
{
if (! this . disposed )
{
if ( disposing )
{
context . Dispose () ;
}
}
this . disposed = true ;
}
public void Dispose ()
{
Dispose ( true ) ;
GC . SuppressFinalize ( this ) ;
}

Cdigo C# B.6: SelecaoRepository.cs

Analogamente crie um repositrio de jogadores.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

using System ;
using System . Collections . Generic ;
namespace K19CopaDoMundo . Models
{
public class JogadorRepository : IDisposable
{
private bool disposed = false ;
private K19CopaDoMundoContext context ;

200

public JogadorRepository ( K19CopaDoMundoContext context )


{
this . context = context ;
}
public void Adiciona ( Jogador jogador )
{
context . Jogadores . Add ( jogador ) ;

www.k19.com.br

201

B.3. P ERSISTNCIA - M APEAMENTO

19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
}
49 }

}
public List < Jogador > Jogadores
{
get { return context . Jogadores . ToList () ; }
}
public void Salva ()
{
context . SaveChanges () ;
}
protected virtual void Dispose ( bool disposing )
{
if (! this . disposed )
{
if ( disposing )
{
context . Dispose () ;
}
}
this . disposed = true ;
}
public void Dispose ()
{
Dispose ( true ) ;
GC . SuppressFinalize ( this ) ;
}

Cdigo C# B.7: JogadorRepository.cs

Unit of Work
O nico propsito de criar uma classe UnitOfWork ter certeza que quando temos mltiplos
repositrios eles compartilham o mesmo DbContext. Para isto, devemos apenas criar um mtodo
Salva e uma propriedade para cada repositrio.

Exerccios de Fixao

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Crie uma classe UnitOfWork na pasta Models.


using System ;
using System . Collections . Generic ;
namespace K19CopaDoMundo . Models
{
public class UnitOfWork : IDisposable
{
private bool disposed = false ;
private K19CopaDoMundoContext context = new K19CopaDoMundoContext () ;
private SelecaoRepository selecaoRepository ;
private JogadorRepository jogadorRepository ;

public JogadorRepository JogadorRepository


{
get
{

www.facebook.com/k19treinamentos

201

P ROJETO
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
}
61 }

202
if ( jogadorRepository == null )
{
jogadorRepository = new JogadorRepository ( context ) ;
}
return jogadorRepository ;
}

}
public SelecaoRepository SelecaoRepository
{
get
{
if ( selecaoRepository == null )
{
selecaoRepository = new SelecaoRepository ( context ) ;
}
return selecaoRepository ;
}
}
public void Salva ()
{
context . SaveChanges () ;
}
protected virtual void Dispose ( bool disposing )
{
if (! this . disposed )
{
if ( disposing )
{
context . Dispose () ;
}
}
this . disposed = true ;
}
public void Dispose ()
{
Dispose ( true ) ;
GC . SuppressFinalize ( this ) ;
}

Cdigo C# B.8: UnitOfWork.cs

Apresentao - Template
Vamos definir um template para as telas da nossa aplicao. Aplicaremos algumas regras CSS para
melhorar a parte visual das telas.

Exerccios de Fixao

Na pasta Content, altere o arquivo Site.css acrescentando algumas regras CSS.

1 . logo
2 {
3
vertical - align : middle ;
4 }
5

202

www.k19.com.br

203
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

B.3. P ERSISTNCIA - M APEAMENTO

. botao
{
background - color : #064 D83 ;
margin : 0 0 0 20 px ;
color : white ;
text - decoration : none ;
font - size : 20 px ;
line - height : 20 px ;
padding : 5 px ;
vertical - align : middle ;
}
. botao : hover
{
background - color : # cccccc ;
color : #666666;
}
. formulario fieldset
{
float : left ;
margin : 0 0 20 px 0;
border : 1 px solid #333333;
}
. formulario fieldset legend
{
color : #064 D83 ;
font - weight : bold ;
}
. botao - formulario
{
background - color : #064 D83 ;
color : # ffffff ;
padding : 5 px ;
vertical - align : middle ;
border : none ;
}
. titulo
{
color : #064 D83 ;
clear : both ;
}
. tabela
{
border : 1 px solid #064 D83 ;
border - collapse : collapse ;
}
. tabela tr th
{
background - color : #064 D83 ;
color : # ffffff ;
}
. tabela tr th , . tabela tr td
{
border : 1 px solid #064 D83 ;
padding : 2 px 5 px ;
}

/* Styles for validation helpers


-- ------ ------- ------ ------ ------ ------ ------ ------ ------ -- */
. field - validation - error
{
color : # ff0000 ;

www.facebook.com/k19treinamentos

203

P ROJETO
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

204

}
. field - validation - valid
{
display : none ;
}
. input - validation - error
{
border : 1 px solid # ff0000 ;
background - color : # ffeeee ;
}
. validation - summary - errors
{
font - weight : bold ;
color : # ff0000 ;
}
. validation - summary - valid
{
display : none ;
}
Cdigo CSS B.1: Site.css

Copie o arquivo k19-logo.png da pasta K19-Arquivos da sua rea de Trabalho para a pasta
Images.
10

Agora altere o arquivo _Layout.cshtml.

11

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<! DOCTYPE html >


< html lang = " en " >
< head >
< meta charset = " utf -8 " / >
< title > Copa do Mundo </ title >
< link href = " ~/ __TemplateIcon . ico " rel = " shortcut icon " type = " image /x - icon " / >
< meta name = " viewport " content = " width = device - width " / >
@Styles . Render ( " ~/ Content / themes / base / css " , " ~/ Content / css " )
@Scripts . Render ( " ~/ bundles / modernizr " )
</ head >
< body >
< header >
< div class = " content - wrapper " >
< div class = " float - left " >
<p class = " site - title " > < img class = " logo "
src = " ~/ Images / k19 - logo . jpg " alt = " K19 Logo " / > </ p > </ div >
< div class = " float - right " >
< nav >
< ul id = " menu " >
< li > @Html . ActionLink ( " Selecoes " , " Index " , " Selecao " , null , new { @class = " botao " }) </ li >
< li > @Html . ActionLink ( " Jogadores " , " Index " , " Jogador " , null , new { @class = " botao " }) </ li >
</ ul >
</ nav >
</ div >
</ div >
</ header >
< div id = " body " >
@RenderSection ( " featured " , required : false )
< section class = " content - wrapper main - content clear - fix " >
@RenderBody ()
</ section >
</ div >

204

www.k19.com.br

205
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

B.12. C ADASTRANDO E L ISTANDO S ELEES


< footer >

< div class = " content - wrapper " >


< div class = " float - left " >
<p >& copy ; @DateTime . Now . Year - K19 Copa do Mundo </ p >
</ div >
< div class = " float - right " >
< ul id = " social " >
< li > <a href = " http :// facebook . com / k19treinamentos " class = " facebook " > Facebook - K19 Treinamentos </ a > </ li >
< li > <a href = " http :// twitter . com / k19treinamentos " class = " twitter " > Twitter - K19 Treinamentos </ a > </ li >
</ ul >
</ div >
</ div >
</ footer >
@Scripts . Render ( " ~/ bundles / jquery " )
@RenderSection ( " scripts " , required : false )
</ body >
</ html >
Cdigo CSHTML B.1: _Layout.cshtml

Cadastrando e Listando Selees


Na tela de selees, vamos adicionar um formulrio para cadastrar novas selees e uma tabela
para apresentar as j cadastradas. Aplicaremos regras de validao especficas para garantir que nenhum dado incorreto seja armazenado no banco de dados.

Exerccios de Fixao

Para cadastrar a seleo, devemos definir o controlador.

12

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

using
using
using
using
using
using
using
using

System ;
System . Collections . Generic ;
System . Data ;
System . Data . Entity ;
System . Linq ;
System . Web ;
System . Web . Mvc ;
K19CopaDoMundo . Models ;

namespace K19CopaDoMundo . Controllers


{
public class SelecaoController : Controller
{
private UnitOfWork unitOfWork = new UnitOfWork () ;
public ActionResult Create ()
{
return View () ;
}
protected override void Dispose ( bool disposing )
{
unitOfWork . Dispose () ;
base . Dispose ( disposing ) ;
}
}
}

www.facebook.com/k19treinamentos

205

P ROJETO

206

Cdigo C# B.9: SelecaoController.cs

Vamos criar uma tela Create.cshtml para cadastrar as selees. Adicione o arquivo a pasta
Views/Selecoes com o seguinte contedo.
13

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

@model K19CopaDoMundo . Models . Selecao


@{
ViewBag . Title = " Create " ;
}
< h2 > Create </ h2 >
@using ( Html . BeginForm () ) {
@Html . ValidationSummary ( true )
< fieldset >
< legend > Selecao </ legend >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Pais )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Pais )
@Html . ValidationMessageFor ( model = > model . Pais )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Tecnico )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Tecnico )
@Html . ValidationMessageFor ( model = > model . Tecnico )
</ div >
<p >
< input type = " submit " value = " Create " / >
</ p >
</ fieldset >
}
< div >
@Html . ActionLink ( " Listagem de Selees " , " Index " )
</ div >
@section Scripts {
@Scripts . Render ( " ~/ bundles / jqueryval " )
}
Cdigo CSHTML B.2: Create.cshtml

O prximo passo definir a action que ir salvar a seleo no nosso banco de dados. Devemos
tambm acrescentar as validaes a nossa entidade.
14

1 [ HttpPost ]
2 public ActionResult Create ( Selecao selecao )
3 {
4
if ( ModelState . IsValid )
5
{
6
unitOfWork . SelecaoRepository . Adiciona ( selecao ) ;
7
unitOfWork . Salva () ;
8
return RedirectToAction ( " Index " ) ;

206

www.k19.com.br

207

B.12. C ADASTRANDO E L ISTANDO S ELEES

9
}
10
return View ( selecao ) ;
11 }
Cdigo C# B.10: SelecaoController.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

using System . ComponentModel . DataAnnotations . Schema ;


using System . ComponentModel . DataAnnotations ;
namespace K19CopaDoMundo . Models
{
[ Table ( " Selecoes " ) ]
public class Selecao
{
public int Id { get ; set ; }
[ Required ( ErrorMessage = " O campo Pais obrigatrio . " ) ]
public string Pais { get ; set ; }
[ Required ( ErrorMessage = " O campo Tecnico
obrigatrio . " ) ] public string Tecnico { get ; set ; }
public virtual List < Jogador > Jogadores { get ; set ; }
}
}
Cdigo C# B.11: Selecao.cs

Defina a action e a pgina para listar todas as entidades de seleo.

15

1 public ActionResult Index ()


2 {
3
return View ( unitOfWork . SelecaoRepository . Selecoes ) ;
4 }
Cdigo C# B.12: SelecaoController.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

@model IEnumerable < K19CopaDoMundo . Models . Selecao >


@{
ViewBag . Title = " Index " ;
}
< h2 > Index </ h2 >
<p >
@Html . ActionLink ( " Create New " , " Create " )
</ p >
< table >
< tr >
< th >
@Html . DisplayNameFor ( model = > model . Pais )
</ th >
< th >
@Html . DisplayNameFor ( model = > model . Tecnico )
</ th >
< th > </ th >
</ tr >
@foreach ( var item in Model ) {
< tr >
< td >
@Html . DisplayFor ( modelItem = > item . Pais )
</ td >
< td >
@Html . DisplayFor ( modelItem = > item . Tecnico )
</ td >
</ tr >

www.facebook.com/k19treinamentos

207

P ROJETO

208

32 }
33
34 </ table >
Cdigo CSHTML B.3: Index.cshtml

Vamos definir a tela de listagem de Selees como a pgina principal do nosso site. Altere a rota
padro no arquivo RouteConfig.cs.
16

1 routes . MapRoute (
2
name : " Default " ,
3
url : " { controller }/{ action }/{ id } " ,
4
defaults : new { controller = " Selecao " , action = " Index " ,
5
id = UrlParameter . Optional } ) ;
Cdigo C# B.13: RouteConfig.cs

Removendo Selees
Vamos acrescentar a funcionalidade de remover selees.

Exerccios de Fixao

17

Acrescente uma coluna na tabela de listagem de selees.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

@model IEnumerable < K19CopaDoMundo . Models . Selecao >


@{
ViewBag . Title = " Index " ;
}
< h2 > Index </ h2 >
<p >
@Html . ActionLink ( " Create New " , " Create " )
</ p >
< table >
< tr >
< th >
@Html . DisplayNameFor ( model = > model . Pais )
</ th >
< th >
@Html . DisplayNameFor ( model = > model . Tecnico )
</ th >
< th > </ th >
</ tr >
@foreach ( var item in Model ) {
< tr >
< td >
@Html . DisplayFor ( modelItem = > item . Pais )
</ td >
< td >
@Html . DisplayFor ( modelItem = > item . Tecnico )
</ td >

208

www.k19.com.br

209

B.12. C ADASTRANDO E L ISTANDO S ELEES

31
< td >
32
@Html . ActionLink ( " Remover " ," Delete " , new { id = item . Id })
33
</ td >
34
</ tr >
35 }
36
37 </ table >
Cdigo CSHTML B.4: Index.cshtml

Defina um mtodo Busca na classe SelecaoRepository que retorna uma entidade seleo a partir
de um parmetro id.
18

1 public Selecao Busca ( int id )


2 {
3
return context . Selecoes . Find ( id ) ;
4 }
Cdigo C# B.14: SelecaoRepository.cs

Defina uma action Delete que ir mostrar a tela de confirmao de remoo da entidade.

19

1 public ActionResult Delete ( int id )


2 {
3
Selecao selecao = unitOfWork . SelecaoRepository . Busca ( id ) ;
4
return View ( selecao ) ;
5 }
Cdigo C# B.15: SelecaoController.cs

Defina a tela de confirmao de remoo da seleo.

20

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

@model K19CopaDoMundo . Models . Selecao


@{
ViewBag . Title = " Delete " ;
}
< h2 > Remoo de Seleo </ h2 >
< h3 > Voc tem certeza que deseja remover esta seleo ? </ h3 >
< fieldset >
< legend > Selecao </ legend >
< div class = " display - label " >
@Html . DisplayNameFor ( model = > model . Pais )
</ div >
< div class = " display - field " >
@Html . DisplayFor ( model = > model . Pais )
</ div >
< div class = " display - label " >
@Html . DisplayNameFor ( model = > model . Tecnico )
</ div >
< div class = " display - field " >
@Html . DisplayFor ( model = > model . Tecnico )
</ div >
</ fieldset >
@using ( Html . BeginForm () ) {
<p >
< input type = " submit " value = " Delete " / > |

www.facebook.com/k19treinamentos

209

P ROJETO
30
31
32 }

210
@Html . ActionLink ( " Listagem De Selees " , " Index " )

</ p >

Cdigo CSHTML B.5: Delete.cshtml

21
Defina um mtodo na classe SelecaoRepository que remove uma entidade seleo a partir de
um parmetro id.

1 public void Remove ( int id )


2 {
3
Selecao selecao = Busca ( id ) ;
4
context . Selecoes . Remove ( selecao ) ;
5 }
Cdigo C# B.16: SelecaoRepository.cs

Defina a action que remove a seleo do banco de dados.

22

1
2
3
4
5
6
7
8

[ HttpPost ]
[ ActionName ( " Delete " ) ]
public ActionResult DeleteConfirmed ( int id )
{
unitOfWork . SelecaoRepository . Remove ( id ) ;
unitOfWork . Salva () ;
return RedirectToAction ( " Index " ) ;
}
Cdigo C# B.17: SelecoesController.cs

Cadastrando, Listando e Removendo Jogadores


Na tela de jogadores, vamos adicionar um formulrio para cadastrar novos jogadores e uma tabela
para apresentar os j cadastrados. Aplicaremos regras de validao especficas para garantir que nenhum dado incorreto seja armazenado no banco de dados.

Exerccios de Fixao

Para cadastrar o jogador, devemos definir o controlador.

23

1
2
3
4
5
6
7
8
9
10
11
12
13
14

using
using
using
using
using
using
using
using

System ;
System . Collections . Generic ;
System . Data ;
System . Data . Entity ;
System . Linq ;
System . Web ;
System . Web . Mvc ;
K19CopaDoMundo . Models ;

namespace K19CopaDoMundo . Controllers


{
public class JogadorController : Controller
{
private UnitOfWork unitOfWork = new UnitOfWork () ;

210

www.k19.com.br

211
15
16
17
18

B.12. C ADASTRANDO E L ISTANDO S ELEES

public ActionResult Create ()


{
ViewBag . SelecaoId = new SelectList ( unitOfWork . SelecaoRepository . Selecoes , " Id " , " Pais " ) ;
return View () ;
}

19
20
21
22
protected override void Dispose ( bool disposing )
23
{
24
unitOfWork . Dispose () ;
25
base . Dispose ( disposing ) ;
26
}
27
}
28 }

Cdigo C# B.18: JogadorController.cs

Vamos criar uma tela Create.cshtml para cadastrar os jogadores. Adicione o arquivo a pasta
Views/Jogador com o seguinte contedo.
24

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

@model K19CopaDoMundo . Models . Jogador


@{
ViewBag . Title = " Create " ;
}
< h2 > Create </ h2 >
@using ( Html . BeginForm () ) {
@Html . ValidationSummary ( true )
< fieldset >
< legend > Jogador </ legend >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Nome )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Nome )
@Html . ValidationMessageFor ( model = > model . Nome )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Posicao )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Posicao )
@Html . ValidationMessageFor ( model = > model . Posicao )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Nascimento )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Nascimento )
@Html . ValidationMessageFor ( model = > model . Nascimento )
</ div >
< div class = " editor - label " >
@Html . LabelFor ( model = > model . Altura )
</ div >
< div class = " editor - field " >
@Html . EditorFor ( model = > model . Altura )
@Html . ValidationMessageFor ( model = > model . Altura )
</ div >

www.facebook.com/k19treinamentos

211

P ROJETO
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

212
< div class = " editor - label " >
@Html . LabelFor ( model = > model . SelecaoId )
</ div >
< div class = " editor - field " >
@Html . DropDownList ( " SelecaoId " , String . Empty )
@Html . ValidationMessageFor ( model = > model . SelecaoId )
</ div >
<p >

< input type = " submit " value = " Create " / >
</ p >
</ fieldset >
}
< div >
@Html . ActionLink ( " Listagem de Jogadores " , " Index " )
</ div >
@section Scripts {
@Scripts . Render ( " ~/ bundles / jqueryval " )
}
Cdigo CSHTML B.6: Create.cshtml

O prximo passo definir a action que ir salvar o jogador no nosso banco de dados. Devemos
tambm acrescentar as validaes a nossa entidade.
25

1
2
3
4
5
6
7
8
9
10

[ HttpPost ]
public ActionResult Create ( Jogador jogador )
{
if ( ModelState . IsValid )
{
unitOfWork . JogadorRepository . Adiciona ( jogador ) ;
unitOfWork . Salva () ;
return RedirectToAction ( " Index " ) ;
}
ViewBag . SelecaoId = new SelectList ( unitOfWork . SelecaoRepository . Selecoes , " Id " , " Pais " ) ;
return View () ;
}

11
12

Cdigo C# B.19: JogadorController.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

using System . ComponentModel . DataAnnotations . Schema ;


using System . ComponentModel . DataAnnotations ;
namespace K19CopaDoMundo . Models
{
[ Table ( " Jogadores " ) ]
public class Jogador
{
public int Id { get ; set ; }
[ Required ( ErrorMessage = " O campo Nome obrigatrio . " ) ]
public string Nome { get ; set ; }
[ Required ( ErrorMessage = " O campo Posicao
obrigatrio . " ) ] public string Posicao { get ; set ; }
[ Required ( ErrorMessage = " O campo Nascimento
obrigatrio . " ) ]
[ DataType ( DataType . Date ) ]
public DateTime Nascimento { get ; set ; }
[ Required ( ErrorMessage = " O campo Altura
obrigatrio . " ) ]
public double Altura { get ; set ; }
public int SelecaoId { get ; set ; }
[ InverseProperty ( " Jogadores " ) ]
public virtual Selecao Selecao { get ; set ; }

212

www.k19.com.br

213

B.12. C ADASTRANDO E L ISTANDO S ELEES

24
}
25 }
Cdigo C# B.20: Jogador.cs

Defina a action e a pgina para listar todas as entidades de jogador.

26

1 public ActionResult Index ()


2 {
3
return View ( unitOfWork . JogadorRepository . Jogadores ) ;
4 }
Cdigo C# B.21: JogadorController.cs

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

@model IEnumerable < K19CopaDoMundo . Models . Jogador >


@{
ViewBag . Title = " Listagem de Jogadores " ;
}
< h2 > Listagem de Jogadores </ h2 >
<p >
@Html . ActionLink ( " Cadastrar Jogador " ,
</ p >
< table >
< tr >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th > </ th >
</ tr >
@foreach ( var item in Model ) {
< tr >
< td >
@Html . DisplayFor ( modelItem
</ td >
< td >
@Html . DisplayFor ( modelItem
</ td >
< td >
@Html . DisplayFor ( modelItem
</ td >
< td >
@Html . DisplayFor ( modelItem
</ td >
< td >
@Html . DisplayFor ( modelItem
</ td >
</ tr >
}

" Create " )

model . Nome )

model . Posicao )

model . Nascimento )

model . Altura )

model . SelecaoId )

= > item . Nome )

= > item . Posicao )

= > item . Nascimento )

= > item . Altura )

= > item . SelecaoId )

</ table >

www.facebook.com/k19treinamentos

213

P ROJETO

214

Cdigo CSHTML B.7: Index.cshtml

Removendo Jogadores
Vamos acrescentar a funcionalidade de remover jogadores.

Exerccios de Fixao

Acrescente uma coluna na tabela de listagem de jogadores.

27

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

@model IEnumerable < K19CopaDoMundo . Models . Jogador >


@{
ViewBag . Title = " Listagem de Jogadores " ;
}
< h2 > Listagem de Jogadores </ h2 >
<p >
@Html . ActionLink ( " Cadastrar Jogador " ,
</ p >
< table >
< tr >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th >
@Html . DisplayNameFor ( model = >
</ th >
< th > </ th >
</ tr >

" Create " )

model . Nome )

model . Posicao )

model . Nascimento )

model . Altura )

model . SelecaoId )

@foreach ( var item in Model ) {


< tr >
< td >
@Html . DisplayFor ( modelItem = > item . Nome )
</ td >
< td >
@Html . DisplayFor ( modelItem = > item . Posicao )
</ td >
< td >
@Html . DisplayFor ( modelItem = > item . Nascimento )
</ td >
< td >
@Html . DisplayFor ( modelItem = > item . Altura )
</ td >
< td >
@Html . DisplayFor ( modelItem = > item . SelecaoId )
</ td >
< td > @Html . ActionLink ( " Remover " , " Delete " ,
new { id = item . Id }) </ td > </ tr >

214

www.k19.com.br

215

B.12. C ADASTRANDO E L ISTANDO S ELEES

51 }
52 </ table >
Cdigo CSHTML B.8: Index.cshtml

Defina um mtodo Busca na classe JogadorRepository que retorna uma entidade jogador a
partir de um parmetro id.
28

1 public Jogador Busca ( int id )


2 {
3
return context . Jogadores . Find ( id ) ;
4 }
Cdigo C# B.22: JogadorRepository.cs

Defina uma action Delete que ir mostrar a tela de confirmao de remoo da entidade.

29

1 public ActionResult Delete ( int id )


2 {
3
Jogador jogador = unitOfWork . JogadorRepository . Busca ( id ) ;
4
return View ( jogador ) ;
5 }
Cdigo C# B.23: JogadorController.cs

Defina a tela de confirmao de remoo do jogador.

30

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

@model K19CopaDoMundo . Models . Jogador


@{
ViewBag . Title = " Remoo do Jogador " ;
}
< h2 > Remoo do Jogador </ h2 >
< h3 > Voc tem certeza que deseja remover este jogador ? </ h3 >
< fieldset >
< legend > Jogador </ legend >
< div class = " display - label " >
@Html . DisplayNameFor ( model = > model . Nome )
</ div >
< div class = " display - field " >
@Html . DisplayFor ( model = > model . Nome )
</ div >
< div class = " display - label " >
@Html . DisplayNameFor ( model = > model . Posicao )
</ div >
< div class = " display - field " >
@Html . DisplayFor ( model = > model . Posicao )
</ div >
< div class = " display - label " >
@Html . DisplayNameFor ( model = > model . Nascimento )
</ div >
< div class = " display - field " >
@Html . DisplayFor ( model = > model . Nascimento )
</ div >
< div class = " display - label " >

www.facebook.com/k19treinamentos

215

P ROJETO

216

35
@Html . DisplayNameFor ( model = > model . Altura )
36
</ div >
37
< div class = " display - field " >
38
@Html . DisplayFor ( model = > model . Altura )
39
</ div >
40
41
< div class = " display - label " >
42
@Html . DisplayNameFor ( model = > model . SelecaoId )
43
</ div >
44
< div class = " display - field " >
45
@Html . DisplayFor ( model = > model . SelecaoId )
46
</ div >
47 </ fieldset >
48 @using ( Html . BeginForm () ) {
49
<p >
50
< input type = " submit " value = " Delete " / > |
51
@Html . ActionLink ( " Listagem de Jogadores " , " Index " )
52
</ p >
53 }
Cdigo CSHTML B.9: Delete.cshtml

31 Defina um mtodo na classe JogadorRepository que remove uma entidade jogador a partir de
um parmetro id.

1 public void Remove ( int id )


2 {
3
Jogador jogador = context . Jogadores . Find ( id ) ;
4
context . Jogadores . Remove ( jogador ) ;
5 }
Cdigo C# B.24: JogadorRepository.cs

Defina a action que remove o jogador do banco de dados.

32

1
2
3
4
5
6
7
8

[ HttpPost ]
[ ActionName ( " Delete " ) ]
public ActionResult DeleteConfirmed ( int id )
{
unitOfWork . JogadorRepository . Remove ( id ) ;
unitOfWork . Salva () ;
return RedirectToAction ( " Index " ) ;
}
Cdigo C# B.25: JogadoresController.cs

Membership e Autorizao
Na maioria dos casos, as aplicaes devem controlar o acesso dos usurios. Vamos implementar um
mecanismo de autenticao na nossa aplicao utilizando filtro e Membership. As requisies feitas
pelos usurios passaro pelo filtro. A funo do filtro verificar se o usurio est logado ou no. Se
estiver logado o filtro autoriza o acesso. Caso contrrio, o filtro redirecionar o usurio para a tela de
login.

Exerccios de Fixao

216

www.k19.com.br

217
33

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

B.12. C ADASTRANDO E L ISTANDO S ELEES

Adicione a seguinte classe a pasta Models:


using
using
using
using
using

namespace K19CopaDoMundo . Models


{
public class ChangePasswordModel
{
[ Required ]
[ DataType ( DataType . Password ) ]
[ Display ( Name = " Senha " ) ]
public string OldPassword { get ; set ; }
[ Required ]
[ StringLength (100 , ErrorMessage = " O {0} deve ter no mnimo {2} caracteres . " , MinimumLength = 6) ]
[ DataType ( DataType . Password ) ]
[ Display ( Name = " Nova senha " ) ]
public string NewPassword { get ; set ; }

19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

System ;
System . Collections . Generic ;
System . Linq ;
System . Web . Mvc ;
System . ComponentModel . DataAnnotations ;

[ DataType ( DataType . Password ) ]


[ Display ( Name = " Confirmao de senha " ) ]
[ Compare ( " NewPassword " , ErrorMessage = " A senha e a confirmao no conferem . ")]
public string ConfirmPassword { get ; set ; }
}
public class LoginModel
{
[ Required ]
[ Display ( Name = " Usurio " ) ]
public string UserName { get ; set ; }
[ Required ]
[ DataType ( DataType . Password ) ]
[ Display ( Name = " Senha " ) ]
public string Password { get ; set ; }
[ Display ( Name = " Lembrar ? " ) ]
public bool RememberMe { get ; set ; }
}
public class RegisterModel
{
[ Required ]
[ Display ( Name = " Usurio " ) ]
public string UserName { get ; set ; }
[ Required ]
[ DataType ( DataType . EmailAddress ) ]
[ Display ( Name = " Email " ) ]
public string Email { get ; set ; }
[ Required ]
[ StringLength (100 , ErrorMessage = " O {0} deve ter no mnimo {2} caracteres . " , MinimumLength = 6) ]
[ DataType ( DataType . Password ) ]
[ Display ( Name = " Senha " ) ]
public string Password { get ; set ; }
[ DataType ( DataType . Password ) ]
[ Display ( Name = " Confirmao de senha " ) ]
[ Compare ( " Password " , ErrorMessage = " A senha e a confirmao no conferem . " ) ]
public string ConfirmPassword { get ; set ; }
}

www.facebook.com/k19treinamentos

217

P ROJETO

218

66
67 }
Cdigo C# B.26: Usuario.cs

Acrescente a seguinte classe a pasta Controllers.

34

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

using
using
using
using
using
using
using

System ;
System . Collections . Generic ;
System . Linq ;
System . Web ;
System . Web . Mvc ;
System . Web . Security ;
K19CopaDoMundo . Models ;

namespace K19CopaDoMundo . Controllers


{
public class UsuarioController : Controller
{
//
// GET : / Usuario / Login

33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

218

public ActionResult Login ()


{
return View () ;
}
//
// POST : / Usuario / Login
[ HttpPost ]
public ActionResult Login ( LoginModel model , string returnUrl )
{
if ( ModelState . IsValid )
{
if ( Membership . ValidateUser ( model . UserName , model . Password ) )
{
FormsAuthentication . SetAuthCookie ( model . UserName , model . RememberMe ) ;
if ( Url . IsLocalUrl ( returnUrl ) && returnUrl . Length > 1 && returnUrl . StartsWith ( " / " )
&& ! returnUrl . StartsWith ( " // " ) && ! returnUrl . StartsWith ( " /\\ " ) )
{
return Redirect ( returnUrl ) ;
}
else
{
return RedirectToAction ( " Index " , " Selecao " ) ;
}
}
else
{
ModelState . AddModelError ( " " , " O usurio e / ou a senha est incorreto . " ) ;
}
}

return View ( model ) ;


}
//
// GET : / Usuario / LogOff
public ActionResult LogOff ()
{
FormsAuthentication . SignOut () ;
return Redirect ( " / " ) ;

www.k19.com.br

219
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

B.12. C ADASTRANDO E L ISTANDO S ELEES


}
//
// GET : / Usuario / Register
public ActionResult Register ()
{
return View () ;
}
//
// POST : / Usuario / Register
[ HttpPost ]
public ActionResult Register ( RegisterModel model )
{
if ( ModelState . IsValid )
{
// Attempt to register the user
MembershipCreateStatus createStatus ;
Membership . CreateUser ( model . UserName , model . Password , model . Email , null , null , true , null , out createStatus ) ;

81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125

if ( createStatus == MembershipCreateStatus . Success )


{
FormsAuthentication . SetAuthCookie ( model . UserName , false /* createPersistentCookie */ ) ;
return Redirect ( " / " ) ;
}
else
{
ModelState . AddModelError ( " " , ErrorCodeToString ( createStatus ) ) ;
}
}

return View ( model ) ;


}
//
// GET : / Usuario / ChangePassword
[ Authorize ]
public ActionResult ChangePassword ()
{
return View () ;
}
//
// POST : / Usuario / ChangePassword
[ Authorize ]
[ HttpPost ]
public ActionResult ChangePassword ( ChangePasswordModel model )
{
if ( ModelState . IsValid )
{

bool changePasswordSucceeded ;
try
{
MembershipUser currentUser = Membership . GetUser ( User . Identity . Name , true /* userIsOnline */ ) ;
changePasswordSucceeded = currentUser . ChangePassword ( model . OldPassword , model . NewPassword ) ;
}
catch ( Exception )
{
changePasswordSucceeded = false ;

www.facebook.com/k19treinamentos

219

P ROJETO

220

126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190

220

}
if ( changePasswordSucceeded )
{
return RedirectToAction ( " ChangePasswordSuccess " ) ;
}
else
{
ModelState . AddModelError ( " " , " A senha atual ou a confirmao est incorreta .");
}
}

return View ( model ) ;


}
//
// GET : / Usuario / ChangePasswordSuccess
public ActionResult ChangePasswordSuccess ()
{
return View () ;
}
private IEnumerable < string > GetErrorsFromModelState ()
{
return ModelState . SelectMany ( x = > x . Value . Errors . Select ( error = > error . ErrorMessage ) ) ;
}
# region Status Codes
private static string ErrorCodeToString ( MembershipCreateStatus createStatus )
{
// See http :// go . microsoft . com / fwlink /? LinkID =177550 for
// a full list of status codes .
switch ( createStatus )
{
case MembershipCreateStatus . DuplicateUserName :
return " Este nome de usurio j existe . Defina outro usurio . " ;
case MembershipCreateStatus . DuplicateEmail :
return " Este email j foi cadastrado . Defina outro email . " ;
case MembershipCreateStatus . InvalidPassword :
return " Senha incorreta . " ;
case MembershipCreateStatus . InvalidEmail :
return " Email invlido . " ;
case MembershipCreateStatus . InvalidAnswer :
return " Resposta invlida para recuperar a senha . " ;
case MembershipCreateStatus . InvalidQuestion :
return " Questo invlida para recuperar a senha . " ;
case MembershipCreateStatus . InvalidUserName :
return " Usurio invlido . " ;
case MembershipCreateStatus . ProviderError :
return " Ocorreu um erro durante a autenticao . Se o problema persistir , contate o administrador . " ;
case MembershipCreateStatus . UserRejected :
return " O cadastro do usurio foi cancelado . Se o problema persistir , contate o administrador . " ;
default :
return " Um erro inesperado ocorreu . Se o problema persistir , contate o administrador . " ;

www.k19.com.br

221

B.12. C ADASTRANDO E L ISTANDO S ELEES

191
}
192
}
193
# endregion
194
}
195
196 }
Cdigo C# B.27: UsuarioController.cs

Crie uma pasta Usuario na pasta Views e acrescente os quatro arquivos abaixo.

35

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

@model K19CopaDoMundo . Models . ChangePasswordModel


@{
ViewBag . Title = " Alterao de senha " ;
}
< hgroup class = " title " >
< h1 > @ViewBag . Title . </ h1 >
< h2 > Utilize este formulrio para alterar a sua senha . </ h2 >
</ hgroup >
<p class = " message - info " >
Senhas devem ter no mnimo @Membership . MinRequiredPasswordLength caracteres .
</ p >
@using ( Html . BeginForm () ) {
@Html . ValidationSummary ()
< fieldset >
< legend > Alterao de Senha </ legend >
< ol >
< li >
@Html . LabelFor ( m = > m . OldPassword )
@Html . PasswordFor ( m = > m . OldPassword )
</ li >
< li >
@Html . LabelFor ( m = > m . NewPassword )
@Html . PasswordFor ( m = > m . NewPassword )
</ li >
< li >
@Html . LabelFor ( m = > m . ConfirmPassword )
@Html . PasswordFor ( m = > m . ConfirmPassword )
</ li >
</ ol >
< input type = " submit " value = " Alterar Senha " / >
</ fieldset >
}
@section Scripts {
@Scripts . Render ( " ~/ bundles / jqueryval " )
}
Cdigo CSHTML B.10: ChangePassword.cshtml

1
2
3
4
5
6
7
8

@{
ViewBag . Title = " Senha alterada " ;
}
< hgroup class = " title " >
< h1 > @ViewBag . Title . </ h1 >
< h2 > Sua senha foi alterada com sucesso . </ h2 >
</ hgroup >
Cdigo CSHTML B.11: ChangePasswordSuccess.cshtml

www.facebook.com/k19treinamentos

221

P ROJETO
1
2
3
4
5
6
7
8
9
10
11
12
13

222

@model K19CopaDoMundo . Models . LoginModel


@{
ViewBag . Title = " Log in " ;
}
< hgroup class = " title " >
< h1 > @ViewBag . Title . </ h1 >
< h2 > Formulrio de Login </ h2 >
</ hgroup >
@using ( Html . BeginForm ( new { ReturnUrl = ViewBag . ReturnUrl }) ) {
@Html . ValidationSummary ( true , " Login no foi efetuado . Informe os dados corretos . ")

14
15
< fieldset >
16
< legend > Formulrio de Login </ legend >
17
< ol >
18
< li >
19
@Html . LabelFor ( m = > m . UserName )
20
@Html . TextBoxFor ( m = > m . UserName )
21
</ li >
22
< li >
23
@Html . LabelFor ( m = > m . Password )
24
@Html . PasswordFor ( m = > m . Password )
25
</ li >
26
< li >
27
@Html . CheckBoxFor ( m = > m . RememberMe )
28
@Html . LabelFor ( m = > m . RememberMe , new { @class = " checkbox " })
29
</ li >
30
</ ol >
31
< input type = " submit " value = " Log in " / >
32
</ fieldset >
33
<p >
34
@Html . ActionLink ( " Registrar " , " Register " ) .
35
</ p >
36 }
37
38 @section Scripts {
39
@Scripts . Render ( " ~/ bundles / jqueryval " )
40 }
Cdigo CSHTML B.12: Login.cshtml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

@model K19CopaDoMundo . Models . RegisterModel


@{
ViewBag . Title = " Cadastro " ;
}
< hgroup class = " title " >
< h1 > @ViewBag . Title . </ h1 >
< h2 > Cadastrar </ h2 >
</ hgroup >
<p class = " message - info " >
Senhas devem ter no minimo @Membership . MinRequiredPasswordLength caracteres .
</ p >
@using ( Html . BeginForm () ) {
@Html . ValidationSummary ()

222

< fieldset >


< legend > Cadastro </ legend >
< ol >
< li >
@Html . LabelFor ( m = > m . UserName )
@Html . TextBoxFor ( m = > m . UserName )

www.k19.com.br

223

B.12. C ADASTRANDO E L ISTANDO S ELEES

25
</ li >
26
< li >
27
@Html . LabelFor ( m = > m . Email )
28
@Html . TextBoxFor ( m = > m . Email )
29
</ li >
30
< li >
31
@Html . LabelFor ( m = > m . Password )
32
@Html . PasswordFor ( m = > m . Password )
33
</ li >
34
< li >
35
@Html . LabelFor ( m = > m . ConfirmPassword )
36
@Html . PasswordFor ( m = > m . ConfirmPassword )
37
</ li >
38
</ ol >
39
< input type = " submit " value = " Cadastrar " / >
40
</ fieldset >
41 }
42
43 @section Scripts {
44
@Scripts . Render ( " ~/ bundles / jqueryval " )
45 }
Cdigo CSHTML B.13: Register.cshtml

36

Adicione o seguinte partial View _LoginPartial.cshtml a pasta Shared.

1 @if ( Request . IsAuthenticated ) {


2
<p >
3
Ol , @Html . ActionLink ( User . Identity . Name , " ChangePassword " , " Usuario " , routeValues : null , htmlAttributes : new { @class = " username " , title = " Alterar senha " }) !
4
@Html . ActionLink ( " Sair " , " LogOff " , " Usuario " )
5
</ p >
6 } else {
7
< ul >
8
< li > @Html . ActionLink ( " Cadastrar " , " Register " , " Usuario " , routeValues : null , htmlAttributes : new { id = " registerLink " }) </ li >
9
< li > @Html . ActionLink ( " Entrar " , " Login " , " Usuario " , routeValues : null , htmlAttributes : new { id = " loginLink " }) </ li >
10
</ ul >
11 }
Cdigo CSHTML B.14: _LoginPartial.cshtml

37

Altere o arquivo _Layout.cshtml.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<! DOCTYPE html >


< html lang = " en " >
< head >
< meta charset = " utf -8 " / >
< title > Copa do Mundo </ title >
< link href = " ~/ __TemplateIcon . ico " rel = " shortcut icon " type = " image /x - icon " / >
< meta name = " viewport " content = " width = device - width " / >
@Styles . Render ( " ~/ Content / themes / base / css " , " ~/ Content / css " )
@Scripts . Render ( " ~/ bundles / modernizr " )
</ head >
< body >
< header >
< div class = " content - wrapper " >
< div class = " float - left " >
<p class = " site - title " > < img class = " logo " src = " ~/ Images / k19 - logo . jpg " alt = " K19 Logo " / > </ p >
16
</ div >
17
< div class = " float - right " >

www.facebook.com/k19treinamentos

223

P ROJETO
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

224

< section id = " login " >


@Html . Partial ( " _LoginPartial " )
</ section >
< nav >
< ul id = " menu " >
< li > @Html . ActionLink ( " Selecoes " , " Index " , " Selecao " , null , new { @class = " botao " }) </ li >
< li > @Html . ActionLink ( " Jogadores " , " Index " , " Jogador " , null , new { @class = " botao " }) </ li >
</ ul >
</ nav >
</ div >
</ div >
</ header >
< div id = " body " >
@RenderSection ( " featured " , required : false )
< section class = " content - wrapper main - content clear - fix " >
@RenderBody ()
</ section >
</ div >
< footer >
< div class = " content - wrapper " >
< div class = " float - left " >
<p >& copy ; @DateTime . Now . Year - K19 Copa do Mundo </ p >
</ div >
< div class = " float - right " >
< ul id = " social " >
< li > <a href = " http :// facebook . com / k19treinamentos " class = " facebook " > Facebook - K19 Treinamentos </ a > </ li >
< li > <a href = " http :// twitter . com / k19treinamentos " class = " twitter " > Twitter - K19 Treinamentos </ a > </ li >
</ ul >
</ div >
</ div >
</ footer >
@Scripts . Render ( " ~/ bundles / jquery " )
@RenderSection ( " scripts " , required : false )
</ body >
</ html >
Cdigo CSHTML B.15: _Layout.cshtml

Adicionando um Usurio Administrador com ASP .NET Configuration


Antes de definir o filtro Authorize nos controladores de nosso site, vamos criar um usurio com
acesso. A maneira mais fcil de criar o usurio atravs do ASP .NET Configuration.

Exerccios de Fixao

38

Execute o ASP .NET Configuration que fica na aba Solution Explorer do Visual Studio.

Isto executar um ambiente de configurao. Abra a aba Security e clique no link Enable
roles.
39

40

224

Posteriormente, clique em Create or manage roles.


www.k19.com.br

225

B.12. C ADASTRANDO E L ISTANDO S ELEES

41

Defina um role Administrador e clique Add Role.

42

Clique no boto back e crie um usurio.

43

Defina um usurio admin e senha admink19!.

Autorizao Role-based
Podemos restringir o acesso as pginas com o filtro Authorize e podemos especificar o role que
o usurio precisa ter para ter acesso a pgina.

Exerccios de Fixao

44 Altere o filtro de autenticao no Web.config para redirecionar o usurio para a action Login do
controlador Usuario.

1 < authentication mode = " Forms " >


2
< forms loginUrl = " ~/ Usuario / Login " timeout = " 2880 " / >
3 </ authentication >
Cdigo XML B.2: Web.config

Acrescente a seguinte string de conexo no arquivo Web.config para definir o local que as informaes dos usurios sero armazenadas (No nosso caso, teremos duas strings de conexo).
45

1 < connectionStrings >


2
< add
3
name = " K19CopaDoMundoContext " providerName = " System . Data . SqlClient "
4
connectionString = " Server =.\ SQLEXPRESS ; Database = k19copadomundo ;
5
User Id = sa ; Password = sa ; Trusted_Connection = False ; MultipleActiveResultSets = True " / >
6
<! -- Definindo o provedor para o Membership -- >
7
< add
8
name = " DefaultConnection " providerName = " System . Data . SqlClient "
9
connectionString = " Server =.\ SQLEXPRESS ; Database = k19copadomundo ;
10
User Id = sa ; Password = sa ; Trusted_Connection = False ; MultipleActiveResultSets = True " / >
11
</ connectionStrings >
Cdigo XML B.3: Web.config

Acrescente o filtro de autenticao nos controladores Selecoes e Jogadores atravs do atributo


Authorize.
46

1 [ Authorize ( Roles = " Administrador " ) ]


2 public class SelecaoController : Controller
Cdigo C# B.28: SelecaoController.cs

1 [ Authorize ( Roles = " Administrador " ) ]


2 public class JogadorController : Controller

www.facebook.com/k19treinamentos

225

P ROJETO

226

Cdigo C# B.29: JogadorController.cs

Controle de Erro
Podemos configurar uma pgina de erro padro para ser utilizada toda vez que um erro ocorrer.

Exerccios de Fixao

Acrescente ao arquivo Web.config a tag customErrors para especificar a pgina de erro padro.
A tag customErrors fica dentro da tag system.web.
47

1
2
3
4
5
6
7

< system . web >


...
< customErrors mode = " On " defaultRedirect = " ~/ Erro / Desconhecido " >
< error statusCode = " 404 " redirect = " ~/ Erro / PaginaNaoEncontrada " / >
</ customErrors >
...
</ system . web >
Cdigo XML B.4: Web.config

Defina o controlador Erro e as pginas de erros padro. As pginas de erro padro sero criadas
dentro da pasta Views numa subpasta Erro.
48

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

using
using
using
using
using

System ;
System . Collections . Generic ;
System . Linq ;
System . Web ;
System . Web . Mvc ;

namespace K19CopaDoMundo . Controllers


{
public class ErroController : Controller
{
//
// GET : / Erro / Desconhecido
public ActionResult Desconhecido ()
{
return View () ;
}
//
// GET : / Erro / PaginaNaoEncontrada
public ActionResult PaginaNaoEncontrada ()
{
return View () ;
}
}
}
Cdigo C# B.30: ErroController.cs

226

www.k19.com.br

227
1
2
3
4
5
6
7
8
9
10
11
12
13

B.12. C ADASTRANDO E L ISTANDO S ELEES

@{
Layout = null ;
}
<! DOCTYPE html >

< html >


< head >
< meta name = " viewport " content = " width = device - width " / >
< title > Problema no servidor </ title >
</ head >
< body >
< h2 > Desculpe , tivemos problema em nosso servidor . Volte dentro de alguns instantes . </ h2 >
14 </ body >
15 </ html >
Cdigo CSHTML B.16: Desconhecido.cshtml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

@{
Layout = null ;
}
<! DOCTYPE html >
< html >
< head >
< meta name = " viewport " content = " width = device - width " / >
< title > Pgina no encontrada </ title >
</ head >
< body >
< h2 > Pgina no encontrada </ h2 >
</ body >
</ html >
Cdigo CSHTML B.17: PaginaNaoEncontrada.cshtml

Enviando email
Quando um erro ocorre na nossa aplicao, podemos permitir que o usurio envie uma email para
os administradores do sistema. Para enviar as mensagens, podemos utilizar o Web

Exerccios de Fixao

49 Altere a tela de erro adicionando um formulrio para o usurio escrever uma mensagem para os
administradores da aplicao.

1
2
3
4
5
6
7
8
9
10
11
12

@{
Layout = null ;
}
<! DOCTYPE html >
< html >
< head >
< meta name = " viewport " content = " width = device - width " / >
< title > Problema no servidor </ title >
</ head >
< body >

www.facebook.com/k19treinamentos

227

P ROJETO
13
14
15
16
17
18
19
20
21
22
23
24
25
26

228

< h2 > Desculpe , tivemos problema em nosso servidor . Volte dentro de alguns instantes . </ h2 >
<p > Envie uma mensagem para os administradores do sistema . </ p >
@using ( Html . BeginForm ( " Envia " , " Email " ) )
{
< div class = " editor - label " >
@Html . Label ( " Mensagem " )
</ div >
< div class = " editor - field " >
@Html . TextArea ( " Mensagem " )
</ div >
< input type = " submit " value = " Enviar " / >
}
</ body >
</ html >
Cdigo CSHTML B.18: Desconhecido.cshtml

Crie um controlador que envie as mensagens por email utilizando o helper WebMail. Observao, utilize usurios, senhas e emails vlidos do gmail para este exerccio.
50

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

using
using
using
using
using
using

System ;
System . Collections . Generic ;
System . Linq ;
System . Web ;
System . Web . Mvc ;
System . Web . Helpers ;

namespace K19CopaDoMundo . Controllers


{
public class EmailController : Controller
{
public EmailController ()
{
WebMail . SmtpServer = " smtp . gmail . com " ;
WebMail . EnableSsl = true ;
WebMail . SmtpPort = 587;
WebMail . From = " USUARIO@gmail . com " ;
WebMail . UserName = " USUARIO@gmail . com " ;
WebMail . Password = " SENHA " ;
}
//
// POST : / Email / Envia
[ HttpPost ]
public ActionResult Envia ( string mensagem )
{
WebMail . Send ( " EMAIL " , " Copa do Mundo - Erro " , mensagem ) ;
return View () ;
}
}
}
Cdigo C# B.31: EmailController.cs

Crie uma pgina Envia.cshtml para mostrar ao usurio que a mensagem foi enviada com sucesso e acrescente um link para a pgina inicial do site.
51

1 @{
2
3 }

228

Layout = null ;

www.k19.com.br

229
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

B.12. C ADASTRANDO E L ISTANDO S ELEES

<! DOCTYPE html >


< html >
< head >
< title > Envia </ title >
</ head >
< body >
< div >
Mensagem enviada com sucesso .
</ div >
< div >
@Html . ActionLink ( " Voltar para pgina inicial " , " Index " , " Selecoes " )
</ div >
</ body >
</ html >
Cdigo CSHTML B.19: Envia.cshtml

www.facebook.com/k19treinamentos

229

P ROJETO

230

230

www.k19.com.br

APNDICE

R ESPOSTAS

Exerccio Complementar 2.1


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

using System . Data . Odbc ;


namespace Odbc
{
class InsereLivro
{
static void Main ( string [] args )
{
string stringDeConexao = @ " driver ={ SQL Server };
server = MARCELO - PC \ SQLEXPRESS ; database = livraria ; uid = sa ; pwd = sa ; " ;
System . Console . Write ( " Digite o Ttulo do Livro : " ) ;
string titulo = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Preo do Livro : " ) ;
string preco = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Id da Editora do Livro : " ) ;
string editoraId = System . Console . ReadLine () ;
string textoInsereEditora =
@ " INSERT INTO Livros ( Titulo , Preco , EditoraId )
VALUES ( " + titulo + @ " , " + preco + @ " , " + editoraId + " ) " ;
using ( OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) )
{
OdbcCommand command = new OdbcCommand ( textoInsereEditora , conexao ) ;
conexao . Open () ;
command . ExecuteNonQuery () ;
}
}
}
}
Cdigo C# 2.9: InsereLivro.cs

Exerccio Complementar 2.3

1 using System . Data . Odbc ;


2
3 namespace Odbc
4 {
5
class InsereLivro
6
{
7
static void Main ( string [] args )
8
{
9
string stringDeConexao = @ " driver ={ SQL Server };
10
server = MARCELO - PC \ SQLEXPRESS ; database = livraria ; uid = sa ; pwd = sa ; " ;

www.facebook.com/k19treinamentos

231

R ESPOSTAS
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
}
36
}
37 }

232

System . Console . Write ( " Digite o Ttulo do Livro : " ) ;


string titulo = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Preo do Livro : " ) ;
string preco = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Id da Editora do Livro : " ) ;
string editoraId = System . Console . ReadLine () ;
string textoInsereEditora =
@ " INSERT INTO Livros ( Titulo , Preco , EditoraId ) VALUES (? ,? ,?) " ;
using ( OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) )
{
OdbcCommand command = new OdbcCommand ( textoInsereEditora , conexao ) ;
command . Parameters . AddWithValue ( " @Titulo " , titulo ) ;
command . Parameters . AddWithValue ( " @Preco " , preco ) ;
command . Parameters . AddWithValue ( " @EditoraId " , editoraId ) ;
conexao . Open () ;
command . ExecuteNonQuery () ;
}

Cdigo C# 2.14: InsereLivro.cs

Exerccio Complementar 2.5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

using System . Data . Odbc ;


namespace Odbc
{
class ListaLivro
{
static void Main ( string [] args )
{
string stringDeConexao = @ " driver ={ SQL Server };
server = MARCELO - PC \ SQLEXPRESS ; database = livraria ; uid = sa ; pwd = sa ; " ;
using ( OdbcConnection conexao = new OdbcConnection ( stringDeConexao ) )
{
string textoListaEditora = " SELECT * FROM Livros " ;
OdbcCommand command = new OdbcCommand ( textoListaEditora , conexao ) ;
conexao . Open () ;
OdbcDataReader resultado = command . ExecuteReader () ;
while ( resultado . Read () )
{
long ? id = resultado [ " Id " ] as long ?;
string titulo = resultado [ " Titulo " ] as string ;
double ? preco = resultado [ " Preco " ] as double ?;
long ? editoraId = resultado [ " EditoraId " ] as long ?;
System . Console . WriteLine ( " {0} : {1} - {2} - {3}\ n " ,
id , titulo , preco , editoraId ) ;
}
}
}
}
}

232

www.k19.com.br

233

R ESPOSTAS

Cdigo C# 2.21: ListaLivro.cs

Exerccio Complementar 2.6

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

using System . Data . Odbc ;


namespace Odbc
{
class InsereLivro
{
static void Main ( string [] args )
{
System . Console . Write ( " Digite o Ttulo do Livro : " ) ;
string titulo = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Preo do Livro : " ) ;
string preco = System . Console . ReadLine () ;
System . Console . Write ( " Digite o Id da Editora do Livro : " ) ;
string editoraId = System . Console . ReadLine () ;
string textoInsereEditora =
@ " INSERT INTO Livros ( Titulo , Preco , EditoraId ) VALUES (? ,? ,?) " ;
using ( OdbcConnection conexao = ConnectionFactory . CreateConnection () )
{
OdbcCommand command = new OdbcCommand ( textoInsereEditora , conexao ) ;
command . Parameters . AddWithValue ( " @Titulo " , titulo ) ;
command . Parameters . AddWithValue ( " @Preco " , preco ) ;
command . Parameters . AddWithValue ( " @EditoraId " , editoraId ) ;
conexao . Open () ;
command . ExecuteNonQuery () ;
}
}
}
}
Cdigo C# 2.26: InsereLivro.cs

1 using System . Data . Odbc ;


2
3 namespace Odbc
4 {
5
class ListaLivro
6
{
7
static void Main ( string [] args )
8
{
9
using ( OdbcConnection conexao = ConnectionFactory . CreateConnection () )
10
{
11
string textoListaEditora = " SELECT * FROM Livros " ;
12
OdbcCommand command = new OdbcCommand ( textoListaEditora , conexao ) ;
13
conexao . Open () ;
14
OdbcDataReader resultado = command . ExecuteReader () ;
15
16
while ( resultado . Read () )
17
{
18
long ? id = resultado [ " Id " ] as long ?;
19
string titulo = resultado [ " Titulo " ] as string ;
20
double ? preco = resultado [ " Preco " ] as double ?;

www.facebook.com/k19treinamentos

233

R ESPOSTAS

234

21
long ? editoraId = resultado [ " EditoraId " ] as long ?;
22
23
System . Console . WriteLine ( " {0} : {1} - {2} - {3}\ n " ,
24
id , titulo , preco , editoraId ) ;
25
}
26
}
27
}
28
}
29 }
Cdigo C# 2.27: ListaLivro.cs

Exerccio Complementar 6.1

1
2
3
4
5
6
7
8

@{
ViewBag . Title = " Index " ;
}
@for ( int i = 0; i < 10; i ++)
{
< h2 > Ol @i </ h2 >
}
Cdigo CSHTML 6.10: Index.cshtml

234

www.k19.com.br

Anda mungkin juga menyukai