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

José Roberto Araújo

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

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

@felipepimentellfelipepimentel@mozit.nethttp://felipepimentel.net

MCP, MCTS, MCPD

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

@jrobertofaraujojrobert.araujo@gmail.com

http://www.jrobertoaraujo.netMCP

Agenda

Demo

Helper WebGridDemoHelper

PersonalizadoDemo

Demo ScaffoldLayout Razor

Helper Chart Demo Helper Redes Sociais Demo

ReCaptchaFim !!! Demo

Razor

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

NÃO !!!

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

ASPX x Razor

ASPX x Razor

ASPX x Razor

functions

Arquivos do Projeto

• _ViewStart.cshtml– Chamado para toda a view

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

RenderBody

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

RenderPage

• Carregar uma determinada página no local indicado

RenderSection

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

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

Scaffolding

Baixando e Instalando

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

• NuGet– Install-Package MvcScaffolding

Configurando o Projeto?

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

Scaffold: Done!!!

Helper: WebGrid

Paginação com JQuery

Helper Personalizado

Helper: Chart

Chart: Salvando como XML

Chart: Salvando como jpg

Helper: ReCaptcha

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

Para fechar...

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

Dúvidas????

• That´s All Folks !!!