Sie sind auf Seite 1von 10

Comeando Asp.

net MVC 3 e Razor Com C Exemplos # Cdigo


O padro de projeto MVC (Model / View / Controller) tornou-se uma
metodologia de desenvolvimento de software muito popular e confivel. Para
aplicar isso de forma eficaz em aplicaes web, a Microsoft lanou o novo
quadro baseado no padro MVC para desenvolvimento de aplicaes web,
nomeado Asp.NET MVC. A ltima verso do asp.net MVC 3.0. No caminho,
houve uma srie de melhorias. Agora, o seu um framework de aplicaes
web muito robusto para trabalhar. Hoje, neste tutorial, o meu objetivo fazer
com que voc familiarizado com Asp.NET MVC 3, e caminhar atravs de um
aplicativo bsico Ol mundo, juntamente com a introduo de asp.net motor
modelo 'navalha'. Estou assumindo, voc sabe o que MVC. Se no o fizer,
por favor, comear com a leitura atravs de artigo wiki sobre MVC. Para
concluir este tutorial, recomenda pr-requisitos so os seguintes:

Visual Studio 2010

Asp.NET MVC 3 (Devidamente instalado no Visual Studio) .Se no, por


favor, instal-lo aqui,http://www.asp.net/mvc/mvc3

Melhoria e Viso geral dos recursos On


Asp.Net MVC 3.0:

Suporte para vrios Veja Engines. H uma srie de motores de vista


so suportados pelo asp.net MVC 3.0. Voc pode escolher qualquer um
deles. Eles so Navalha, Spark, NHaml e NDjango.

Filtros de Ao Global: Para executar algumas funcionalidades prdefinido antes ou depois de uma funo de controlador executar, MVC 2
introduziu 'filtros de ao'. No entanto, ele s trabalhou para o nvel de
funo, como, se voc quer executar algo antes de cada mtodo de
controle, voc teria que adicionar o filtro em cada mtodo. Asp.NET MVC
3.0 melhorou e introduzir 'Filtros Global Action ", que ir trabalhar para
todas as funes do controlador.Podemos dizer isso como filtros de nvel
de classe tambm.

Propriedade "ViewBag" Para Visualizaes: Alm de propriedades


ViewData, agora asp.net MVC 3 tem uma outra propriedade chamada
'ViewBag'. Isso fornece uma maneira simples de acessar dados em
vista. Tais como, em ViewData, tivemos que usar 'View ["mydata"] =
usurio;' Tipo de sintaxe (utilizando Dictionary). Em ViewBag, podemos
usar 'ViewBag.user = user;' e pode ser usada como uma varivel
dinmica em modelos de viso.

JSON Suporte Encadernao: Asp.net MVC 3 suporta dados JSON de


ligao com o mtodo de ao do controlador que liga a dados do modelo
cliente.

Walk-through a 3 Aplicao Asp.NET


Bsico MVC:
* Em seu estdio visual, por favor, v em File-> New-> Project; No Visual C # ->
Seo Web, voc ver a opo de criar 'asp.net MVC 3' aplicao. Selecione
que, definir as suas outras preferncias (nome do projeto, diretrio do projeto) e
clique em ok. Lembre-se, no v com a opo "File-> New-> Site ', que para
o site bsico asp.net, no para o site MVC, este tratado como" aplicao web'
em vez de 'site'. Alm disso, se voc estivesse usando o site de base asp.net
antes, voc deve saber, apenas mudando o cdigo fonte faz com que o seu site
atualizado (se voc est hospedando cdigo em vez de se cumpriu um), a sua
recompilados quando for executado. Em caso de aplicao MVC asp.net, isso
no vai funcionar. Voc vai ter que reconstruir o aplicativo cada vez que voc
fazer alteraes e atualizar as DLLs para o seu site.

* Na prxima janela, voc ter opes para selecionar se voc quer um


aplicativo vazio ou algum cdigo bsico aplicao integrada (opo 'Internet
Application). Como um novato, melhor opo fazer com que a aplicao do
modelo como que vai ajud-lo muito na forma de aprendizagem, verificando
aqueles base de cdigo. Alm disso, voc ter a opo de escolher o seu
modelo de motor, selecione ' navalha '. Alm disso, se voc estiver interessado
em usar o teste de unidade (recomendado), marque a caixa de seleo 'criar
projeto de teste de unidade ".

* Agora olhe para as estruturas de diretrio do aplicativo recm-criado. Voc vai


encontrar trs diretrios principais ("modelos", "vistas" e "Controladores") l,
que contm seus arquivos correspondentes. Ao lado, h um diretrio chamado
'scripts', que contm alguns j adicionou javascript bibliotecas (incluindo
jQuery) e um diretrio chamado 'Contedo', que pode conter folhas de estilo e
outros arquivos estticos. E com certeza, voc pode adicionar outros diretrios
tambm. No entanto, a sua recomendado que, se voc estiver indo para usar
algo grande para ser integrado aqui, melhor para fazer essas tarefas em um
projeto separado e adicionar suas referncias neste projeto.
* Execute o aplicativo, voc vai encontrar um layout bsico com home / about /
login / cadastre-se pginas. Jogar em torno de um tempo em torno desses
arquivos para ter uma idia bsica de relance. Para 'casa' e 'about us' pgina,
controlador casa processa os pedidos e estes pgina no tem qualquer modelo
que lhes esto associados. Para registo e login pgina, controlador Conta faz o
trabalho, o modelo '' AccountModels contm a lgica de acesso a dados destas
pginas. Ns no estamos indo para discutir neles neste tutorial.

Criar uma nova pgina, juntamente


