Você está na página 1de 244

TRE INAME NTO S

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

i 1 2 3 4 1 1 2 2 4 6 9 10 23 24 25 25 26 26 27 28 28 29 30 30 31 32 32
i

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

www.facebook.com/k19treinamentos

S UMRIO

ii

2.15 Exerccios de Fixao . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.16 Exerccios Complementares . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.17 Desaos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 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 Congurao . . . . . . . . . . . . . . . . . . 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 . . . . . . . . . . . . . . . . . . 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 especca . 4.8 Gerando Script SQL . . . . . . . . . . . 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 . . . . . . . . . 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 . . . . . . . . . . .

33 35 35 37 37 37 38 39 40 41 47 50 55 55 57 59 61 61 67 71 73 74 75 77 78 79 79 80 80 81 82 83 88 88 89 93 93 95 96 97 99 102 111 115 118 124

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

. . . . . . . . . .

ii

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 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 181 182 183 183 185 189 189 190 190 190 192 192
iii

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

. . . . . . . .

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 Identicando 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 11 Tratamento de Erros 11.1 Try-Catch . . . . . . . 11.2 Custom Errors . . . . 11.3 Http Errors . . . . . . 11.4 Exerccios de Fixao 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

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . . . . . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

. . . . . .

www.facebook.com/k19treinamentos

S UMRIO

iv

B Projeto B.1 Modelo . . . . . . . . . . . . . . . . . . . . . . . . B.2 Exerccios de Fixao . . . . . . . . . . . . . . . . B.3 Persistncia - Mapeamento . . . . . . . . . . . . B.4 Exerccios de Fixao . . . . . . . . . . . . . . . . B.5 Persistncia - Congurao . . . . . . . . . . . . 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 . . . . . . . . . . . . . . . . C Respostas

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

iv

www.k19.com.br

S UMRIO

Sobre a K19
A K19 uma empresa especializada na capacitao de desenvolvedores de software. Sua equipe composta por prossionais formados em Cincia da Computao pela Universidade de So Paulo (USP) e que possuem vasta experincia em treinamento de prossionais 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

TR

S TO EN AM EIN TREINAMENTOS TR EIN AM EN TO

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 diculdades a serem consideradas na persistncia de dados.

Segurana: O acesso s informaes potencialmente condenciais 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 grca 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 especcas 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 conguraes. 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 m 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. Cliente idade cpf 27 31875638735 32 30045667856 Conta saldo 1000 2000

nome Jos Maria

numero 1 2

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 denir 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 ca 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 classicados 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 denio 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 gura abaixo:

www.facebook.com/k19treinamentos

11

B ANCO DE D ADOS

12

Crie uma nova base de dados chamada livraria, conforme mostrado na gura 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 guras abaixo.

www.facebook.com/k19treinamentos

13

B ANCO DE D ADOS

14

Altere os campos para torn-los obrigatrios, NO permitindo que eles quem 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. Dena ele com a propriedade Identity segundo a gura abaixo:

Crie uma tabela chamada Livros conforme as guras 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 gura 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 Specication.

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 gura abaixo:

Adicione alguns registros na tabela Livros. Veja exemplos na gura 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

20

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

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


www.k19.com.br

20

21

B ANCO DE D ADOS

10

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 gura abaixo:
12

22

www.k19.com.br

CAPTULO
SELECT * FROM tbl_funcionarios WHERE nome LIKE %jonas%; INSERT INTO tbl_funcionarios (nome, codigo, salario) VALUES (Rafael, 1234, 1000);
www.k19.com.br

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.

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.

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 denem 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.
rollback

getReference persist begin getTransaction commit

find

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

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

1011010111 0010110001 1010111101 0111011100 0101101001 1101011101 0010110011

1011010111 0010110001 1010111101 0111011100 0101101001 1101011101 0010110011

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 denidos 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 deniu uma especicao 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 especicao com o intuito de populariz-lo. Os drivers de conexo que respeitam a especicao 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; Denir 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 denidas 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: Denindo a string de conexo

Aps a denio 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 deni-lo em linguagem SQL de acordo com a sintaxe do SGDB utilizado.
26
www.k19.com.br

27
1 string textoDoComando = @ " INSERT INTO Editoras ( Nome , Email ) 2 VALUES ( Abril , abril@email . com ) ; " ;

ADO.NET

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 m, 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 nalizar 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3

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 xao. 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 1 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 denida 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
4

30

Altere o cdigo da classe InsereEditora para eliminar o problema do SQL Injection. Observe o cdigo abaixo:
1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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 denir 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 signica 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
6

32

Insira algumas editoras utilizando a classe InsereEditora que voc criou nos exerccios anteriores. 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 1 11 12 13 14 15 16 17 18 19 2 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 ( " { } : {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 car 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 dicultando 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
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 " ; 1 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 ) ; 2 connectionString . Append ( " ; pwd = " ) ; 21 connectionString . Append ( senha ) ; 22 23 return new OdbcConnection ( connectionString . ToString () ) ; 24 } 25 }
Cdigo C# 2.22: ConnectionFactory.cs

ADO.NET

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

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

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

www.facebook.com/k19treinamentos

33

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

34

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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3

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 () ) 1 { 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 ; 2 string email = resultado [ " Email " ] as string ; 21 System . Console . WriteLine ( " { } : {1} - {2}\ n " ,id , nome , email ) ;

34

www.k19.com.br

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

ADO.NET

Exerccios Complementares

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

Desaos

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
Driver Oracle ODBC Driver SQL Server ODBC

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 denidas 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 denidas atravs de um mecanismo independente da linguagem SQL.

SELECT TOP 100 * FROM livros ORDER BY autor ASC

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

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 conito 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 denir 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 = 1 nome = Livraria Cultura Livro id = 2 titulo = Vidas Secas autor = Graciliano Ramos editora = 1 tbl_livros id 1 2 3 4 titulo Os Lusadas Vidas Secas Dom Casmurro O Cortio autor Lus Vaz de Cames Graciliano Ramos Machado de Assis Alusio Azevedo editora_id 1 1 3 2 id 1 2 3 4 nome Cultura FTDA Globo Scipione

ORIENTAO A OBJETOS

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 1 2 3 4 titulo Os Lusadas Vidas Secas Dom Casmurro O Cortio autor Lus Vaz de Cames Graciliano Ramos Machado de Assis Alusio Azevedo editora_id 1 1 3 2

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


Cames editora = 1

Livro

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

FERRAMENTA 1 Os Lusadas 2 Vidas Secas ORM


3 4 Dom Casmurro O Cortio

id

titulo

autor Lus Vaz de Cames Graciliano Ramos Machado de Assis Alusio Azevedo

editora_id 1 1 3 2

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

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

Congurao
O Entity Framework fortemente baseado no conceito de Conveno sobre Congurao. Dessa forma, nenhuma congurao 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 conguraes de conexo com o banco de dados, podemos deni-las no arquivo de congurao da aplicao. Para aplicaes web, devemos alterar o arquivo Web.cong. Por outro lado, para aplicaes desktop, devemos alterar o arquivo App.cong. Veja o exemplo abaixo.
1 <? xml version = " 1. " ? > 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 ; 1 User Id = sa ; 11 Password = sa ; 12 Persist Security Info = true ; 13 MultipleActiveResultSets = True " / > 14 </ connectionStrings > 15 </ configuration >
Cdigo XML 3.1: App.cong

Quando o Entity Framework instalado em um projeto do Visual Studio 2012, as conguraes padro so inseridas explicitamente no arquivo de congurao da aplicao. Contudo, essas conguraes 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 denidas 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 denir 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
4 { 5 public DbSet < Editora > Editoras { get ; set ; } 6 public DbSet < Livro > Livros { get ; set ; } 7 } 8 }
Cdigo C# 3.3: K19Context.cs

