Aula 01 web server controls

34
Programação Web I Professora: Ana Paula Citro Fujarra Rodrigues

Transcript of Aula 01 web server controls

Page 1: Aula 01   web server controls

Programação

Web I

Professora: Ana Paula Citro Fujarra Rodrigues

Page 2: Aula 01   web server controls

O ASP.NET fornece um modelo de desenvolvimento Web

unificado que inclui os serviços necessários para criar aplicativos

Web de nível empresarial.

O ASP.NET é parte do .NET Framework e, ao codificar

aplicativos ASP.NET, tem-se acesso a classes no .NET Framework.

Podemos utilizar qualquer linguagem compatível com o

Common Language Runtime (CLR), incluindo Microsoft Visual

Basic, C#, JScript .NET e J#.

INTRODUÇÃO AO ASP.NET

Visão Geral do ASP.NET

Page 3: Aula 01   web server controls

O ASP.NET inclui:

• Uma estrutura de página e controles

• O compilador do ASP.NET

• Infra-Estrutura de Segurança

• Facilidades no gerenciamento de estado

• Arquivo de configuração da aplicação

• Recursos para monitoramento da integridade e desempenho

• Suporte a depuração

• Uma estrutura de serviços da Web XML

• Ambiente de hospedagem extensível e gerenciamento de ciclo de

vida da aplicação

• Um ambiente de designer extensível

INTRODUÇÃO AO ASP.NET

Page 4: Aula 01   web server controls

Uma Web Form ASP.NET é executada do lado do servidor, o que

significa que cada vez que pedimos (Request) essa página ela é

executada no servidor e posteriormente devolvida (Response) para

o browser em HTML, esta operação ocupa largura de banda e

tempo.

Não significa que no cliente é melhor ou que no servidor é mais

seguro, o grande desafio das WebForms é a fusão entre código do

lado do cliente e servidor, tornando assim a página rápida e menos

pesada.

Cliente x Servidor

INTRODUÇÃO AO ASP.NET

Page 5: Aula 01   web server controls

INTRODUÇÃO AO ASP.NET

Page 6: Aula 01   web server controls

INTRODUÇÃO AO ASP.NET

Page 7: Aula 01   web server controls

O PostBack é o nome dado as operações de Request e Response, ou

seja, quando uma página inteira e o seu conteúdo são enviados para

o servidor, processados e devolvidos para o browser.

Para simplificar Request é quem faz o pedido (Browser para Web

Server) e Response é quem recebe o pedido (Web Server para

Browser).

INTRODUÇÃO AO ASP.NET

PostBack

Page 8: Aula 01   web server controls

INTRODUÇÃO AO ASP.NET

Web Server Controls

Os Web Server Controls do ASP.NET são objetos nas páginas Web

que são executados quando a página é solicitada e desenhada no

navegador. Muitos controles do servidor Web são semelhantes aos

elementos do HTML, como botões e caixas de texto. Outros

controles possuem comportamento complexo, como controles de

calendário e controles que podemoa usar para se conectar a banco

de dados. O ASP.NET também tem Web Server Controls com

AJAX ativado.

Page 9: Aula 01   web server controls

Quando criamos páginas da Web ASP.NET podemos usar esses tipos de

controles:

Controle de servidor HTML - Elementos HTML expostos no servidor para que

possamos programá-los.

Controle de Web Server - Controles com mais recursos internos que controle

de servidor HTML. Controle de Web Server incluem não apenas controles de

formulário, como botões e caixas de texto, mas também controles com

finalidades especiais, como um calendário, menus e um controle de exibição de

árvore.

Controles de validação - Controles que incorporam a lógica para permitir a

validação dos controles de entrada, tal como o controle TextBox, tais como:

verificar campos NOT NULL, valores específicos ou padrão de caracteres,

intervalos de valores e assim por diante.

INTRODUÇÃO AO ASP.NET

Page 10: Aula 01   web server controls

1º Passo: Criar um Web Site

CRIANDO UM SITE EM ASP.NET

Page 11: Aula 01   web server controls

2º Passo: Selecionar ASP.NET Web Site – Criar um pasta no Driver

D:\ para salvar seu WebSite

D:\Pasta da Turma\Web_BD

Page 12: Aula 01   web server controls

3º Passo: Selecionar no rodapé da página a opção

Page 13: Aula 01   web server controls

CONTROLES ASP.NET

Label é um Web Server Control que permite a definação

programaticamente de um texto em um página da Web

no ASP.NET.

Normalmente usa-se o controle Label quando deseja-se

alterar um texto na página em tempo de execução, como

em resposta a um clique de botão.

Também podemos definir o texto do controle Label no

modo Design ou em tempo de execução ou vincular o

Label com uma fonte de dados para exibir informações

de banco de dados em uma página.

Page 14: Aula 01   web server controls

CONTROLES ASP.NET

