SlideShare una empresa de Scribd logo
1 de 17
ASP.NET MVC 4 – Parte III
 View
 Razor



Layout
Partial View
Views Fortemente
Tipadas
Layout
 View – Razor – Layout
 Templates que tem como
objetivo manter um
aparência padrão dentro
aplicação.
da
 Tem o mesmo propósito
das MasterPages, mas
oferece simplicidade na
sintaxe e flexibilidade.
 View – Razor – Layout
 Por convenção, utiliza o
ViewStart.
ViewStart(/Views/_ViewSta
rt.cshtml) é executado
antes de qualquer view.

@{Layout =
"~/Views/Shared/_Layout.cshtml
";
}
 View – Razor – Layout
 ViewStart pode ser
sobescrito na views.
@{
Layout
}
= path ;
@{
Layout
}
= null ;
 View – Razor – Layout
 Suporta conceitos de
sections.
 Sections: São blocos
conteúdo que serão
inseridos em locais
específicos da view
de
 A view deve prover o
conteúdo para as sections.
 View – Razor – Layout
Ex: No arquivo de Layout
@RenderSection(“Nome”,
required:false);
Na view
@ section Nome
{
<h1>Conteúdo</h1>
}
Partial View
 View – Razor – Partial View
 São arquivos de views que
contém fragmentos Razor e
Html que podem ser
incluídas em outras views.
 Evita código duplicado
 Semelhante ao User
Control(.ascx)
 View – Razor – Partial View
 Principal benefício:
Reutilização
 Exs de Utilização: Headers,
Footers, Htmls Utilitários.
 Podem ser renderizadas via
@Html.Partial e
@HtmlRenderPartial.
 View – Razor – Partial View
 @Html.Partial
 Retorna uma string
 Pode ser armazenado
em uma variável or
retornado numa função
Ex: @Html.Partial(“nome”)
 View – Razor – Partial View
 @Html.PartialView


Retorna void
Resultado escrito
response stream
no
durante a execução.
Mais rápido que o
@Html.Partial

Ex: Html.RenderPartial(“nome”)
 View – Razor – Partial View
 Pode acessar os dados da
View Pai
Quando a partial view é
atualizada, somente o
ViewData da partial é

atualizado. O ViewData
View “Pai” não será
alterado.
Partial View != Sections
(Layout)
da

Views Fortemente Tipadas
 View – Razor – View
Fortemente Tipadas
 É uma forma de enviar
dados do Controller para
View.
a
 São utilizadas para
renderizar específicos tipos
de modelos(!= ViewBag,
ViewData, etc).
 Intellisense
 View – Razor – View Models
 Pode fazer referência a um
model
Ex: @model
Namespace.NomeModel
 Também pode referenciar
uma collection.
@model IEnumerable<Model>

Más contenido relacionado

La actualidad más candente

Introdução ao Spring Framework MVC
Introdução ao Spring Framework MVCIntrodução ao Spring Framework MVC
Introdução ao Spring Framework MVCMessias Batista
 
AngularJS Components - Semana da Informática 2016
AngularJS Components - Semana da Informática 2016AngularJS Components - Semana da Informática 2016
AngularJS Components - Semana da Informática 2016Diego Melo
 
Introdução Ao Spring Com Spring Boot
Introdução Ao Spring Com Spring BootIntrodução Ao Spring Com Spring Boot
Introdução Ao Spring Com Spring BootAlexandre Rodrigues
 
365on Lab Asp.Net MVC Fundamentos 01 Overview
365on Lab Asp.Net MVC Fundamentos 01 Overview365on Lab Asp.Net MVC Fundamentos 01 Overview
365on Lab Asp.Net MVC Fundamentos 01 OverviewAlexsandro Almeida
 
Campus Party 2014 - Desenvolvimento Web com ASP.NET
Campus Party 2014 - Desenvolvimento Web com ASP.NETCampus Party 2014 - Desenvolvimento Web com ASP.NET
Campus Party 2014 - Desenvolvimento Web com ASP.NETEduardo Pires
 
Mulesoft - Salesforce Analytics Cloud Connector - Part 1
Mulesoft - Salesforce Analytics Cloud Connector - Part 1Mulesoft - Salesforce Analytics Cloud Connector - Part 1
Mulesoft - Salesforce Analytics Cloud Connector - Part 1Jeison Barros
 
Minicurso de Cakephp
Minicurso de CakephpMinicurso de Cakephp
Minicurso de CakephpCauan Cabral
 