42

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 denir 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 qualied 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 } 1 }
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 modicar o nome da base de dados escolhido por padro. Para isso, basta adicionar um construtor na classe que dene 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 identicador 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 denida 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 identicador de uma entidade for numrico, os valores da coluna correspondente a essa propriedade sero gerados pelo banco de dados. Isso signica que, no SQL Server, a coluna ser denida 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 ; } 1 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
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

44

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 denida 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 denido na entidade Editora ao invs de ser denido 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 denido 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 denida como propriedade e de forma anloga uma coleo de livros for denida 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
3 public int LivroID { get ; set ; } 4 5 public ICollection < Editora > Editoras { get ; set ; } 6 }
Cdigo C# 3.17: Livro.cs

46

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
4 }

E NTITY F RAMEWORK

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 1 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 ; } 1 } 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 ; } 1 } 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 ; } 1 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 ; } 1 } 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
1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 53 54 55 56 57 } { Nome = " Amanda Guerra " , Endereco = new Endereco { Logradouro = " Rua Amalera " , Numero = 1789 , CEP = " 157 - 1 " } }; Aluno a2 = new Aluno { Nome = " Marcelo Martins " , Endereco = new Endereco { Logradouro = " Rua Zaul " , Numero = 29 7 , CEP = " 9147 - 1 " } }; Professor p = new Professor { Nome = " Jonas Hirata " , Endereco = new Endereco { Logradouro = " Rua Mervelha " , Numero = 8367 , CEP = " 876 -1 " } }; Turma t = new Turma { Vagas = 1 , Alunos = new List < Aluno >() }; t . Professor = p ; t . Alunos . Add ( a1 ) ; t . Alunos . Add ( a2 ) ; ctx . Turmas . Add ( t ) ; ctx . SaveChanges () ; } } }

50

Cdigo C# 3.28: Teste.cs

Execute o projeto K19EntityFramework e consulte o banco de dados para vericar 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 denidos 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 denir explicitamente, qual propriedade ser mapeada como chave primria atravs da anotao Key. No exemplo abaixo, a propriedade Codigo foi denida 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 denida explicitamente como obrigatria atravs da anotao Required. No banco de dados, as colunas correspondentes s propriedades obrigatrias sero denidas 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: Denindo propriedades obrigatrias

MaxLength e MinLength
52
www.k19.com.br

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

E NTITY F RAMEWORK

Figura 3.16: Denindo 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 1 }
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
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 ; } 1 }
Cdigo C# 3.38: Pessoa.cs

54

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 ; } 1 }
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 1 [ 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
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 ; } 1 }
Cdigo C# 3.41: Livro.cs

E NTITY F RAMEWORK

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 ; } 1 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 modicaes 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 identicador 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 identicador 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 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 () ;

56

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 modicar as suas propriedades. Quando as propriedades de um objeto do contexto so alteradas, o estado Modied 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 " ) ; 1 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 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 } 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 () ; } } }

58

Cdigo C# 3.49: InsereAluno.cs

Nas propriedades do projeto K19EntityFramework, altere o statup object selecionando a classe InsereAluno. Depois execute o projeto.

13

Adicione uma classe no projeto K19EntityFramework chamada ListaAluno.


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

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

Nas propriedades do projeto K19EntityFramework, altere o statup object selecionando a classe ListaAluno. Depois execute o projeto.

14

Adicione uma classe no projeto K19EntityFramework chamada AlteraAluno.


www.k19.com.br

58

59
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) ; 1 a . Nome = a . Nome + " ALTERADO " ; 11 12 ctx . SaveChanges () ; 13 } 14 } 15 } 16 }
Cdigo C# 3.51: AlteraAluno.cs

E NTITY F RAMEWORK

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) ; 1 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 sucientes 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 diculdades 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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 congurao. 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


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

64

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 ; } 1 } 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 denir o comportamento do Code First Migrations para o nosso contexto. A classe parcial InitialCreate dene 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 denidas na Migration, devemos utilizar o comando Update-Database. Para utilizar o comando Add-Migration necessrio denir o nome da Migration a ser adicionada. O nome da Migration que adicionaremos ser AddTelefoneToEditora.

A classe que dene 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 denidas 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


3

68

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


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

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

Crie uma classe K19Context e adicione a propriedade DbSet para mapear a entidade Editora.
using System . Data . Entity ; namespace CodeFirstMigrations { class K19Context : DbContext { public DbSet < Editora > Editoras { get ; set ; } } }
Cdigo C# 4.6: K19Context.cs

1 2 3 4 5 6 7 8 9

Crie uma classe Program de teste para cadastrar as editoras.


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

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

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.

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

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

Cdigo C# 4.8: Editora.cs

Execute novamente o projeto. Verique 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

Verique que uma pasta chamada Migrations com dois arquivos: <DATA>_InitialCreate.cs e Conguration.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

Verique 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
7 8 9 1 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 " ) ; } }

C ODE F IRST M IGRATIONS

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

Verique 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 denir 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 ; } 1 } 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


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 1 [ ForeignKey ( " EditoraId " ) ] 11 public virtual IList < Livro > Livros { get ; set ; } 12 } 13 }
Cdigo C# 4.11: Editora.cs

72

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 dene 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, verique 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 ; } 1 } 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


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

74

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.

Verique 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 denio 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 ; } 1 } 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 " , 1 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 ; } 1 public string TelefoneCelular { get ; set ; } 11 } 12 }
Cdigo C# 4.18: Pessoa.cs

Para que as alteraes sejam reetidas 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, verique 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 { 1 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 " ) ; 2 } 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 { 1 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 } 2 }
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 especca


O Code First Migrations permite ao desenvolvedor fazer a migrao para uma verso especca. possvel, por exemplo, desfazer as alteraes e voltar para uma verso anterior atravs do comando Update-Database. Basta denir 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 denir o estado inicial e a verso nal 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 denidas 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 eciente 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 eciente 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

Aplicao Web
Requisio HTTP

TP

HT

qu

isi

Re

www.k19.com.br

www.k19.com.br

Cursos

Artigos

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 especcos 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 eciente. 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

qu Re aH st TT P
www.k19.com.br

isi Re o sp

HT

TP
Resposta HTTP

Re sp o st a HT TP

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 gura 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 vericar 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 denidos 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 denidos na pasta Controllers da aplicao. Considere a classe K19Controller denida 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 () ; 1 } 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 dene o controlador sem o suxo 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 uxo de execuo deve seguir para a camada de apresentao, o mtodo Index() invoca o mtodo View() e devolve a resposta obtida. Por padro, o uxo 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
2

V ISO G ERAL DO ASP.NET MVC

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

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


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

86

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


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

88

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 conguraes padres do Entity Framework podem ser alteradas atravs do arquivo Web.cong. Por m, 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, dena 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 ; } 1 } 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 ; } 1 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 denidos 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 denir como esses dados sero apresentados para os usurios da aplicao. O uxo 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 uxo if e else. Veja os exemplos abaixo.
1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 @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 1 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 = 2 { ; i < 5; i ++)

94

www.k19.com.br

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

C AMADA DE A PRESENTAO

1 2 3 4 5 6 7 8

<% for ( int i = ; 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
2

96

Adicione um controlador chamado Home no projeto CamadaDeApresentacao utilizando o template Empty MVC Controller. Nesse controlador, dena uma ao chamada Index.
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 () ; 1 } 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 = ; i < 1 ; 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 = ; i < 1 ; 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

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


www.k19.com.br

96

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 denir 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 double numero = new Random () . NextDouble () ; if ( numero < .5) { ViewBag . X = " K19 TREINAMENTOS " ; } else { ViewBag . X = 1 ; }
Cdigo C# 6.3: Adcicionando chaves dinamicamente na ViewBag

98

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 suciente 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 xar, 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 xado, o compilador capaz de vericar 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 denir 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: Denindo 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
1 @using K19 . Models 2 @model Editora
Cdigo CSHTML 6.14: Utilizando o comando using

C AMADA DE A PRESENTAO

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, dena 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 } 1 } 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 ; } 1 } 11 }
Cdigo C# 6.6: Aluno.cs

Adicione um controlador chamado Aluno utilizando o template Empty MVC Controller. Nesse controlador, dena 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 " , 1 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 1 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.

10

Adicione uma ao no controlador Aluno.


... public ActionResult Lista () { ICollection < Aluno > lista = new List < Aluno >() ; for ( int i = ; 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

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

11

Adicione uma tela associada ao Lista do controlador Aluno com o seguinte contedo.
@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 )

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

www.facebook.com/k19treinamentos

101

C AMADA DE A PRESENTAO
17 { 18 < tr > 19 < td > @a . AlunoID </ td > 2 < td > @a . Nome </ td > 21 < td > @a . Email </ td > 22 </ tr > 23 } 24 </ table >
Cdigo HTML 6.3: Lista.cshtml

102

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 modicado. Veremos como o formato das urls pode ser congurado 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 denir 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 =
Cdigo CSHTML 6.21: Acrescenta parmetros de url

, Final = 1

})

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 denir 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: Denindo 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
1 public class K19Controller : Controller 2 { 3 // POST : / K19 / Home 4 [ HttpPost ] 5 public ActionResult Home () 6 { 7 ... 8 return View () ; 9 } 1 }
Cdigo C# 6.9: Anotando uma ao com HttpPost

104

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 } 1 }
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
3 public Boolean Aceito { get ; set ; } 4 }
Cdigo C# 6.11: Contrato.cs

C AMADA DE A PRESENTAO

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 = " 2 " 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 verique a existncia das propriedades associadas aos elementos dos formulrios. Por exemplo, considere o cdigo a seguir.
106
www.k19.com.br

107
1 @Html . CheckBox ( " Aceito " , false )
Cdigo CSHTML 6.34: Utilizando o helper CheckBox

C AMADA DE A PRESENTAO

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 vericar 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 = " 2 " 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 @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

108

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 @model K19 . Models . Pessoa ... @Html . TextBoxFor ( x = > x . Nome ) ...

108

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
7 < h2 > Edio de Editora </ h2 > 8 9 @using ( Html . BeginForm () ) { 1 @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 2 < 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 3 < input type = " submit " value = " Salvar " / > 31 }
Cdigo CSHTML 6.43: Edit.cshtml

110

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 1 11 12 13 14 15 16 17 18 19 2 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 ) @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 )

110

www.k19.com.br

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

C AMADA DE A PRESENTAO

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 1 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 ) ] 1 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 = " { : yyyy - MM - dd } " ) ] 2 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
12

112

Adicione uma ao no controlador Aluno com o seguinte cdigo.


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

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

13

Adicione uma pgina associada ao Editar do controlador Aluno.


@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

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

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

14

Altere o exerccio anterior, porm utilizando HTML Helpers.


@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

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

112

www.k19.com.br

113

C AMADA DE A PRESENTAO

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

15

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

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

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

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

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

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
8 public string Nome { get ; set ; } 9 1 public string Email { get ; set ; } 11 } 12 }
Cdigo C# 6.16: Aluno.cs

114

Para testar, acesse a url http://localhost:<PORTA_APP>/Aluno/Editar. OBS: repare que o campo correspondente propriedade AlunoID no exibido no formulrio.

18

Altere o exerccio anterior e utilize o HTML Helper EditorForModel.


@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

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

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 ; } 1 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 2 [ DataType ( DataType . Date ) ] 21 [ DisplayFormat ( ApplyFormatInEditMode = true , DataFormatString = " { : 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 , 1 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

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

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

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 modicados. 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 denido em um Layout. Dessa forma, qualquer alterao facilmente realizada modicando-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 dene a formatao padro.

www.facebook.com/k19treinamentos

115

C AMADA DE A PRESENTAO
1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 <! 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

116

No layout denido 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 denir o seu prprio ttulo. Por m, o mtodo RenderBody() indica onde o contedo denido em cada pgina ser adicionado. recomendado que os arquivos que denam 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 dicultaria 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 denido, 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
1 < 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

C AMADA DE A PRESENTAO

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

O _ViewStart.cshtml permite denirmos um cdigo que ser executado antes de cada pgina ser renderizada. Nesse arquivo podemos denir, 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 especcos de cada pgina, no h mais necessidade de denir a propriedade Layout em cada arquivo especco.

Lacunas
Tambm podemos criar sees em um layout para serem preenchidas com contedos especcos denidos nas pginas. Considere o seguinte layout.
1 2 3 4 5 6 7 8 9 1 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 denir o contedo de uma seo, devemos utilizar o cdigo @section. Observe o cdigo de uma pgina que utiliza o layout criado anteriormente e dene a seo Sidebar.
1 2 3 4 5 6 7 8 9 1 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
22

C AMADA DE A PRESENTAO

Crie um arquivo chamado K19Layout.cshtml dentro da pasta Shared que ca na pasta Views do projeto CamadaDeApresentacao. Este arquivo servir de modelo para as pginas da nossa aplicao.
1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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 denido no exerccio anterior.

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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
24

120

Dena a pgina K19Layout.cshtml como layout padro para todas as telas. Altere o arquivo _ViewStart.cshtml da pasta Views.
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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39

... header , # main , footer { width : 98 px ; margin : auto ; } header { border - bottom : 1 px solid #666666; padding : 1 px ; } header span { font - size : 2 px ; vertical - align : middle ; } header img { height : 8 px ; margin : 2 px ; vertical - align : middle ; } footer { border - top : 1 px solid #666666; padding : 1 px ; margin - top : 2 px ; text - align : center ; font - size : 1 px ; } # toolbar { background : #999999; width : 97 px ; margin : 1 px auto ; padding : 3 px 5 px ; }

120

www.k19.com.br

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

C AMADA DE A PRESENTAO

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

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

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

27

Dena a seo Toolbar nas seguintes pginas.


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

1 2 3 4 5 6 7

www.facebook.com/k19treinamentos

121

C AMADA DE A PRESENTAO
8 9 1 11 12 13 14 15 16 } < h2 > Editar </ h2 > @using ( Html . BeginForm () ) { @Html . EditorForModel () < input type = " submit " value = " Enviar " / > }
Cdigo CSHTML 6.59: Editar.cshtml

122

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3

@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

Dena 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

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

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 denem as telas parciais de uma aplicao ASP .NET MVC devem iniciar com o caractere _.

Por m, 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 > 1 </ 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 denir 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 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 denida no cdigo acima.
1 2 3 4 5 6 7 8 9 1 <! -- ~/ 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 1

<! -- ~/ 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 ; } 1 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 = ; i < 1 ; i ++) 1 { 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
2 return View ( posts ) ; 21 } 22 } 23 }
Cdigo C# 6.20: PostController.cs