O Web Server Control TextBox provê um modo para

usuários digitarem informação em uma página ASP.NET,

estas podem ser textos, números, e datas.

Page 15: Aula 01   web server controls

CONTROLES ASP.NET

Propriedade TextMode – define como as

informações são exibidas pelo TextBox.

Propriedade MaxLength – define o comprimento

máximo do texto digitado no TextBox.

Propriedade responsável pela configuração de

Validações.

Propriedades

Page 16: Aula 01   web server controls

CONTROLES ASP.NET

Eventos

O eventoTextChanged gera um evento

quando o usuário deixa o controle

Page 17: Aula 01   web server controls

CONTROLES ASP.NET

Os controles Button, LinkButton e ImageButton é usado

pelo usuário numa página ASP.NET para enviar comandos

para o servidor web.

Page 18: Aula 01   web server controls

Propriedades

CONTROLES ASP.NET

Indica se a validação deve ser executada quando o controle for

clicado. Sempre a defina como false, a menos que tenhamos

controles de validação

Mantém o estado do controle a cada PostBack. Mante-lá como

true diminui a performance da aplicação; defina-a como false caso

não haja necessidade de preservar valores entre páginas.

Page 19: Aula 01   web server controls

CONTROLES ASP.NET

Propriedades

Ativa ou Desativa um controle

Controla a visibilidade de um controle

Page 20: Aula 01   web server controls

CONTROLES ASP.NET

O Web Server Control DropDownList permite ao

usuário selecionar um ou mais itens numa lista

predefinida. Os itens do controle ficam ocultos até

que o usuário clique no botão Drop-down.

Page 21: Aula 01   web server controls

Esta propriedade tem a função de adicionar

os itens ao “COMBOBOX”

CONTROLES ASP.NET

Propriedades

Adicione um

ListItem para cada

opção do

“COMBOBOX”

Escrever o texto visível ao

usuário na propriedade Text e

o valor associado ao item na

propriedade Value

1º 2º

3º Clique OK

Page 22: Aula 01   web server controls

CONTROLES ASP.NET

Propriedades

Esta propriedade tem a função de tornar o DROPDOWNLIST em

um botão de ação (true) ou somente seleção (false)

Page 23: Aula 01   web server controls

CONTROLES ASP.NET

O Web Server Control RadioButton, existe em um

grupo no qual somente um pode ser selecionado pelo

usuário.

Cada controle RadioButton é um botão de opção.

Page 24: Aula 01   web server controls

CONTROLES ASP.NET

Propriedades

Esta propriedade tem a função de agrupar e controlar a seleção dos

RADIOBUTTON´S

Esta propriedade tem a função de tornar o RADIOBUTTON em um

botão de ação (true) ou somente seleção (false)

Esta propriedade tem a função de armazenar se o RADIOBUTTON

está selecionado (true) ou não selecionado (false)

Page 25: Aula 01   web server controls

CONTROLES ASP.NET

Eventos

Este evento é acionado quando o usuário clica no RADIOBUTTON

Page 26: Aula 01   web server controls

CONTROLES ASP.NET

O Web Server Control RadioButtonList, existe em

um grupo no qual somente um pode ser selecionado

pelo usuário.

Cada controle RadioButton é uma coleção de itens,

os quais contêm botões de opções.

Page 27: Aula 01   web server controls

CONTROLES ASP.NET

Propriedades

Esta propriedade tem a função de adicionar

os itens ao “RADIOBUTTONLIST”

Adicione um

ListItem para cada

opção do

“RadioButtonList”

Escrever o texto visível ao

usuário na propriedade Text e

o valor associado ao item na

propriedade Value

1º 2º

3º Clique OK

Page 28: Aula 01   web server controls

CONTROLES ASP.NET

Propriedades

Esta propriedade tem a função de tornar o RADIOBUTTONLIST

em um botão de ação (true) ou somente seleção (false)

Page 29: Aula 01   web server controls

CONTROLES ASP.NET

O Web Server control Panel é usado como container na

página para outros controles.

Ele é útil para criar grupos distintos de controles ou para

exibir ou ocultar controles da página.

Para definir um título para o controle Panel use a

propriedade GroupingText.

Page 30: Aula 01   web server controls

MULTI WEB FORMS ASP.NET

Page 31: Aula 01   web server controls

Para abrir os outros Web Forms escreva o código abaixo:

Response.Redirect(“NomedaPagina.aspx");

Page 32: Aula 01   web server controls

Principais Comandos ASP.NET

Tipos de Variáveis:

int – números inteiros

Double ou double – números reais

String ou string – textos

Conversões:

Números inteiros para String

Page 33: Aula 01   web server controls

Principais Comandos ASP.NET

Conversões:

Números reais para String

String para números inteiros

String para números reais

Page 34: Aula 01   web server controls

Principais Comandos ASP.NET

Comando de Decisão: