INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o...
Transcript of INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o...
![Page 1: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/1.jpg)
PROGRAMAÇÃO PARA INTERNET RICA
Prof. Dr. Daniel Caetano
2012 - 1
INTRODUÇÃO AO ASP.NET
![Page 2: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/2.jpg)
Objetivos
• Conhecer a plataforma ASP.Net
• Compreender os elementos de um sistema ASP.Net
• Capacitar o aluno para criar páginas simples com o uso de ASP.Net
![Page 3: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/3.jpg)
Material de Estudo
Material Acesso ao Material
Notas de Aula -
Apresentação http://www.caetano.eng.br/aulas/pir/ (Aula 13) – PARCIAL / COMPLETO
Material Didático Ajax, Rich Internet Applicatiosn e Desenvolvimento Web para Programadores (Asp.Net 2.0 e Asp.Net Ajax)
![Page 4: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/4.jpg)
O QUE É ASP.NET?
![Page 5: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/5.jpg)
Introdução
• ASP – Active Server Pages
– Tecnologia Microsoft concorrente de:
• PHP
• JSP
• Ruby
– Baseada no Visual Basic
• Com o surgimento da plataforma .Net
– ASP.Net
• ASP/VB que usa o .Net
![Page 6: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/6.jpg)
Introdução
• Quais os objetivos do ASP.Net?
– Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop
– Permitir integração simples de componentes Web com demais componentes .Net
• Qual o foco do ASP.Net?
– Desenvolvimento de Sistemas Web
• Em especial, sistemas de informação
– Desenvolvimento de camada de visão Web para sistemas mais complexos
![Page 7: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/7.jpg)
Introdução
• Vantagens:
– Facilidade de Integração com .Net
– Aprendizado rápido (para programadores .Net)
– Uso de muitas funcionalidades prontas do .Net
– Em casos simples, melhor desempenho que Java
• “Desvantagens”:
– Parcialmente “amarrada” em soluções MS
• Mono - http://www.mono-project.com/Main_Page
– ASP/Visual Basic
![Page 8: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/8.jpg)
ANATOMIA DE UMA APLICAÇÃO ASP.NET
![Page 9: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/9.jpg)
Anatomia ASP.Net
• VisualStudio: tenta esconder tudo...
– Para quê entender?
• Para saber o que é possível modificar!
• Programa ASP.Net básico: duas partes
– Formulário (visão): arquivo.aspx
– Code-behind (controle): arquivo.aspx.vb
• Code-behind: espécie de View Control
![Page 10: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/10.jpg)
Anatomia ASP.Net
• Formulário + Code-behind = Classe
– Depois de gerado o código, eles são unidos
• Similar ao JSP
– Na primeira execução...
• ...Código é transformado em bytecode .Net
– Primeira execução é mais lenta
![Page 11: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/11.jpg)
Anatomia ASP.Net
• No fundo...
– O que escrevermos...
– ... No ASPX / VB...
– ...será transformado...
– ...em um programa, quando...
– ...o usuário fizer o 1º acesso!
• Esse executável é guardado em um cache
ASPX
Executável .Net
Acesso ao IIS
![Page 12: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/12.jpg)
Anatomia ASP.Net – O ASPX
![Page 13: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/13.jpg)
Anatomia ASP.Net – O VB
![Page 14: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/14.jpg)
ASP.NET NA PRÁTICA
![Page 15: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/15.jpg)
ASP.Net na Prática
• Primeiramente, inicie o Visual Studio 2008
![Page 16: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/16.jpg)
ASP.Net na Prática
• Primeiramente, inicie o Visual Studio 2008
![Page 17: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/17.jpg)
ASP.Net na Prática
• Primeira execução? Web Development
![Page 18: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/18.jpg)
ASP.Net na Prática
• Aguarde o carregamento...
![Page 19: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/19.jpg)
ASP.Net na Prática • Esta é a tela principal
![Page 20: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/20.jpg)
ASP.Net na Prática • Vamos começar um novo projeto...
![Page 21: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/21.jpg)
ASP.Net na Prática • O projeto será Visual Basic > Web
![Page 22: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/22.jpg)
ASP.Net na Prática • Mude o nome: WProjeto1
![Page 23: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/23.jpg)
ASP.Net na Prática • E chegamos finalmente ao código
![Page 24: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/24.jpg)
ASP.Net na Prática • Para vermos o código do servidor...
![Page 25: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/25.jpg)
ASP.Net na Prática • E aqui está o código em Visual Basic
NÃO quebre a linha aqui!
![Page 26: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/26.jpg)
ASP.Net na Prática • Esta função é executada quando o evento
Page Load ocorre
![Page 27: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/27.jpg)
ASP.Net na Prática • Para voltar a visualizar o ASPX, use as abas
![Page 28: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/28.jpg)
ASP.Net na Prática • Para testar, use o botão “play”
![Page 29: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/29.jpg)
ASP.Net na Prática • O que aconteceu?
– Não programamos nada!
• Dicas:
– F5 também serve para executar...
– Shift + F5 serve para parar a execução
• Vamos acrescentar um código qualquer...
![Page 30: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/30.jpg)
ASP.Net na Prática • Experimente executar depois!
![Page 31: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/31.jpg)
ASP.Net na Prática • Funcionou? Vejamos um outro jeito...
![Page 32: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/32.jpg)
ASP.Net na Prática • O modo Design permite edição direta
![Page 33: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/33.jpg)
ASP.Net na Prática • As propriedades são ajustadas na lateral...
![Page 34: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/34.jpg)
ASP.Net na Prática • Cria-se elementos de form pela Toolbox
![Page 35: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/35.jpg)
ASP.Net na Prática • Arraste um Label para a tela...
![Page 36: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/36.jpg)
ASP.Net na Prática • E mude o id dele para horaLabel
![Page 37: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/37.jpg)
ASP.Net na Prática • Agora vamos criar uma classe para o label
![Page 38: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/38.jpg)
ASP.Net na Prática • Mude a letra e a cor...
![Page 39: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/39.jpg)
ASP.Net na Prática • E a borda...
![Page 40: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/40.jpg)
ASP.Net na Prática • Dê o nome de “hora” para a classe:
![Page 41: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/41.jpg)
ASP.Net na Prática • E indique para criar uma nova folha de estilo
![Page 42: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/42.jpg)
ASP.Net na Prática • Selecione o Label e mude a classe para “hora”
![Page 43: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/43.jpg)
ASP.Net na Prática • Execute (F5) e veja o resultado!
• Abra o código fonte na janela do navegador – Observe como ficou o XHTML
– Observe como ficou o CSS
• Prático? – Vantagens:
• Reduz necessidade de “decorar”
• WYSIWYG
– Desvantagens: • Excessivamente burocrático
• Nem todos os atributos estão nas janelas
• As propriedades nem sempre ficam onde você deseja
![Page 44: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/44.jpg)
ATIVIDADE
![Page 45: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/45.jpg)
Atividade
• Modifique o visual apresentado para que fique como indicado abaixo:
• Fonte do h1: Calibri, xx-large, small-caps
• Padding do label: 10px
![Page 46: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/46.jpg)
IMPLEMENTANDO CÓDIGO
![Page 47: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/47.jpg)
Código de Servidor com o ASP.Net • Vamos ajustar a hora no Page Load
• O valor deve ser colocado no horaLabel
![Page 48: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/48.jpg)
Código de Servidor com o ASP.Net • Vamos ao código Default.aspx.vb
Aí é que entra o nosso código do Page_Load
![Page 49: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/49.jpg)
Código de Servidor com o ASP.Net • Vamos ao código Default.aspx.vb
Isso é Visual Basic .Net... Tudo que vocês
aprenderam, serve aqui!
![Page 50: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/50.jpg)
Código de Servidor com o ASP.Net • Mudemos o conteúdo do label para “HORA”
• Execute e observe o código XHTML gerado!
![Page 51: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/51.jpg)
Código de Servidor com o ASP.Net • Mudemos para a hora atual
• Execute e observe o código XHTML gerado!
![Page 52: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/52.jpg)
Código de Servidor com o ASP.Net • Voltemos para o ASPX... Modo design.
![Page 53: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/53.jpg)
Código de Servidor com o ASP.Net • Arraste um Button da ToolBox para o form
![Page 54: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/54.jpg)
Código de Servidor com o ASP.Net • E mude o texto dele para “Ajusta”
![Page 55: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/55.jpg)
Código de Servidor com o ASP.Net • E mude o ID dele para bAjusta
![Page 56: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/56.jpg)
Código de Servidor com o ASP.Net • Agora dê um duplo clique no botão Ajusta
![Page 57: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/57.jpg)
Código de Servidor com o ASP.Net • Seremos encaminhados para o aspx.vb...
Função executada no evento bAjusta_Click
![Page 58: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/58.jpg)
Código de Servidor com o ASP.Net • Vamos atualizar o valor do horaLabel!
• Execute e veja o que ocorre... Olhe o código!
![Page 59: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/59.jpg)
Código de Servidor com o ASP.Net • Arraste agora um TextField para o form
![Page 60: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/60.jpg)
Código de Servidor com o ASP.Net • E mude o ID dele para prefixo
![Page 61: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/61.jpg)
Código de Servidor com o ASP.Net • E, no aspx.vb, mude o código do botão...
• Experimente...
• Escreva algo no campo texto e use o botão!
![Page 62: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/62.jpg)
ATIVIDADE
![Page 63: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/63.jpg)
Atividade • Inicie um projeto chamado Wcalc
• Crie um layout similar ao indicado abaixo
• Quando clicar em “Soma” as Parcelas devem ser somadas e o resultado colocado em Total
• Dica: val(texto) converte texto para número!
• Dica: Dim x As Integer declara x como inteiro!
![Page 64: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/64.jpg)
Atividade - Solução
![Page 65: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/65.jpg)
CONCLUSÕES
![Page 66: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/66.jpg)
Resumo • O ASP.Net é muito prático para criar
aplicações web baseadas em formulários
• O Visual Studio inclui recursos para gerenciar o desenvolvimento de páginas, incluindo estilos
• Todo o aprendizado de Visual Basic se aplica ao ASP.Net
• TAREFA
– Trabalho B!
![Page 67: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/67.jpg)
PERGUNTAS?
![Page 68: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/68.jpg)
Próxima Aula
![Page 69: INTRODUÇÃO AO ASP - Caetano · Introdução •Quais os objetivos do ASP.Net? –Tornar o desenvolvimento Web mais parecido com o desenvolvimento desktop –Permitir integração](https://reader033.fdocuments.net/reader033/viewer/2022042915/5f5231fea0994f423e2c20a5/html5/thumbnails/69.jpg)
BOM DESCANSO A TODOS!