C AMADA DE A PRESENTAO

31

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

1 2 3 4 5 6 7 8 9

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 > 1 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 denem 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 suxo Controller. A classe deve implementar a interface System.Web.Mvc.IController ou herdar da classe System.Web.Mvc.Controller.

Raramente, voc denir uma classe para criar um controlador implementando a interface IController. Comumente as classes que denem 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 denir 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 denir 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 verica na tabela de rotas o controlador e a ao associados url da requisio realizada. Essa tabela denida 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 denido 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 denido 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 especcos 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 especicar o nome do arquivo que dene 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 especicar o nome do arquivo que dene 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
1 return PartialView () ;

C AMADA DE C ONTROLE

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 especca. 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 denir 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 1 11 12 < 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

132

No cdigo acima, criamos um formulrio HTML com os parmetros nome e email. Esses parmetros sero recuperados na ao Salva denida 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
5 6 7 8 9 1 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 ; }

C AMADA DE C ONTROLE

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 } 1 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 { 2 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 () ; 3 31 return RedirectToAction ( " Lista " ) ; 32 }

www.facebook.com/k19treinamentos

133

C AMADA DE C ONTROLE
33 } 34 }
Cdigo C# 7.19: ProdutoController.cs

134

Adicione uma tela associada ao Lista do controlador Produto com o seguinte contedo.
@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

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

Adicione uma tela associada ao Cadastra do controlador Produto com o seguinte contedo.
@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

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

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 } 1 11 [ HttpGet ] 12 public ActionResult Cadastra () 13 { 14 return View () ; 15 } 16 17 [ HttpPost ] 18 public ActionResult Cadastra ( Produto p ) 19 { 2 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 1 ... [ 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
1 @if ( TempData [ " Mensagem " ] != null ) 2 { 3 <p > @TempData [ " Mensagem " ] </ p > 4 }
Cdigo CSHTML 7.2: Recuperando dados armazenados na propriedade TempData

136

Exerccios de Fixao

Altere a ao Cadastra do controlador Produto.


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

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

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


@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

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

136

www.k19.com.br

137

C AMADA DE C ONTROLE

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

10

Altere novamente a ao Cadastra do controlador Produto.


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

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

11

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


@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

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

Teste a aplicao acessando a url http://localhost:<PORTA_APP>/Produto/Cadastra. Verique 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 denido 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: RouteCong.cs

O primeiro argumento do mtodo MapRoute o nome da rota, o segundo a expresso que dene 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: RoutesCong.cs

Importante
As rotas so processadas na ordem em que foram inseridas. Portanto, importante denir as rotas mais especcas 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: RoutesCong.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 denido na url da requisio. Por exemplo, http://localhost:<PORTA_APP>/Catalogo/2 . 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: RoutesCong.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 denir parmetros opcionais, devemos utilizar parmetros do tipo nullable type nas aes, pois quando o parmetro no estiver denido 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, modique o arquivo RouteCong.cs da pasta App_Start.
12

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

www.facebook.com/k19treinamentos

139

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

140

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

Adicione uma rota no projeto CamadaDeControle. Para isso, modique o arquivo RouteCong.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: RouteCong.cs

OBS: A rota ProdutoListaPorPreco deve ser adicionada antes da rota Default. Altere a ao Lista do controlador Produto.
... 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

14

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

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

. Al-

15

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

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

140

www.k19.com.br

141
6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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 Modique 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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 1 11 12 13 14 15 16 17 18 19 2 @{ 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

142

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

142

www.k19.com.br

CAPTULO
)
Cdigo C# 8.1: Denindo as regras de validao Cdigo C# 8.2: Denindo as mensagens de erro de validao

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 denir a lgica de validao na camada de controle.
1 if ( editora . Nome == null || editora . Nome . Trim () . Length == 2 { 3 // Erro de Validao 4 }

O segundo passo denir 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 == ) 2 { 3 ModelState . AddModelError ( " Nome " , " O campo Nome obrigatrio " ) ; 4 }

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 especicamente nas aes. Se algum erro for encontrado, o uxo 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 == ) 5 { 6 ModelState . AddModelError ( " Nome " , " O campo Nome obrigatrio . " ) ; 7 } 8 if ( ModelState . IsValid ) 9 {

www.facebook.com/k19treinamentos

143

VALIDAO
1 11 12 13 14 15 16 17 18 } db . Editoras . Add ( editora ) ; TempData [ " mensagem " ] = " A editora foi cadastrada com sucesso ! " ; return RedirectToAction ( " Index " ) ; } else { return View ( " Cadastra " ) ; }

144

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 1 11 12 13 14 15 16 17 18 19 2 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 especco sero apresentados pelo ValidationSummary().
1 @model LivrariaVirtual . Models . Editora 2 3 @{

144

www.k19.com.br

145
4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 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

VALIDAO

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 1 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
5 public DbSet < Jogador > Jogadores { get ; set ; } 6 } 7 }
Cdigo C# 8.5: K19Context.cs

146

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 } 1 11 [ HttpGet ] 12 public ActionResult Cadastra () 13 { 14 return View () ; 15 } 16 17 [ HttpPost ] 18 public ActionResult Cadastra ( Jogador j ) 19 { 2 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.
@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 >

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

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

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

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.


... [ 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 <= || j . Numero >= 1 ) { ModelState . AddModelError ( " Numero " , " O nmero do jogador deve ser maior que e menor que 1 } if ( j . Altura == null || j . Altura < ) { 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 ) ; } }

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

");

www.facebook.com/k19treinamentos

147

VALIDAO
33 ...
Cdigo C# 8.7: JogadorController.cs

148

Altere o formulrio de cadastro de jogador. Para isso, modique o arquivo Cadastra.cshtml da pasta Views/Jogador.
8

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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 denidas 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 uxo 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 1 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 ; } 1 11 [ Required ( ErrorMessage = " O nmero do jogador obrigatrio " ) ] 12 [ Range (1 , 99 , 13 ErrorMessage = " O nmero do jogador deve ser maior que e menor que 1 14 public int ? Numero { get ; set ; } 15 16 [ Required ( ErrorMessage = " A altura do jogador obrigatria " ) ] 17 [ Range ( , double . MaxValue , 18 ErrorMessage = " A altura do jogador no pode ser negativa " ) ] 19 public double ? Altura { get ; set ; } 2 } 21 }
Cdigo C# 8.11: Jogador.cs

")]

10

Altere a ao Cadastra do controlador Jogador.


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

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

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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 @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

VALIDAO

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

Identicando os navegadores
Para aplicar a ideia de Sesso, necessrio ter a capacidade de identicar o navegador que est requisitando a aplicao a cada requisio. Uma primeira abordagem seria utilizar o endereo IP da mquinas para identicar os navegadores. Porm, nessa abordagem, dois navegadores executando na mesma mquina no poderiam ser identicados individualmente. Outra abordagem deixar a cargo do servidor a criao de um identicador nico para cada navegador conectado. Quando um navegador faz a primeira requisio para a aplicao, o servidor deve gerar um identicador nico para esse navegador e envi-lo na resposta HTTP. A partir da segunda requisio, os navegadores devem enviar para a aplicao o identicador recebido na primeira requisio. Desta maneira, a aplicao saber qual o navegador que est realizando uma requisio. Os navegadores podem enviar os seus respectivos identicadores de diferentes formas. As mais utilizadas so:

Reescrita de URL Nesta abordagem, os identicadores so embutidos nos links e botes das pginas da aplicao. Quando os links ou botes so clicados pelo usurio, o identicador enviado para a aplicao. Uma desvantagem que todas as pginas devem ser geradas dinamicamente para adicionar o identicador 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 identicadores gerados em cookies. Dessa forma, a cada requisio, o servidor receber um cookie contendo o identicador.

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 } 1 }
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 } 1 }
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 congurado 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 identicao 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.Cong