Como criar um http proxy dinamico com mule parte 1
Como criar um http proxy dinamico com mule   parte 1Como criar um http proxy dinamico com mule   parte 1
Como criar um http proxy dinamico com mule parte 1Jeison Barros
 
Mule esb teste parte 2
Mule esb teste   parte 2Mule esb teste   parte 2
Mule esb teste parte 2Jeison Barros
 
Comunicação em Tempo Real com ASP.Net SignalR
Comunicação em Tempo Real com ASP.Net SignalRComunicação em Tempo Real com ASP.Net SignalR
Comunicação em Tempo Real com ASP.Net SignalREduardo Pires
 
Novidades do ASP.NET 5.X
Novidades do ASP.NET 5.XNovidades do ASP.NET 5.X
Novidades do ASP.NET 5.XEduardo Pires
 
Novidades ASP .NET MVC 3 (BETA)
Novidades ASP .NET MVC 3 (BETA)Novidades ASP .NET MVC 3 (BETA)
Novidades ASP .NET MVC 3 (BETA)C. Augusto Proiete
 
Construindo aplicações leves e performáticas com ASP.NET Core 1.0
Construindo aplicações leves e performáticas com ASP.NET Core 1.0Construindo aplicações leves e performáticas com ASP.NET Core 1.0
Construindo aplicações leves e performáticas com ASP.NET Core 1.0Fabrício Lopes Sanchez
 

La actualidad más candente (19)

Introdução ao Spring Framework MVC
Introdução ao Spring Framework MVCIntrodução ao Spring Framework MVC
Introdução ao Spring Framework MVC
 
AngularJS Components - Semana da Informática 2016
AngularJS Components - Semana da Informática 2016AngularJS Components - Semana da Informática 2016
AngularJS Components - Semana da Informática 2016
 
ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
Middlewares com asp.net core
Middlewares com asp.net coreMiddlewares com asp.net core
Middlewares com asp.net core
 
Introdução Ao Spring Com Spring Boot
Introdução Ao Spring Com Spring BootIntrodução Ao Spring Com Spring Boot
Introdução Ao Spring Com Spring Boot
 
365on Lab Asp.Net MVC Fundamentos 01 Overview
365on Lab Asp.Net MVC Fundamentos 01 Overview365on Lab Asp.Net MVC Fundamentos 01 Overview
365on Lab Asp.Net MVC Fundamentos 01 Overview
 
Instalação CakePHP 2.2.3
Instalação CakePHP 2.2.3Instalação CakePHP 2.2.3
Instalação CakePHP 2.2.3
 
Desvendando ASP.NET MVC
Desvendando ASP.NET MVCDesvendando ASP.NET MVC
Desvendando ASP.NET MVC
 
365on Lab - Asp.Net MVC
365on Lab - Asp.Net MVC365on Lab - Asp.Net MVC
365on Lab - Asp.Net MVC
 
Campus Party 2014 - Desenvolvimento Web com ASP.NET
Campus Party 2014 - Desenvolvimento Web com ASP.NETCampus Party 2014 - Desenvolvimento Web com ASP.NET
Campus Party 2014 - Desenvolvimento Web com ASP.NET
 
Mulesoft - Salesforce Analytics Cloud Connector - Part 1
Mulesoft - Salesforce Analytics Cloud Connector - Part 1Mulesoft - Salesforce Analytics Cloud Connector - Part 1
Mulesoft - Salesforce Analytics Cloud Connector - Part 1
 
Minicurso de Cakephp
Minicurso de CakephpMinicurso de Cakephp
Minicurso de Cakephp
 
Como criar um http proxy dinamico com mule parte 1
Como criar um http proxy dinamico com mule   parte 1Como criar um http proxy dinamico com mule   parte 1
Como criar um http proxy dinamico com mule parte 1
 
Mule esb teste parte 2
Mule esb teste   parte 2Mule esb teste   parte 2
Mule esb teste parte 2
 
Comunicação em Tempo Real com ASP.Net SignalR
Comunicação em Tempo Real com ASP.Net SignalRComunicação em Tempo Real com ASP.Net SignalR
Comunicação em Tempo Real com ASP.Net SignalR
 
Novidades do ASP.NET 5.X
Novidades do ASP.NET 5.XNovidades do ASP.NET 5.X
Novidades do ASP.NET 5.X
 
Novidades ASP .NET MVC 3 (BETA)
Novidades ASP .NET MVC 3 (BETA)Novidades ASP .NET MVC 3 (BETA)
Novidades ASP .NET MVC 3 (BETA)
 
