Escolar Documentos
Profissional Documentos
Cultura Documentos
O padrão MVC
Model-View-Controller
MVC
O MVC é uma sigla do termo em inglês Model (modelo) View
(visão) e Controller (Controle) que facilita a troca de
informações entre a interface do usuário aos dados no banco,
fazendo com que as respostas sejam mais rápidas e dinâmicas.
Apesar de muitas pessoas considerarem essa sigla como um
padrão de design de interface, na verdade ele é um padrão de
arquitetura de software responsável por contribuir na
otimização da velocidade entre as requisições feitas pelo
comando dos usuários.
Com quase 50 anos de formulação, a arquitetura MVC é
dividida em três componentes essenciais: Model, Controller e
View.
MVC
MVC
Model ou Modelo
Essa classe também é conhecida como Business Object
Model (objeto modelo de negócio). Sua
responsabilidade é gerenciar e controlar a forma
como os dados se comportam por meio das funções,
lógica e regras de negócios estabelecidas.
Criando variáveis
@{
string nome = "Recode";
string telefone = "xxxxxxx789";
string endereco = "Rua X";
int numero = 101;
int numero2 = 801;
}
ASP.NET - Razor
Conversão de Tipos de Dados
ASP.NET - Razor
Acessando variáveis
Exemplo:
@if (numero1 == numero2)
{
<p>Chegou!</p>
}
else
{
<p>Continue andando .</p>
}
ASP.NET - Razor
Condicionais (if else if)
As variáveis podem ser facilmente acessadas.
Exemplo:
@if (price>=30)
{
<p>The price is high.</p>
}
else if (price>20 && price<30)
{
<p>The price is OK.</p>
}
else
{
<p>The price is low.</p>
}
ASP.NET - Razor
Condicionais (switch case)
As variáveis podem ser facilmente acessadas.
Exemplo:
@switch(day)
{
case "Monday":
message="This is the first weekday.";
break;
case "Thursday":
message="Only one day before weekend.";
break;
case "Friday":
message="Tomorrow is weekend!";
break;
default:
message="Today is " + day;
break;
}
<p>@message</p>
ASP.NET - Razor
Laços - for
Podemos criar laços utilizando o comando for.
Exemplo:
@for (int i = 0; i < 5; i++)
{
<p>i = @i </p>
}
ASP.NET - Razor
Laços - @foreach
Podemos criar laços utilizando o comando foreach.
Exemplo:
@foreach (var x in Request.ServerVariables)
{
<li>@x</li>
}
ASP.NET - Razor
Laços - while
Podemos criar laços utilizando o comando while.
Exemplo:
@{
var i = 0;
while (i < 5)
{
i += 1;
<p>Line @i</p>
}
}
ASP.NET - Razor
Exemplo: arquivo criado “webrazorsimples”
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
<div class="text-center">
<h1 class="display-4">Seja bem vindo!</h1>
<p>Vamos realizar um exemplo bem simples do uso do <b>RAZOR</b></p>
</div>
<body>
<h1>Trabalhanco com uma página web para captura de data do servidor</h1>
<p>A hora atualizada é: @DateTime.Now</p>
</body>
ASP.NET - Razor
Exemplo:
<html>
<body>
<! - Bloco de instrução único ->
@ {var minhaMensagem = "Seja Bem-vindo!"; }
Nota: Para usar como Tag Helpers, nas versões do VS onde ela
não fornece instalado por padrão, precisamos instalar uma
biblioteca NuGet - Microsoft.AspNet.Mvc.TagHelpers - e também
adicionar uma diretiva addTagHelper às views que usam essas
tags helpers.
TagHelper
Exemplo:
TagHelper
@model RegisterViewModel
<form asp-controller = "Demo" asp-action = "
RegistroInput " method = "post">
Email : <input asp-for = "Email" /> <br />
Senha : <input asp-for = "Password" /> <br />
<button type = "submit"> Registrador </button>
</form>
TagHelper
Exemplo:
Html
<form method = "post" action = " / Demo / RegistroInput" >
E - mail :<input type = "email" data-val = "true"
data-val-email = "O Email não é um endereço de email válido."
data-val-required = "O campo Email é obrigatório"
id = "Email" name = "Email" value = "" /> <br>
Senha :<input type = "senha" data-val = "true"
data-val-required = "O campo Senha é obrigatório."
id = "Senha" name = "Senha" /> <br>
<button type = "submit"> Registrador </button>
<input name = "__ RequestVerificationToken" type = "hidden" value =
"<removida ...>" />
</form>
ASP.NET - Rotas
As rotas fazem uso de um recurso chamado Middleware
de rotas .
Rota nada mais é do que um caminho que visualizamos
na URL.
httP://github.com/treinamento/sistema-academico
http://localhost:5000/Cursos/Index
ASP.NET - Rotas
No projeto MVC, essa configuração fica na
classe Startup, no método Configure .