Podemos personalizar nossa sesso, modicando alguns atributos da tag <sessionState>. Por exemplo, podemos determinar o tempo de timeout das sesses. Veja o exemplo abaixo.
1 < sessionState mode = " InProc " timeout = " 3 " / >
Cdigo XML 9.2: Web.Cong

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

Exerccios de Fixao

www.facebook.com/k19treinamentos

155

S ESSO
1

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.

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 >() ; 1 } 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 @{ 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

S ESSO

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 { 1 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 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 53 54 } 55 } public ActionResult Adicionar ( int id = { 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 = ) { 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 ; } )

158

Cdigo C# 9.8: CarrinhoController.cs

Adicione uma tela associada ao Index do controlador Carrinho com o seguinte contedo.
@model Sessao . Models . Carrinho @{ ViewBag . Title = " Index " ; } < h2 > Index </ h2 > @Html . ActionLink ( " Cancelar carrinho " , " Cancelar " ) < ul > @{ int i = ; 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

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

Altere o layout _Layout de acordo com o cdigo abaixo.


www.k19.com.br

158

159
1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 @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

S ESSO

www.facebook.com/k19treinamentos

159

S ESSO

160

160

www.k19.com.br

CAPTULO
Cdigo C# 10.1: EditoraController.cs

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, denir 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 1 11 12 13 ... public ActionResult Cadastra () { if ( Session [ " Cliente " ] != null ) { return base . View () ; } else { return base . RedirectToAction ( " Index " , " Login " ) ; } } ...

No exemplo acima, caso um usurio tente adicionar uma editora atravs do formulrio de cadastro, a ao Cadastra vericar se o usurio j est logado. Essa vericao 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 ltros. Um ltro semelhante a um mtodo que executado antes ou depois de uma ao.

Tipos de Filtros
O ASP.NET MVC possui 4 (quatro) tipos de ltros:
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 ltro retorna a resposta 4 1 HTTP Unauthorized. Se o ltro for adicionado ao controlador, todas as aes tero o acesso restrito.

Importante
Este ltro executado antes dos outros ltros.

Ao
Este ltro executado antes ou depois da ao ser executada. Este ltro chamado depois do ltro de autorizao e antes do ltro de resultado.

Resultado
O ltro de resultado executado antes ou depois do resultado da ao ser processado. Este ltro permite alterarmos a maneira como o resultado da ao gerado.

Exceo
Este ltro utilizado para tratar as excees. Este ltro executado quando ocorre uma exceo no mtodo ou nos ltros da ao.

Filtro de Autorizao
Os ltros 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 dene 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 4 1 HTTP status. Se a aplicao estiver congurada 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 congurada para utilizar o ASP.NET Forms Authentication automaticamente.

Para o nosso primeiro exemplo, podemos utilizar o ltro 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 identique). 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 ltro 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 ltro 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 ltro 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 = " 288 " / > 3 </ authentication >
Cdigo XML 10.1: Web.Cong

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 vericar 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: Vericando 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: Vericando 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
3

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

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 1 11

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 ;

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

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 4 } 41 } } } public ActionResult Sair () { Session . Abandon () ; return RedirectToAction ( " Formulario " ) ; }

166

Cdigo C# 10.12: AutenticadorController.cs

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 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
4 { 5 private K19Context db = new K19Context () ; 6 7 public ActionResult Index () 8 { 9 return View ( db . Produtos . ToList () ) ; 1 } 11 12 public ActionResult Cadastrar () 13 { 14 if ( Session [ " Usuario " ] != null ) 15 { 16 return View () ; 17 } 18 else 19 { 2 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 ) 3 { 31 db . Produtos . Add ( produto ) ; 32 db . SaveChanges () ; 33 return RedirectToAction ( " Index " ) ; 34 } 35 return View ( produto ) ; 36 } 37 38 39 } 4 }
Cdigo C# 10.13: ProdutoController.cs

F ILTROS

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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
3 < td > 31 @Html . DisplayFor ( modelItem = > item . Nome ) 32 </ td > 33 < td > 34 @Html . DisplayFor ( modelItem = > item . Preco ) 35 </ td > 36 37 </ tr > 38 } 39 4 </ table >
Cdigo CSHTML 10.2: Index.cshtml

168

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 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
7

F ILTROS

Ao invs de usar sesso, vamos utilizar o ltro de autorizao do ASP.NET MVC. Primeiro, devemos alterar as aes Entrar e Sair do controlador Autenticador.
1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 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 1 11 12 13 14 15 16 17 18 19 2 < 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

170

Dena 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 = " 288 " / > </ authentication > ...
Cdigo XML 10.2: Web.cong

Acesse o endereo http://localhost:<PORTA_APP>/Produto/Cadastra. Verique o funcionamento do ltro de autorizao que redirecionar os usurios que no esto logados para a url denida no arquivo Web.config.

Filtro de Ao
Os ltros de ao so executados antes ou depois de uma ao. Todos os ltros 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 ltro de aes podemos, por exemplo, salvar as informaes das requisies num arquivo de log. Para isto, basta denirmos uma classe que implementa a interface IActionFilter:
170
www.k19.com.br

171
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 1 } 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 : { } , IP : {1} , Data / Hora : {2} , Url : {3} " , 2 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 } 3 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 } 4 var path = Path . Combine ( logPath , filename ) ; 41 LoggingFilter . logFilePath = path ; 42 } 43 return LoggingFilter . logFilePath ; 44 } 45 }
Cdigo C# 10.17: LoggingFilter.cs

F ILTROS

Para aplicar o ltro a todos os controladores e todas aes, basta deni-lo como global. Para denir LoggingFilter como global, basta adicion-lo coleo de ltros 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: FilterCong.cs

Exerccios de Fixao
www.facebook.com/k19treinamentos

171

F ILTROS

172

11

Adicione uma pasta Filters ao projeto Filtros.

12

Crie um ltro 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 ) 1 { 11 12 } 13 14 public void OnActionExecuting ( ActionExecutingContext filterContext ) 15 { 16 SaveInfo ( filterContext ) ; 17 } 18 19 private void SaveInfo ( ControllerContext context ) 2 { 21 string info = String . Format ( " Usurio : { } , 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 ) ; 3 } 31 } 32

172

www.k19.com.br

173
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 { 4 Directory . CreateDirectory ( logPath ) ; 41 } 42 var path = Path . Combine ( logPath , filename ) ; 43 LoggingFilter . logFilePath = path ; 44 } 45 return LoggingFilter . logFilePath ; 46 } 47 } 48 }

F ILTROS

Cdigo C# 10.19: LoggingFilter.cs

Dena o ltro 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 } 1 } 11 }

Cdigo C# 10.20: FilterCong.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 verique, 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 ltro 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 denir um ltro 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 ltro 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 ltros 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 ) 1 { 11 this . duration . Stop () ; 12 string info = string . Format ( " Durao total : { } ms " , duration . ElapsedMilliseconds ); 13 filterContext . HttpContext . Response . Write ( info ) ; 14 } 15 }
Cdigo C# 10.22: ElapsedTimeAttribute.cs

Para aplicar o ltro, 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 ltro para medir o tempo entre a execuo de uma ao e a gerao do resultado. Dica: Utilize a classe ActionFilterAttribute para criar o ltro.
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 } 1 11 public override void OnResultExecuted ( ResultExecutedContext filterContext ) 12 { 13 this . duration . Stop () ; 14 string info = string . Format ( " Durao total : { } ms " , duration . ElapsedMilliseconds ) ; 15 filterContext . HttpContext . Response . Write ( info ) ; 16 } 17 } 18 }
Cdigo C# 10.24: ElapsedTimeAttribute.cs

Adicione o ltro ElapsedTimeAttribute ao Index do controlador Produto. Para adicionar o ltro, 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 1 } 11 12 ... 13 14 }
Cdigo C# 10.25: ProdutoController.cs

Acesse o seguinte endereo: http://localhost:<PORTA_APP>/produto. Verique que a durao do tempo entre a execuo da ao e a gerao do resultado mostrada na tela.

Filtro de Exceo
Os ltros de exceo so executados quando ocorrem excees nas aes ou nos ltros. Os ltros de exceo devem implementar a interface IExceptionFilter.
176
www.k19.com.br

177
1 public interface IExceptionFilter 2 { 3 void OnException ( ExceptionContext filterContext ) ; 4 }
Cdigo C# 10.26: IExceptionFilter.cs

F ILTROS

O ASP .NET MVC contm a classe HandleErrorAttribute que uma implementao padro de IExceptionFilter. O ltro 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 ltrar os erros do tipo InvalidOperationException e retornar a pgina OperacaoInvalida da pasta Views/Shared. A segunda anotao ltrar todas as excees e retornar a pgina padro Error da pasta Views/Shared. necessrio habilitar o elemento customErrors no arquivo Web.cong para o ltro 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 denida 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

Dena 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 1

@model Filtros . Models . Produto @{ ViewBag . Title = " Visualizar " ; } < h2 > Visualizar </ h2 > < fieldset > < legend > Produto </ legend >

www.facebook.com/k19treinamentos

177

F ILTROS
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 " > 2 @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

178

Verique o funcionamento da ao Visualizar, acessando os seguintes endereos:

http://localhost:<PORTA_APP>/produto/visualizar?posicao= 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:

18

Adicione um ltro para tratar a exceo do tipo ArgumentOutOfRangeException.


[ 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

1 2 3 4 5 6 7

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 ltro 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.cong

Acesse o seguinte endereo:

http://localhost:<PORTA_APP>/produto/visualizar?posicao=-1
O ltro 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 zessem. 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 justicativa 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 justicativa 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 identicados atravs do comando try-catch, que pode ser colocados nos mtodos que denem as aes dos controladores. Ao identicar 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 1 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 1 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 ca 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 congurar o ASP .NET MVC para utilizar pginas de erro padro. O primeiro passo alterar o arquivo de congurao 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.Cong

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 1 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 congurada 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 especca para ele.
1 2 3 4 5 6 7 8 9 1 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 congurao, podemos especicar 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 = " 4 4 " redirect = " ~/ ErrorPage / NotFound " / > </ customErrors > ...
Cdigo XML 11.2: Web.Cong

De acordo com o cdigo anterior, devemos denir 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 } 1 }
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 () ; 1 } 11 12 } 13 }
Cdigo C# 11.3: TesteController.cs

Acesse o seguinte endereo http://localhost:<PORTA_APP>/Teste/TestaErro e verique 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 1 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
4

186

Altere o cdigo do arquivo Error.cshtml da pasta Views\Shared conforme o cdigo abaixo:


@{ 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

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

Acesse novamente o endereo http://localhost:<PORTA_APP>/Teste/TestaErro e verique 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 congurar 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.cong

Acesse o endereo http://localhost:<PORTA_APP>/Teste/TestaErro e verique a pgina de erro.


7 Vamos denir 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 1 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 1 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 denir 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 = " 4 4 " redirect = " ~/ ErrorPage / NotFound " / > </ customErrors > ... < system . web > ...
Cdigo XML 11.4: Web.cong

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 identicador nico globalmente. Os identicadores so utililzados para acessar os respectivos resources. Particularmente, em uma rede HTTP, os resources so identicados por URIs(Uniform Resource Identier - http://tools.ietf.org/html/rfc3986). Por exemplo, a URI www.k19.com.br/cursos identica 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 > 1 </ 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 xo de operaes deve ser denido 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 denidos 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 denidas 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: RouteCong.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 prexo 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 ... 1 }
Cdigo C# A.3: CursosController.cs

Na rota padro do ASP .NET Web API, um parmetro opcional chamado id foi denido. Quando esse parmetro estiver presente em uma requisio do tipo GET, podemos recuperar o valor dele em um mtodo cujo nome possua o prexo 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 ... 1 }
Cdigo C# A.4: CursosController.cs

Tambm podemos recuperar parmetros de URL. Para isso, basta denir 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 ... 1 }
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
1 }
Cdigo C# A.6: CursosController.cs

192

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 denir 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 denir 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 ++; 1 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 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 ;

ASP.NET W EB API

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
7

194

Dena uma pgina com um formulrio para testar o webservice que adiciona curso. Para isso, crie um controlador Curso conforme o cdigo abaixo:
1 2 3 4 5 6 7 8 9 1 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 denir a pgina Cadastrar.cshtml.
@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 " ) }

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

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 vericar 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
Cdigo C# B.1: Selecao.cs

P ROJETO

Nos captulos anteriores, vimos os recursos do ASP .NET MVC e do Entity Framework. Agora, vamos solidicar 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 }

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 ; } 1 public int SelecaoId { get ; set ; } 11 public Selecao Selecao { get ; set ; }

www.facebook.com/k19treinamentos

197

P ROJETO
12 } 13 }
Cdigo C# B.2: Jogador.cs

198

Persistncia - Mapeamento
Depois de denir 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 denir 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 1 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 1 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

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

1 2 3 4 5 6 7 8 9 1

Persistncia - Congurao
Precisamos denir 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.cong, que ca 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.cong

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

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 ;

1 2 3 4 5 6 7 8

www.facebook.com/k19treinamentos

199

P ROJETO
9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 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.


