mvc 3 & razor (devbrasil summit 2011)

26
MVC 3 & Razor Simplicidade no desenvolvimento Web com a Engine Razor e seus WebHelpers

Upload: jose-roberto-araujo

Post on 28-May-2015

2.868 views

Category:

Education


2 download

DESCRIPTION

Apresentação realizada no evento DevBrasil Summit 2011 dentro do Auditório da Microsoft-SP

TRANSCRIPT

Page 1: MVC 3 & razor (DevBrasil Summit 2011)

MVC 3 & RazorSimplicidade no desenvolvimento Web com a Engine Razor e seus WebHelpers

Page 2: MVC 3 & razor (DevBrasil Summit 2011)

José Roberto Araújo

Felipe PimentelSócio e Diretor da Linn Solutions (Startup Microsoft)

Sócio da Mozit (Startup Microsoft)Líder do SharpShooters

@[email protected]://felipepimentel.net

MCP, MCTS, MCPD

Analista de Sistemas do IPE – Instituto de Pesquisas Eldorado (BSB)Arquiteto da iDevelop (BSB)

@[email protected]

http://www.jrobertoaraujo.netMCP

Page 3: MVC 3 & razor (DevBrasil Summit 2011)

Agenda

Demo

Helper WebGridDemoHelper

PersonalizadoDemo

Demo ScaffoldLayout Razor

Helper Chart Demo Helper Redes Sociais Demo

ReCaptchaFim !!! Demo

Page 4: MVC 3 & razor (DevBrasil Summit 2011)

Razor

Scooters?http://www.razor.com/products/scooters/

NÃO !!!

Page 5: MVC 3 & razor (DevBrasil Summit 2011)

Razor

O que é, Benefícios & Objetivos• Nova engine para escrevermos nossa views• Não é uma nova linguagem web• Compacto, Expressivo e Fluidez no aprendizado• Ótima integração com Intellisense• Fácil aprendizado

Page 6: MVC 3 & razor (DevBrasil Summit 2011)

ASPX x Razor

Page 7: MVC 3 & razor (DevBrasil Summit 2011)

ASPX x Razor

Page 8: MVC 3 & razor (DevBrasil Summit 2011)

ASPX x Razor

Page 9: MVC 3 & razor (DevBrasil Summit 2011)

functions

Page 10: MVC 3 & razor (DevBrasil Summit 2011)

Arquivos do Projeto

• _ViewStart.cshtml– Chamado para toda a view

• _Layout.cshtml– Define um padrão para as Views

Page 11: MVC 3 & razor (DevBrasil Summit 2011)

RenderBody

• Normalmente usado no _Layout.cshtml• Pode ter apenas um por página de layout

Page 12: MVC 3 & razor (DevBrasil Summit 2011)

RenderPage

• Carregar uma determinada página no local indicado

Page 13: MVC 3 & razor (DevBrasil Summit 2011)

RenderSection

• Uma página pode conter apenas um RenderBody, mas múltiplos RenderSections

• Define um bloco que poderá existir nas páginas filhas

Page 14: MVC 3 & razor (DevBrasil Summit 2011)

Scaffolding

Page 15: MVC 3 & razor (DevBrasil Summit 2011)

Baixando e Instalando

• Código– http://mvcscaffolding.codeplex.com/

• NuGet– Install-Package MvcScaffolding

Page 16: MVC 3 & razor (DevBrasil Summit 2011)

Configurando o Projeto?

• Com nuget é moleza demais!!!– Scaffold Controller <Class>

Page 17: MVC 3 & razor (DevBrasil Summit 2011)

Scaffold: Done!!!

Page 18: MVC 3 & razor (DevBrasil Summit 2011)

Helper: WebGrid

Page 19: MVC 3 & razor (DevBrasil Summit 2011)

Paginação com JQuery

Page 20: MVC 3 & razor (DevBrasil Summit 2011)

Helper Personalizado

Page 21: MVC 3 & razor (DevBrasil Summit 2011)

Helper: Chart

Page 22: MVC 3 & razor (DevBrasil Summit 2011)

Chart: Salvando como XML

Page 23: MVC 3 & razor (DevBrasil Summit 2011)

Chart: Salvando como jpg

Page 24: MVC 3 & razor (DevBrasil Summit 2011)

Helper: ReCaptcha

• ReCaptcha– Registrar em http://recaptcha.net– Add package Reference: Microsoft-Web-Helpers

Page 25: MVC 3 & razor (DevBrasil Summit 2011)

Para fechar...

• Ganhe um curso ONLINE.– Cadastre-se em: http://mozit.net/

Page 26: MVC 3 & razor (DevBrasil Summit 2011)

Dúvidas????

• That´s All Folks !!!