Asp.net
Asp.netAsp.net
Asp.net
 
Construindo aplicações leves e performáticas com ASP.NET Core 1.0
Construindo aplicações leves e performáticas com ASP.NET Core 1.0Construindo aplicações leves e performáticas com ASP.NET Core 1.0
Construindo aplicações leves e performáticas com ASP.NET Core 1.0
 

Similar a ASP.NET MVC 4 - Parte III: Views, Razor, Layout e Partial Views

Apostila completa de css
Apostila completa de cssApostila completa de css
Apostila completa de cssHeitor Victorio
 
Apostila Css ( Apostilando.com )
Apostila Css ( Apostilando.com )Apostila Css ( Apostilando.com )
Apostila Css ( Apostilando.com )Rodrigo Dias
 
Criando APIs com Node e TypeScript
Criando APIs com Node e TypeScriptCriando APIs com Node e TypeScript
Criando APIs com Node e TypeScriptAndre Baltieri
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web iEliene Resende
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web iEliene Resende
 
Introdução ao zend framework
Introdução ao zend frameworkIntrodução ao zend framework
Introdução ao zend frameworkMarcos Oliveira
 
Introdução à programação para web com Java - Módulo 03: Conceitos básicos de...
Introdução à programação para web com Java -  Módulo 03: Conceitos básicos de...Introdução à programação para web com Java -  Módulo 03: Conceitos básicos de...
Introdução à programação para web com Java - Módulo 03: Conceitos básicos de...Professor Samuel Ribeiro
 
ZF Básico - 4. Controle e Visão
ZF Básico - 4. Controle e VisãoZF Básico - 4. Controle e Visão
ZF Básico - 4. Controle e VisãoMarcos Bezerra
 
Orientação a Objetos no Delphi - Controle de Estoque (II)
Orientação a Objetos no Delphi - Controle de Estoque (II)Orientação a Objetos no Delphi - Controle de Estoque (II)
Orientação a Objetos no Delphi - Controle de Estoque (II)Ryan Padilha
 
Apostila Zend Framework
Apostila Zend FrameworkApostila Zend Framework
Apostila Zend FrameworkFernando Palma
 
ASP.NET 5 - Novidades do Desenvolvimento Web em .NET
ASP.NET 5 - Novidades do Desenvolvimento Web em .NETASP.NET 5 - Novidades do Desenvolvimento Web em .NET
ASP.NET 5 - Novidades do Desenvolvimento Web em .NETRenato Groff
 
ASP.NET MVC 4 - Parte II - Views
ASP.NET MVC 4 - Parte II - Views ASP.NET MVC 4 - Parte II - Views
ASP.NET MVC 4 - Parte II - Views Carlos Atila Abreu
 
Trabalho ProgramaçãO Comercial Ii
Trabalho ProgramaçãO Comercial IiTrabalho ProgramaçãO Comercial Ii
Trabalho ProgramaçãO Comercial IiMateus Ramos Pereira
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDaniel Paz
 
Engenharia da Computação: Resumo servlet + jsp br galo
Engenharia da Computação: Resumo servlet + jsp br galoEngenharia da Computação: Resumo servlet + jsp br galo
Engenharia da Computação: Resumo servlet + jsp br galoGuilhermePetrosky
 

Similar a ASP.NET MVC 4 - Parte III: Views, Razor, Layout e Partial Views (20)

Apostila completa de css
Apostila completa de cssApostila completa de css
Apostila completa de css
 
Css Curso completo
Css Curso completoCss Curso completo
Css Curso completo
 
Apostila Css ( Apostilando.com )
Apostila Css ( Apostilando.com )Apostila Css ( Apostilando.com )
Apostila Css ( Apostilando.com )
 
Tutorial Css Parte 1
Tutorial Css  Parte 1Tutorial Css  Parte 1
Tutorial Css Parte 1
 
Diazo para todos
Diazo para todosDiazo para todos
Diazo para todos
 
Criando APIs com Node e TypeScript
Criando APIs com Node e TypeScriptCriando APIs com Node e TypeScript
Criando APIs com Node e TypeScript
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
Aula 1 programação web i
Aula 1   programação web iAula 1   programação web i
Aula 1 programação web i
 
Introdução ao zend framework
Introdução ao zend frameworkIntrodução ao zend framework
Introdução ao zend framework
 
Introdução à programação para web com Java - Módulo 03: Conceitos básicos de...
Introdução à programação para web com Java -  Módulo 03: Conceitos básicos de...Introdução à programação para web com Java -  Módulo 03: Conceitos básicos de...
Introdução à programação para web com Java - Módulo 03: Conceitos básicos de...
 
