Construindo Aplicações com ASP.NET MVC 2.0 Aula 01 Luiz Alberto Ferreira Gomes. Ciência da Computação da PUC Minas

Transcrição

1 Construindo Aplicações com ASP.NET MVC 2.0 Aula 01 Luiz Alberto Ferreira Gomes Ciência da Computação da PUC Minas

2 Microsoft Web Plataform 2 Código Dados IIS Express Hospedagem

3 Microsoft.NET 3 Plataforma única para desenvolvimento e execução de sistemas e aplicações. Código.NET pode ser executado em qualquer dispositivo que possua o framework. Código escrito para a plataforma.net e não para um sistema ou dispositivo específico

4 Arquitetura.NET 4 Baseia-se no conceito de Just In Time Compiler (JIT) Programas são duplo-compilados Código fonte escrito em uma das linguagens de programação disponíveis para a plataforma compilado para código Microsoft Intermediate Language (MSIL). Compilador JIT compila o código em MSIL novamente no momento a execução. código é gerado de acordo com o tipo de projeto

5 Arquitetura.Net 5 Código Fonte em C# Código Fonte em Basic Código Fonte em ASP.Net Compilador C# Compilador Basic Compilador ASP.Net IL e Metadata IL e Metadata IL e Metadata

6 Arquitetura.NET 6 Um web site desenvolvido em ASP.NET, por exemplo: o JIT compilará o código de uma página somente na primeira vez que ela for acessada Outros usuários executarão o código compilado Ferramentas específicas podem "pré-compilar" o código Evitando o custo da compilação JIT durante a execução.

7 ASP.NET 7 Asynchronous Server Page.NET ou ASP.NET plataforma de desenvolvimento Web da Microsoft componente do Internet Information Services (IIS) Permite criar páginas dinâmicas para Web ASP.NET herda todas as características do.net Aplicações podem ser escritas em várias linguagens, como C# e Visual Basic.NET.

8 ASP.NET 8 Visual Studio.NET é o ambiente mais comum para desenvolvimento em ASP.NET Possui características que facilitam o trabalho do programador como os componentes visuais para criação de páginas Web. Uma aplicação ASP.NET pode reutilizar código de qualquer outro projeto escrito para a plataforma.net mesmo que tenha sido escrito em linguagem diferente. por exemplo, uma página ASP.NET escrita em VB.NET pode chamar componentes escritos em C# As aplicações ASP.NET são compiladas antes da execução trazendo sensível ganho de desempenho.

9 ASP.NET 9 As aplicações Web ASP.NET necessitam do Framework.NET e do servidor IIS para executar, pelo menos na plataforma Windows. Existe também o projeto mod_aspdotnet, módulo que permite o servidor Apache HTTP Server trabalhar em conjunto com o Framework.NET e rodar aplicações ASP.NET na plataforma Windows. O projeto Mono é um esforço para permitir que aplicações ASP.NET (na verdade toda a plataforma.net) possam executar em outras plataformas, como o Linux.

10 ASP.NET MVC 10 O ASP.NET MVC é um padrão de arquitetura que provê uma alternativa ao ASP.NET Web Forms baseado no padrão Model View Controller. O ASP.NET MVC é um padrão que muitos desenvolvedores estão acostumados, de separar em camadas o modelo, a visualização e os controles. Algumas aplicações Web vão se beneficiar do framework MVC outras continuarão a usar o padrão tradicional ASP.NET baseado em Web Forms. Nenhuma abordagem exclui a outra ASP.NET Web Forms e ASP.NET MVC podem ser utilizadas ao mesmo tempo.

11 Padrão Model-View-Controller Controller 3 Model 4 5 View

12 Padrão Model-View-Controller 12 View camada composta de páginas e formulários em html e javascript. Controller camada que coordena a interação da View com o Model. Model camada que engloba classes do domínio da aplicação. Em uma aplicação web real outras camadas existiram.

13 Internet Information Services 13 Internet Information Services ou IIS servidor web criado pela Microsoft. a versão mais atual é a versão 7.5. Uma das características é a geração de páginas HTML dinâmicas utiliza a tecnologia proprietária ASP. pode utilizar outras tecnologias com adição de módulos de terceiros. Após 2002 o IIS ganhou também a função de gerenciar a pilha ASP.NET. páginas Web tradicionais que contém a extensão ASPX. funções disponibilizadas via Web Services chamadas por aplicativos ASMX

