conhecendo o vs2008: windows forms x web forms x web services 1º semestre 2009 > pucpr > pós...
TRANSCRIPT
![Page 1: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/1.jpg)
Conhecendo o VS2008: Windows Forms X Web Forms X Web Services
1º Semestre 2009 > PUCPR > Pós em Web
Bruno C. de PaulaBruno C. de Paula
![Page 2: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/2.jpg)
Resumo da aula
O objetivo de hoje é comparar algumas das abordagens de desenvolvimento possíveis para trabalhar com a plataforma .Net.
![Page 3: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/3.jpg)
Visual Studio 2008
Ambiente de desenvolvimento integrado (IDE - Integrated Development Environment) da Microsoft para geração rápida de aplicações (RAD - Rapid Application Development);
Suporte a múltiplas linguagens (C#, VB.Net, F#, etc) e plataformas (Web, Mobile, Windows).
![Page 4: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/4.jpg)
Edições
Download e mais informações em:http://www.microsoft.com/expresshttp://www.microsoft.com/visualstudio/
![Page 5: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/5.jpg)
Passo a passoProjeto em Windows Formspara cálculo do IMCIMC = peso / (altura * altura)
(Visual C# Express)
![Page 6: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/6.jpg)
611/04/23
Windows FormsDesktop em .NetAbordagem imperativa (código C#):
–Descreve o programa como um conjunto de ordens (ações);
–Diz como fazer;–Poderosas, mas difíceis para "pessoas
normais";Desenvolvimento Windows, Linux e
MacOs (Mono).
![Page 7: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/7.jpg)
Criar um Projeto
File > New Project
![Page 8: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/8.jpg)
Escolher o tipo de projeto
![Page 9: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/9.jpg)
Visualizar o esqueleto de solução criado
Solução = Conjunto de Projetos
![Page 10: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/10.jpg)
Esqueleto de solução
Formulário:Form1.cs:
comportamento;Form1.Designer.cs:
interface.
![Page 11: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/11.jpg)
Exibir a barra de controles
Exibir a barra de ferramentas em:– View > Toolbox
![Page 12: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/12.jpg)
Criar a interface
Arrastar no formulário:– 2 Label;– 1 Button;– 2 TextBox.
![Page 13: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/13.jpg)
Alterar a interface
Alterar o valor de cada um dos rótulos;Selecione o rótulo e pressionar F4 para exibir
a janela de propriedades; Altere a propriedade Text.
![Page 14: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/14.jpg)
Alterar a interface
Propriedade Text do Botão para “Calcular IMC”;
Propriedade Text de um Label para peso;
Propriedade Text de outro para altura;
Propriedade (Name) de uma caixa de texto para textBoxPeso;
Propriedade (Name) de outra para textBoxAltura.
![Page 15: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/15.jpg)
![Page 16: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/16.jpg)
Onde está o código para criação desta interface?Ver arquivo
Form1.Designer.cs
![Page 17: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/17.jpg)
Onde está o código para criação desta interface?
Cada instância corresponde a um elemento na interface.
![Page 18: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/18.jpg)
Onde está o código para criação desta interface?
O código de preenchimento de cada valor de propriedade é gerado automaticamente.
![Page 19: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/19.jpg)
Associar o evento de clique ao botão
Selecionar o botão;Pressionar F4 (propriedades);Selecionar o “raio” (lista de eventos);Clique 2 x na palavra Click.
![Page 20: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/20.jpg)
Preencher o evento de clique de botãoFoi gerado o esqueleto do código que será
chamado quando o botão for clicado.
![Page 21: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/21.jpg)
Preencher o evento de clique do botão
![Page 22: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/22.jpg)
![Page 23: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/23.jpg)
Fim!O programa gerado só roda em
ambiente Desktop
![Page 24: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/24.jpg)
Passo a passoProjeto em ASP.NETpara cálculo do IMCsem usar Web FormsIMC = peso / (altura * altura)
(Visual Web Developer)
![Page 25: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/25.jpg)
Criar um novo Web Site
File > New Web Site.
![Page 26: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/26.jpg)
Escolher o tipo de web site
Escolher web site vazio: Empty Web Site!
![Page 27: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/27.jpg)
Criar uma página HTML (index.htm)
Criar um novo item;Menu WebSite > Add
New Item.
![Page 28: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/28.jpg)
Criar uma página HTML
![Page 29: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/29.jpg)
Criar a interface
![Page 30: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/30.jpg)
Quando o usuário clicar no botão submit, os dados serão enviados para a página CalcularIMC.aspx
![Page 31: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/31.jpg)
Criar a página CalcularIMC.aspx
Criar um novo item;Menu WebSite > Add
New Item.
![Page 32: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/32.jpg)
Criar a página CalcularIMC.aspxDesmarque a opção “Place code in separate
file”.
![Page 33: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/33.jpg)
Escrever o código para cálculo de IMC
Limpar o que havia anteriormente na página
![Page 34: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/34.jpg)
Compilar o Web Site
Menu Build > Build Web Site
![Page 35: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/35.jpg)
Verificar erros
Cada linha com erros é indicada na tela de Output.
![Page 36: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/36.jpg)
Selecionar o Navegador Web
![Page 37: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/37.jpg)
Calcular o IMC
![Page 38: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/38.jpg)
Fim!O programa gerado recarrega a
página toda ao executar
![Page 39: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/39.jpg)
Passo a passoProjeto em ASP.NETpara cálculo do IMCsem usar Web Formse usando Ajax(usando jQuery – http://jquery.com)IMC = peso / (altura * altura)
(Visual Web Developer – usar o mesmo projeto!)
![Page 40: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/40.jpg)
Criar a página index_ajax.html
Criar um novo item;Menu WebSite > Add
New Item.
![Page 41: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/41.jpg)
Criar a página index_ajax.html
![Page 42: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/42.jpg)
Escrever o código de transferência Ajax
![Page 43: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/43.jpg)
Fim!Observe que a biblioteca jQuery
pode ser “baixada”.Por padrão, ela está disponível
apenas no VS 2010.
![Page 44: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/44.jpg)
Passo a passoProjeto em ASP.NETpara cálculo do IMCusando Web Forms(sem Ajax)IMC = peso / (altura * altura)
(Visual Web Developer – usar o mesmo projeto!)
![Page 45: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/45.jpg)
Criar a página CalcularImcWebForms.aspx
Criar um novo item;Menu WebSite > Add
New Item.
![Page 46: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/46.jpg)
Criar a página Escolher Web Form;
Selecionar a opção “Place code in separate file”;
![Page 47: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/47.jpg)
Criar a interfaceCriar de maneira semelhante à interface
criada na versão Desktop;
![Page 48: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/48.jpg)
Associar o evento de clique ao botão
Clicar 2 x no botão;Será gerado um esqueleto de código.
![Page 49: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/49.jpg)
Preencher o evento de clique do botão
![Page 50: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/50.jpg)
Comentar linha no arquivo CalcularIMCWebForm.aspx (bug...)
![Page 51: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/51.jpg)
Testar!
![Page 52: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/52.jpg)
Fim!
![Page 53: Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula](https://reader035.vdocuments.mx/reader035/viewer/2022062318/552fc0fe497959413d8bbabb/html5/thumbnails/53.jpg)
Extras!
Para usar Ajax em um projeto Web Forms:–Crie um Ajax Web Form;–Coloque dentro de um componente
UpdatePanel todos os componentes ajaxificáveis;
Você também pode criar Web Services em seu projeto.