tutorial -começando asp.net mvc

11
Começando Asp.net MVC 3 e Razor Com C Exemplos # Código O padrão de projeto MVC (Model / View / Controller) tornou- se uma metodologia de desenvolvimento de software muito popular e confiável. Para aplicar isso de forma eficaz em aplicações web, a Microsoft lançou o novo quadro baseado no padrão MVC para desenvolvimento de aplicações web, nomeado Asp.NET MVC. A última versão do asp.net MVC é 3.0. No caminho, houve uma série de melhorias. Agora, o seu é um framework de aplicações web muito robusto para trabalhar. Hoje, neste tutorial, o meu objetivo é fazer com que você familiarizado com Asp.NET MVC 3, e caminhar através de um aplicativo básico Olá mundo, juntamente com a introdução de asp.net motor modelo 'navalha'. Estou assumindo, você sabe o que é MVC. Se não o fizer, por favor, começar com a leitura através de artigo wiki sobre MVC . Para concluir este tutorial, recomenda pré-requisitos são os seguintes: Visual Studio 2010 Asp.NET MVC 3 (Devidamente instalado no Visual Studio) .Se não, por favor, instalá-lo aqui,http://www.asp.net/mvc/mvc3 Melhoria e Visão geral dos recursos On Asp.Net MVC 3.0: Suporte para vários Veja Engines. Há uma série de motores de vista são suportados pelo asp.net MVC 3.0. Você pode escolher qualquer um deles. Eles são Navalha, Spark, NHaml e NDjango. Filtros de Ação Global: Para executar algumas funcionalidades pré-definido antes ou depois de uma função de controlador é executar, MVC 2 introduziu 'filtros de ação'. No entanto, ele só trabalhou para o

Upload: nilton-de-araujo

Post on 11-Nov-2015

260 views

Category:

Documents


6 download

DESCRIPTION

asp net

TRANSCRIPT

Comeando Asp.net MVC 3 e Razor Com C Exemplos # CdigoO 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 deartigo 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/mvc3Melhoria 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 pr-definido 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':0102030405060708091011121314151617181920usando 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 ". UrlAqui est o trecho de cdigo para este mtodo, com o qual quer mostrar a lista de artigos:010203040506070809101112131415161718pblico Index ActionResult (){List artigos = novo List ();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" ;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:010203040506070809101112131415161718192021222324252627282930313233343536373839model IEnumerable < MvcApplication1.Models.ArticlesModel >@ {ViewBag.Title = "Index";}< h2 > ndice < p >@ Html.ActionLink ("Criar Novo", "Criar")

< tabela >< tr >< th > < th >Ttulo< th >Descrioforeach (var item em Model) {< tr >< td >@ Html.ActionLink ("Edit", "Editar", new {/ * id = item.PrimaryKey * /}) |@ Html.ActionLink ("Detalhes", "Detalhes", new {/ * id = item.PrimaryKey * /}) |@ Html.ActionLink ("Delete", "Delete", new {/ * id = item.PrimaryKey * /})< td >@ Item.Title< td >@ Descrio do item}

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.