14 A Aplicação Quote-O-Matic 14 A aplicação mostrará aleatoriamente ao visitante uma citação famosa a cada vez que a página for visitada. O mantenedor poderá criar citações e associá-las a um determinado autor. O mantenedor poderá modificar o texto e as citações criadas previamente. O mantenedor poderá remover uma citação quando desejar. Cada citação poderá ser avaliada pelo visitante que dará uma nota de 0 a 5. O mantenedor poderá extrair um relatório de citações avaliadas.

15 A Aplicação Quote-O-Matic 15 O primeiro caso de uso a ser desenvolvido é o Citar Autor. Descrição Resumida: Quando o visitante conectar à página de citações, o Quote-O- Matic deverá apresentar uma citação e o autor que a fez.

16 Criando a Aplicação Quote-O-Matic Execute o Visual Studio 2. Escolha o perfil de desenvolvim ento para Web.

17 Criando a Aplicação Quote-O-Matic Clique em File New Project para criar a aplicação QuoteOMati c.

18 Criando a Aplicação Quote-O-Matic Em Visual Studio Solutions selecione Blank Solution. 2. Escolha a versão 3.5 do.net Framework. 3. Em Name digite QuoteOMatic. 4. Em Location c:\dev.

19 Criando a Camada QuoteOMatic.Domínio Clique em File New Project para criar a camada QuoteOMati c.dominio.

20 Criando a Camada QuoteOMatic.Domínio Em Installed Template, escolha Visual C#. 2. Escolha a versão 3.5 do.net Framework 3.Escolha o tipo de projeto Class Library. 4. Em Name digite QuoteOMatic.Dom inio. 5. Em Location digite c:\dev\quoteom agic. 6. Em solution selecione Add to Solution.

21 Criando a Camada QuoteOMatic.Controladores Clique em File New Project para criar a camada QuoteOMati c.controlado res.

22 Criando a Camada QuoteOMatic.Controladores Em Installed Template, escolha Visual C#. 2. Escolha a versão 3.5 do.net Framework 3. Escolha o tipo de projeto Class Library. 3. Em Name digite QuoteOMatic.Con troladores. 4. Em Location digite c:\dev\quoteom agic. 5. Em solution selecione Add to Solution.

23 Criando a Camada QuoteOMatic.Visao.Web.MVC Clique em File New Project para criar a camada QuoteOMati c.visao.web. MVC.

24 Criando a Camada QuoteOMatic.Visao.Web.MVC Em Installed Template, escolha Visual C#. 2. Escolha a versão 3.5 do.net Framework. 3.Selecione o tipo de projeto ASP.NET MVC 2 Application. 3. Em Name digite QuoteOMatic.Visao. Web.MVC 4. Em Location digite c:\dev\quoteomagi c. 5. Em solution selecione Add to Solution.

25 A Camada QuoteOMatic.Visao.Web.MVC Escolha No, do not create a unit test project.

26 Escolhendo a Camada de Inicialização da Aplicação Selecione QuoteOMatic. Visao.Web.M VC. 2. Com o BDM escolha a opção Set as Startup Project.

27 Criando as Referências da Camada QuoteOMatic.Visao.Web.MVC Selecione com o BDM em QuoteOMatic. Visao.Web.M VC.

28 Criando as Referências da Camada QuoteOMatic.Visao.Web.MVC Na Aba Projects, selecione QuoteOMatic.C ontroladores. 2. Com o BDM escolha a opção Add Reference. 3. Na Aba Assemblies 2. Clique em Ok.

29 Criando as Referências da Camada QuoteOMatic.Visao.Web.MVC Selecione com o BDM em QuoteOMatic. Controladores.

30 Criando as Referências da Camada QuoteOMatic.Controladores Na Aba Projects, selecione QuoteOMatic.D ominio. 2. Com o BDM escolha a opção Add Reference. 2. Clique em Ok.

31 Criando as Referências da Camada QuoteOMatic.Controladores Selecione com o BDM em QuoteOMatic. Controladores.

32 Criando as Referências da Camada QuoteOMatic.Controladores Na Aba Assemblies, selecione System.Web, System.Web.Mvc e System.Web.Rou ting 2. Com o BDM escolha a opção Add Reference. 2. Clique em Ok.

33 Executando a Aplicação QuoteOMatic Para executar a aplicação selecione a camada QuoteOMatic. Visao.Web.M VC e tecle CRTL+F5. 2. A tela ao lado deverá ser apresentada no navegador.

34 O Roteamento Entre As Camadas 34 Internet Information Service (IIS) ASP.NET Extension (aspnet_isapi.dll) HomeController Executa o processamento e direciona a apresentação para a visão. Global.asax Analisa o controlador, a ação e os parâmetros da URL. Cria uma nova instância do controlador. Index.aspx Renderiza a página HTML