using System ; using System . Collections . Generic ; namespace K19CopaDoMundo . Models { public class JogadorRepository : IDisposable { private bool disposed = false ; private K19CopaDoMundoContext context ; public JogadorRepository ( K19CopaDoMundoContext context ) { this . context = context ; } public void Adiciona ( Jogador jogador ) { context . Jogadores . Add ( jogador ) ;

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

200

www.k19.com.br

201
19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 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 ) ; }

B.3. P ERSISTNCIA - M APEAMENTO

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

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 ;

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

public JogadorRepository JogadorRepository { get {

www.facebook.com/k19treinamentos

201

P ROJETO
18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 53 54 55 56 57 58 59 6 } 61 } 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 ) ; }

202

Cdigo C# B.8: UnitOfWork.cs

Apresentao - Template
Vamos denir 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 53 54 55 56 57 58 59 6 61 62 63 64 65 66 67 68 69 7 71 72 73 74 75 . botao { background - color : # 64 D83 ; margin : 2 px ; color : white ; text - decoration : none ; font - size : 2 px ; line - height : 2 px ; padding : 5 px ; vertical - align : middle ; } . botao : hover { background - color : # cccccc ; color : #666666; } . formulario fieldset { float : left ; margin : 2 px ; border : 1 px solid #333333; } . formulario fieldset legend { color : # 64 D83 ; font - weight : bold ; } . botao - formulario { background - color : # 64 D83 ; color : # ffffff ; padding : 5 px ; vertical - align : middle ; border : none ; } . titulo { color : # 64 D83 ; clear : both ; } . tabela { border : 1 px solid # 64 D83 ; border - collapse : collapse ; } . tabela tr th { background - color : # 64 D83 ; color : # ffffff ; } . tabela tr th , . tabela tr td { border : 1 px solid # 64 D83 ; padding : 2 px 5 px ; }

B.3. P ERSISTNCIA - M APEAMENTO

/* Styles for validation helpers -- ------ ------- ------ ------ ------ ------ ------ ------ ------ -- */ . field - validation - error { color : # ff ;

www.facebook.com/k19treinamentos

203

P ROJETO
76 77 78 79 8 81 82 83 84 85 86 87 88 89 9 91 92 93 94 95 96 97 98 } . field - validation - valid { display : none ; } . input - validation - error { border : 1 px solid # ff ; background - color : # ffeeee ; } . validation - summary - errors { font - weight : bold ; color : # ff ; } . validation - summary - valid { display : none ; }
Cdigo CSS B.1: Site.css

204

Copie o arquivo k19-logo.png da pasta K19-Arquivos da sua rea de Trabalho para a pasta Images.
10

11

Agora altere o arquivo _Layout.cshtml.


<! 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 >

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

204

www.k19.com.br

205
33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 < footer >

B.12. C ADASTRANDO E L ISTANDO S ELEES

< 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 especcas para garantir que nenhum dado incorreto seja armazenado no banco de dados.

Exerccios de Fixao

12

Para cadastrar a seleo, devemos denir o controlador.


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 ;

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

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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 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 denir 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
9 } 1 return View ( selecao ) ; 11 }
Cdigo C# B.10: SelecaoController.cs

B.12. C ADASTRANDO E L ISTANDO S ELEES

1 2 3 4 5 6 7 8 9 1 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

15

Dena a action e a pgina para listar todas as entidades de seleo.

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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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
32 } 33 34 </ table >
Cdigo CSHTML B.3: Index.cshtml

208

Vamos denir a tela de listagem de Selees como a pgina principal do nosso site. Altere a rota padro no arquivo RouteCong.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: RouteCong.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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 @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

Dena 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

19

Dena uma action Delete que ir mostrar a tela de conrmao de remoo da entidade.

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

20

Dena a tela de conrmao de remoo da seleo.


@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 " / > |

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

www.facebook.com/k19treinamentos

209

P ROJETO
3 31 32 } @Html . ActionLink ( " Listagem De Selees " , " Index " ) </ p >

210

Cdigo CSHTML B.5: Delete.cshtml

21 Dena 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

22

Dena a action que remove a seleo do banco de dados.


[ HttpPost ] [ ActionName ( " Delete " ) ] public ActionResult DeleteConfirmed ( int id ) { unitOfWork . SelecaoRepository . Remove ( id ) ; unitOfWork . Salva () ; return RedirectToAction ( " Index " ) ; }
Cdigo C# B.17: SelecoesController.cs

1 2 3 4 5 6 7 8

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 especcas para garantir que nenhum dado incorreto seja armazenado no banco de dados.

Exerccios de Fixao

23

Para cadastrar o jogador, devemos denir o controlador.


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 ;

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

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

19 2 21 22 protected override void Dispose ( bool disposing ) 23 { 24 unitOfWork . Dispose () ; 25 base . Dispose ( disposing ) ; 26 } 27 } 28 }

public ActionResult Create () { ViewBag . SelecaoId = new SelectList ( unitOfWork . SelecaoRepository . Selecoes , " Id " , " Pais " ) ; return View () ; }

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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 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 5 51 52 53 54 55 56 57 58 59 6 61 62 63 64 65 66 67 < 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

212

O prximo passo denir 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 1 11 12

[ 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 () ; }
Cdigo C# B.19: JogadorController.cs

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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
24 } 25 }
Cdigo C# B.20: Jogador.cs

B.12. C ADASTRANDO E L ISTANDO S ELEES

26

Dena a action e a pgina para listar todas as entidades de jogador.

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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 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 > } </ table > " Create " )

model . Nome )

model . Posicao )

model . Nascimento )

model . Altura )

model . SelecaoId )

= > item . Nome )

= > item . Posicao )

= > item . Nascimento )

= > item . Altura )

= > item . SelecaoId )

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

27

Acrescente uma coluna na tabela de listagem de jogadores.


@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 " )

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5

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
51 } 52 </ table >
Cdigo CSHTML B.8: Index.cshtml

B.12. C ADASTRANDO E L ISTANDO S ELEES

Dena 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

29

Dena uma action Delete que ir mostrar a tela de conrmao de remoo da entidade.

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

30

Dena a tela de conrmao de remoo do jogador.


@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 " >

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

www.facebook.com/k19treinamentos

215

P ROJETO
35 @Html . DisplayNameFor ( model = > model . Altura ) 36 </ div > 37 < div class = " display - field " > 38 @Html . DisplayFor ( model = > model . Altura ) 39 </ div > 4 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 > 5 < input type = " submit " value = " Delete " / > | 51 @Html . ActionLink ( " Listagem de Jogadores " , " Index " ) 52 </ p > 53 }
Cdigo CSHTML B.9: Delete.cshtml

216

31 Dena 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

32

Dena a action que remove o jogador do banco de dados.


[ HttpPost ] [ ActionName ( " Delete " ) ] public ActionResult DeleteConfirmed ( int id ) { unitOfWork . JogadorRepository . Remove ( id ) ; unitOfWork . Salva () ; return RedirectToAction ( " Index " ) ; }
Cdigo C# B.25: JogadoresController.cs

1 2 3 4 5 6 7 8

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 ltro e Membership. As requisies feitas pelos usurios passaro pelo ltro. A funo do ltro vericar se o usurio est logado ou no. Se estiver logado o ltro autoriza o acesso. Caso contrrio, o ltro redirecionar o usurio para a tela de login.

Exerccios de Fixao

216

www.k19.com.br

217
33

B.12. C ADASTRANDO E L ISTANDO S ELEES

Adicione a seguinte classe a pasta Models:


using using using using using System ; System . Collections . Generic ; System . Linq ; System . Web . Mvc ; System . ComponentModel . DataAnnotations ;

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 53 54 55 56 57 58 59 6 61 62 63 64 65

namespace K19CopaDoMundo . Models { public class ChangePasswordModel { [ Required ] [ DataType ( DataType . Password ) ] [ Display ( Name = " Senha " ) ] public string OldPassword { get ; set ; } [ Required ] [ StringLength (1 , ErrorMessage = " O { } deve ter no mnimo {2} caracteres . " , MinimumLength = 6) ] [ DataType ( DataType . Password ) ] [ Display ( Name = " Nova senha " ) ] public string NewPassword { get ; set ; } [ 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 (1 , ErrorMessage = " O { } 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
66 67 }
Cdigo C# B.26: Usuario.cs

218

34

Acrescente a seguinte classe a pasta Controllers.


using using using using using using using System ; System . Collections . Generic ; System . Linq ; System . Web ; System . Web . Mvc ; System . Web . Security ; K19CopaDoMundo . Models ;

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 53 54 55 56 57 58 59

namespace K19CopaDoMundo . Controllers { public class UsuarioController : Controller { // // GET : / Usuario / Login 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 ( " / " ) ;

218

www.k19.com.br

219
6 61 62 63 64 65 66 67 68 69 7 71 72 73 74 75 76 77 78 79 8 81 82 83 84 85 86 87 88 89 9 91 92 93 94 95 96 97 98 99 1 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 11 111 112 113 114 115 116 117 118 119 12 121 122 123 124 125 } // // GET : / Usuario / Register public ActionResult Register () { return View () ; } // // POST : / Usuario / Register

B.12. C ADASTRANDO E L ISTANDO S ELEES

[ 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 ) ; 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
126 127 128 129 13 131 132 133 134 135 136 137 138 139 14 141 142 143 144 145 146 147 148 149 15 151 152 153 154 155 156 157 158 159 16 161 162 163 164 165 166 167 168 169 17 171 172 173 174 175 176 177 178 179 18 181 182 183 184 185 186 187 188 189 19 } if ( changePasswordSucceeded ) { return RedirectToAction ( " ChangePasswordSuccess " ) ; } else { ModelState . AddModelError ( " " , " A senha atual ou a confirmao est incorreta ."); } }

220

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 =17755 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 . " ;

220

www.k19.com.br

221
191 } 192 } 193 # endregion 194 } 195 196 }

B.12. C ADASTRANDO E L ISTANDO S ELEES

Cdigo C# B.27: UsuarioController.cs

35

Crie uma pasta Usuario na pasta Views e acrescente os quatro arquivos abaixo.
@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 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41

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 1 11 12 13 @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 . ")

222

14 15 < fieldset > 16 < legend > Formulrio de Login </ legend > 17 < ol > 18 < li > 19 @Html . LabelFor ( m = > m . UserName ) 2 @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 > 3 </ 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 " ) 4 }
Cdigo CSHTML B.12: Login.cshtml

1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 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 () < fieldset > < legend > Cadastro </ legend > < ol > < li > @Html . LabelFor ( m = > m . UserName ) @Html . TextBoxFor ( m = > m . UserName )

222

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 > 3 < 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 " / > 4 </ 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 > 1 </ ul > 11 }
Cdigo CSHTML B.14: _LoginPartial.cshtml

37

Altere o arquivo _Layout.cshtml.

1 2 3 4 5 6 7 8 9 1 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 2 21 22 23 24 25 26 27 28 29 3 31 32 33 34 35 36 37 38 39 4 41 42 43 44 45 46 47 48 49 5 51 52 < 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

224

Adicionando um Usurio Administrador com ASP .NET Conguration


Antes de denir o ltro Authorize nos controladores de nosso site, vamos criar um usurio com acesso. A maneira mais fcil de criar o usurio atravs do ASP .NET Conguration.

Exerccios de Fixao

38

Execute o ASP .NET Conguration que ca na aba Solution Explorer do Visual Studio.

Isto executar um ambiente de congurao. Abra a aba Security e clique no link Enable roles.
39

40

Posteriormente, clique em Create or manage roles.


www.k19.com.br

224

225
41

B.12. C ADASTRANDO E L ISTANDO S ELEES

Dena um role Administrador e clique Add Role.

42

Clique no boto back e crie um usurio.

43

Dena um usurio admin e senha admink19!.

Autorizao Role-based
Podemos restringir o acesso as pginas com o ltro Authorize e podemos especicar o role que o usurio precisa ter para ter acesso a pgina.

Exerccios de Fixao

44 Altere o ltro de autenticao no Web.cong para redirecionar o usurio para a action Login do controlador Usuario.

1 < authentication mode = " Forms " > 2 < forms loginUrl = " ~/ Usuario / Login " timeout = " 288 " / > 3 </ authentication >
Cdigo XML B.2: Web.cong

Acrescente a seguinte string de conexo no arquivo Web.cong para denir 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 ; 1 User Id = sa ; Password = sa ; Trusted_Connection = False ; MultipleActiveResultSets = True " / > 11 </ connectionStrings >
Cdigo XML B.3: Web.cong

Acrescente o ltro 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 congurar uma pgina de erro padro para ser utilizada toda vez que um erro ocorrer.

Exerccios de Fixao

Acrescente ao arquivo Web.cong a tag customErrors para especicar a pgina de erro padro. A tag customErrors ca dentro da tag system.web.
47

1 2 3 4 5 6 7

< system . web > ... < customErrors mode = " On " defaultRedirect = " ~/ Erro / Desconhecido " > < error statusCode = " 4 4 " redirect = " ~/ Erro / PaginaNaoEncontrada " / > </ customErrors > ... </ system . web >
Cdigo XML B.4: Web.cong

Dena 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 1 11 12 13 14 15 16 17 18 19 2 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 1 11 12 13 @{ Layout = null ; } <! DOCTYPE html >

B.12. C ADASTRANDO E L ISTANDO S ELEES

< 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 1 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 1 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 2 21 22 23 24 25 26 < 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

228

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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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 }

Layout = null ;

228

www.k19.com.br

229
4 5 6 7 8 9 1 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
Cdigo C# 2.9: InsereLivro.cs

R ESPOSTAS

Exerccio Complementar 2.1


1 2 3 4 5 6 7 8 9 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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 () ; } } } }

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 }; 1 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 2 21 22 23 24 25 26 27 28 29 3 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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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 ( " { } : {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 1 11 12 13 14 15 16 17 18 19 2 21 22 23 24 25 26 27 28 29 3 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 () ) 1 { 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 ; 2 double ? preco = resultado [ " Preco " ] as double ?;

www.facebook.com/k19treinamentos

233

R ESPOSTAS
21 long ? editoraId = resultado [ " EditoraId " ] as long ?; 22 23 System . Console . WriteLine ( " { } : {1} - {2} - {3}\ n " , 24 id , titulo , preco , editoraId ) ; 25 } 26 } 27 } 28 } 29 }
Cdigo C# 2.27: ListaLivro.cs

234

Exerccio Complementar 6.1

1 2 3 4 5 6 7 8

@{ ViewBag . Title = " Index " ; } @for ( int i = ; i < 1 ; i ++) { < h2 > Ol @i </ h2 > }
Cdigo CSHTML 6.10: Index.cshtml

234

www.k19.com.br