com seu modelo associado, vista e
controlador:
Vamos comear com a criao de uma classe de modelo. Apenas para manter
este tutorial simples, no vamos fazer qualquer operao de banco de dados
here.In os 'modelos' adicionar um novo arquivo de classe e nomeie
"BlogControllers.cs '. A seguir, o trecho de cdigo para este arquivo que define
uma classe chamada 'ArticleClass':
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20

usando System;
utilizando System.Collections.Generic;
usando System.Linq;
usando System.Web;
usando System.ComponentModel.DataAnnotations;
namespace MvcApplication1.Models
{
pblico classe ArticlesModel
{
[Obrigatrio]
[Display (Name = "Title" )]
pblico Ttulo seqncia {get; definir; }

[Obrigatrio]
[Tipo de dados (DataType.Password)]
[Display (Name = "Description" )]
pblico string Descrio {get; definir; }

Como voc pode ver alguns atributos como 'necessrio', 'tipo de dados', etc
"Monitor" para cada campo, o define a estratgia do modelo ligaes com
pontos de vista, mas eu no vou andar com isto mais (espero postar outro
tutorial para obter detalhes sobre eles, manter contato

).

Agora, vamos criar uma classe de controlador. clique o boto direito no diretrio
'Controllers', v at a opo "Add> Controller ', nomeie seu controlador como'
BlogController" e clique em "Adicionar". voc pode ter alguns mtodos
adicionados sua classe de controlador como 'criar' / 'excluso' / 'editar' e
'detalhes' pr-definidos. Para obt-los, marque a caixa abaixo da caixa de
entrada o nome do controlador.

no arquivo recm-criado, voc pode ver todos os mtodos para adicionar /


editar / apagar etc. Voc vai notar que, h dois mtodos diferentes para cada
"Criar", "Editar" e "Delete".One for vista a pgina do modelo apenas, segundo
(com 'HttpPost' atributo) para processar os dados postados depois usurio
envia. Por agora, vamos editar o mtodo "Index", que executado por padro
quando esse controlador so solicitados via 'http: // localhost: 5000 / Blog ". Url
Aqui est o trecho de cdigo para este mtodo, com o qual quer mostrar a lista
de artigos:
01
02
03
04
05
06
07
08
09
10
11
12

pblico Index ActionResult ()


{
List <ArticlesModel> artigos = novo List <ArticlesModel> ();
ArticlesModel artigo1 = nova ArticlesModel ();
article1.Title = "Primeiro Blog" ;
article1.Description = "Descrio Para Primeiro Blog" ;
articles.Add (Artigo 1);
ArticlesModel article2 = nova ArticlesModel ();
article2.Title = "Second Blog" ;
article2.Description = "Descrio Para Second Blog" ;

13
14
15
16
17
18

articles.Add (article2);
retornar View (artigos);
}

Agora, vamos adicionar uma pgina de vista. voc pode adicion-lo


manualmente atravs da criao de um novo arquivo de vista no diretrio vista,
ou para a direita a partir do arquivo controlador (mais simples e
recomendado). coloque o cursor do mouse dentro do mtodo do "Index", boto
direito do mouse, selecione "Adicionar view 'option.Keep' Index 'o nome
padro, selecione o mecanismo de exibio' Navalha '. Verifique a caixa de
seleo "Criar uma viso fortemente digitado", selecione a classe 'ArticleModel'
da lista de classes de modelo (lembre-se,voc vai precisar recompilar o
projeto antes que voc possa ver o modelo recm-adicionado na
lista). Selecione um modelo de andaime chamado 'List'. Clique em
"Adicionar". Voc vrios cdigos foi gerado automaticamente no nosso novo
ponto de vista, o que, na verdade, tem todos os links de ao bsicos e
estrutura que talvez seja necessrio.
Agora pode executar o aplicativo novamente para ver o que voc acabou de
criar. na url 'http: // localhost: 5000 / Blog' vamos ver uma pgina como a
seguinte imagem:

Introduo ao modelo de motor de


barbear:
Ns no escrever qualquer cdigo para o modelo e, portanto, voc pode no
entender ainda como funciona 'navalha'. Mas, espero que voc vai ter uma

idia muito boa, olhando para os trechos de cdigo em nosso modelo de


navalha recm-criado. Aqui est o cdigo desse modelo:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

model IEnumerable < MvcApplication1.Models.ArticlesModel >


@ {
}

ViewBag.Title = "Index";

< h2 > ndice </ h2 >


< p >
@ Html.ActionLink ("Criar Novo", "Criar")
</ p >
< tabela >
< tr >
< th > </ th >
< th >
Ttulo
</ th >
< th >
Descrio
</ th >
</ tr >

foreach (var item em Model) {


< tr >
< td >
@ Html.ActionLink ("Edit", "Editar", new {/ * id = item.PrimaryKey *
@ Html.ActionLink ("Detalhes", "Detalhes", new {/ * id = item.Primar
@ Html.ActionLink ("Delete", "Delete", new {/ * id = item.PrimaryKey
</ td >
< td >
@ Item.Title
</ td >
< td >
@ Descrio do item
</ td >
</ tr >
}
</ mesa >

voc pode ver, o elemento de cdigo de motor de barbear o carter


'@'. contanto que voc escrever um presente, voc pode usar outros elementos
com vista como de costume inteligncia visual studio. voc tambm pode usar
as variveis .net, para loops / foreach, se as condies etc Caractersticas

bsicas tambm. Assim, a adaptao deste novo modelo de motor, no difcil


em tudo, bastante fcil de usar do que a abordagem geral asp.net.

Das könnte Ihnen auch gefallen