35 35 Roteamento Entre As Camadas

36 Por Trás da Cena Ações são executadas de acordo com a URL informada pelo usuário. A ação Index é um valor Default, executado sempre que nenhuma outra ação é especificada.

37 Por Trás da Cena namespace QuoteOMatic.Visao.Web.MVC.Controllers 2. { 3. [HandleError] 4. public class HomeController : Controller 5. { 6. public ActionResult Index() 7. { 8. ViewData["Message"] = "Welcome to ASP.NET MVC!"; 9. return View(); 10. } 11. public ActionResult About() 12. { 13. return View(); 14. } 15. } 16. } Controlador padrão, definido no arquivo Global.asax. Ação executada quando o site digite a url do site. Redireciona a exibição da mensagem para página /Views/Home/Index.aspx.

38 Por Trás da Cena Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> <asp:content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> Home Page </asp:content> <asp:content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> A ViewData contém a mensagem atribuída no controlador. <h2><%= Html.Encode(ViewData["Message"]) %></h2> Inclui código C# no código ASP. <p> To learn more about ASP.NET MVC visit <a href=" title="asp.net MVC Website"> </p> </asp:content>

39 A Aplicação Quote-O-Matic 39 Diagrama de Classes 1 Baixa coesão 3 Está funcionando como um repositório. 2 Acoplada com a Classe Random desnecessaria mente. Qual é o problema com a modelagem acima?

40 Criando a Classe Quote Selecione a camada QuoteOMatic. Dominio. 2. Com o BDM escolha a Add Class. 3. Digite o nome da Classe Quote.cs 4. Digite o código que está no próximo slide.

41 Código a Classe Quote public class Quote 2. { 3. private static Random randomizer = new Random(); 4. private static List<Quote> FamousQuotes = new List<Quote> 5. { 6. new Quote {Author = "Guimarães Rosa 7., Contents = "Quando nada acontece, há um milagre que não estamos vendo."}, 8. new Quote {Author = "Castro Alves 9., Contents = "Bendito aquele que semeia livros e faz o povo pensar."} 10. }; 11. public string Contents { get; set; } 12. public string Author { get; set; } 13. public static Quote ChooseRandomQuote() 14. { 15. int randomindex = randomizer.next(famousquotes.count()); 16. return FamousQuotes[randomIndex]; 17. } 18. }

42 Criando o Controlador QuoteController Selecione a camada QuoteOMatic. Controladores. 2. Com o BDM escolha a Add Class. 3. Digite o nome da Classe QuoteControll er.cs 4. Digite o código que está no próximo slide.

43 Criando o Controlador QuoteController using System.Web.Mvc; 2. using QuoteOMatic.Dominio; 3. namespace QuoteOMatic.Controladores 4. { 5. public class QuoteController : Controller 6. { 7. public ActionResult Index() 8. { Um controlador dever descender da classe Controller. 9. ViewData["Contents"] = Quote.ChooseRandomQuote().Contents; 10. return View(); 11. } 12. } 13. }

44 Criando a Visão Quote/Index.aspx Selecione a camada QuoteOMatic.V isao.web.mvc. 2. Selecione a pasta Views. 3. Com o BDM escolha a opção Add New Folder. 4. Renomeie o folder criado para Quote.

45 Criando a Visão Quote/Index.aspx Selecione a pasta Views/Quote. 2. Com o BDM escolha a opção Add View. 3. Em View Name digite Index. 4. Altere o código gerado para o código do próximo slide.

46 Criando a Visão Quote/Index.aspx Page Title="" Language="C#" 2. MasterPageFile="~/Views/Shared/Site.Master" 3. Inherits="System.Web.Mvc.ViewPage" %> 4. <asp:content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> 5. Index 6. </asp:content> 7. <asp:content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 8. <h2>citação do Dia</h2> 9. <h3><%=html.encode(viewdata["contents"])%></h3> 10. </asp:content> Linhas alteradas

47 Alterando o Arquivo Site.Master 47 O arquivo Site.Master define o laioute padrão do site. Localiza-se na pasta Views/Shared/Site.Master Insira um link no menu para a apresentação de uma citação: <ul id="menu"> <li><%= Html.ActionLink("Home", "Index", "Home")%></li> texto do link, ação e controlador <li><%= Html.ActionLink("Quote", "Index", "Quote")%></li> /ul> <li><%= Html.ActionLink("About", "About", "Home")%></li>