ZF Básico - 4. Controle e Visão
ZF Básico - 4. Controle e VisãoZF Básico - 4. Controle e Visão
ZF Básico - 4. Controle e Visão
 
Orientação a Objetos no Delphi - Controle de Estoque (II)
Orientação a Objetos no Delphi - Controle de Estoque (II)Orientação a Objetos no Delphi - Controle de Estoque (II)
Orientação a Objetos no Delphi - Controle de Estoque (II)
 
Apostila Zend Framework
Apostila Zend FrameworkApostila Zend Framework
Apostila Zend Framework
 
ASP.NET 5 - Novidades do Desenvolvimento Web em .NET
ASP.NET 5 - Novidades do Desenvolvimento Web em .NETASP.NET 5 - Novidades do Desenvolvimento Web em .NET
ASP.NET 5 - Novidades do Desenvolvimento Web em .NET
 
ASP.NET MVC 4 - Parte II - Views
ASP.NET MVC 4 - Parte II - Views ASP.NET MVC 4 - Parte II - Views
ASP.NET MVC 4 - Parte II - Views
 
Trabalho ProgramaçãO Comercial Ii
Trabalho ProgramaçãO Comercial IiTrabalho ProgramaçãO Comercial Ii
Trabalho ProgramaçãO Comercial Ii
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi Builder
 
Engenharia da Computação: Resumo servlet + jsp br galo
Engenharia da Computação: Resumo servlet + jsp br galoEngenharia da Computação: Resumo servlet + jsp br galo
Engenharia da Computação: Resumo servlet + jsp br galo
 
Frameworks em Java
Frameworks em JavaFrameworks em Java
Frameworks em Java
 
Servlets e jsp
Servlets e jspServlets e jsp
Servlets e jsp
 

ASP.NET MVC 4 - Parte III: Views, Razor, Layout e Partial Views

  • 1. ASP.NET MVC 4 – Parte III
  • 2.  View  Razor    Layout Partial View Views Fortemente Tipadas
  • 4.  View – Razor – Layout  Templates que tem como objetivo manter um aparência padrão dentro aplicação. da  Tem o mesmo propósito das MasterPages, mas oferece simplicidade na sintaxe e flexibilidade.
  • 5.  View – Razor – Layout  Por convenção, utiliza o ViewStart. ViewStart(/Views/_ViewSta rt.cshtml) é executado antes de qualquer view.  @{Layout = "~/Views/Shared/_Layout.cshtml "; }
  • 6.  View – Razor – Layout  ViewStart pode ser sobescrito na views. @{ Layout } = path ; @{ Layout } = null ;
  • 7.  View – Razor – Layout  Suporta conceitos de sections.  Sections: São blocos conteúdo que serão inseridos em locais específicos da view de  A view deve prover o conteúdo para as sections.
  • 8.  View – Razor – Layout Ex: No arquivo de Layout @RenderSection(“Nome”, required:false); Na view @ section Nome { <h1>Conteúdo</h1> }
  • 10.  View – Razor – Partial View  São arquivos de views que contém fragmentos Razor e Html que podem ser incluídas em outras views.  Evita código duplicado  Semelhante ao User Control(.ascx)
  • 11.  View – Razor – Partial View  Principal benefício: Reutilização  Exs de Utilização: Headers, Footers, Htmls Utilitários.  Podem ser renderizadas via @Html.Partial e @HtmlRenderPartial.
  • 12.  View – Razor – Partial View  @Html.Partial  Retorna uma string  Pode ser armazenado em uma variável or retornado numa função Ex: @Html.Partial(“nome”)
  • 13.  View – Razor – Partial View  @Html.PartialView   Retorna void Resultado escrito response stream no durante a execução. Mais rápido que o @Html.Partial  Ex: Html.RenderPartial(“nome”)
  • 14.  View – Razor – Partial View  Pode acessar os dados da View Pai Quando a partial view é atualizada, somente o ViewData da partial é  atualizado. O ViewData View “Pai” não será alterado. Partial View != Sections (Layout) da 
  • 16.  View – Razor – View Fortemente Tipadas  É uma forma de enviar dados do Controller para View. a  São utilizadas para renderizar específicos tipos de modelos(!= ViewBag, ViewData, etc).  Intellisense
  • 17.  View – Razor – View Models  Pode fazer referência a um model Ex: @model Namespace.NomeModel  Também pode referenciar uma collection. @model IEnumerable<Model>