Introdução ASP.NET

Download Report

Transcript Introdução ASP.NET

CURSO DE EXTENSÃO PROGRAMAÇÃO C# .NET

SENAC / 2011

Dados Pessoais

Marcelo da Silveira Siedler [email protected]

Formação

- Analista de Sistemas/Desenvolvedor de Sistemas - Professor do Senac nos cursos de Redes e ADS - Mestre em ciência da computação.

- MCTS: .NET Framework 2.0 Web Applications - IBM Certified Solution Designer – Analysis

PLATAFORMA .NET

PLATAFORMA .NET

 Histórico: Microsoft oferece uma série de linguagens e ferramentas para desenvolvimento de aplicações:   Visual Basic ASP  Plataforma .NET: plataforma para desenvolvimento de aplicações.

 Desktop, Web, Móvel, Distribuída.

 Microsoft .NET Framework.

MICROSOFT .NET FRAMEWORK

 Infra-estrutura de desenvolvimento da tecnologia .Net.  Ambiente para criação, desenvolvimento e execução de aplicações web.

 Linguagens de Programação    C# (pronuncia-se C charp) Visual Basic (VB.Net) C++

MICROSOFT .NET FRAMEWORK

 Tecnologias:    ASP .NET Web Forms (Web) Windows Forms (Desktop) Compact Framework (PDA / Móvel)  Ambientes de Desenvolvimento:    Visual Studio .NET (VS .NET) ASP.NET Web Matrix Mono Tools (Multiplataforma)

LINGUAGENS DE PROGRAMAÇÃO .NET

 Desenvolvimento Orientado a Objetos  Desenvolvedor pode escolher a linguagem de acordo com o seu conhecimento prévio.

 VB.NET

 Desenvolvedores Visual Basic, ASP  C#  Desenvolvedores C, C++, Java.

 Cada formulário/página é uma classe da aplicação.

DESENVOLVENDO APLICAÇÕES WEB

 HTML – linguagem de marcação de texto usada para definir a apresentação das páginas no navegador Web.

 Javascript – linguagem de script (client-side) usada para dar interatividade a páginas HTML.

 ASP.Net – linguagem de script (server-side) usada para criação de conteúdo dinâmico.

ESTRUTURA DE DESENVOLVIMENTO DO CURSO

 Microsoft Visual Studio 2010.

 Web Forms – ASP.NET Framework.

 Linguagem de Programação C#

HTML + JAVASCRIPT

< html > < head > < title > Asp.Net

< body > < center > < h1 > Introdução ASP.NET

< script language =javascript> alert( "Meu Teste javascript" );

EXEMPLO - HTML

< html > < head > < title > Asp.Net

< body > < center > < h1 > Introdução ASP.NET

DESENVOLVENDO APLICAÇÕES WEB

Abra o Visual Studio.

- Menu File / New Web Site.

- Na aba Solution Explorer, botão direito no “projeto” Add new file – Web Form

- Inserir Código:

<%Response.Write("Introdução ASP.NET");%> <%Response.Write("

Bem vindo!!

");%>

- Tags executadas no servidor: <% ... %> - Idêntico ao ASP/PHP ?!?!

Estrutura da Aplicação Web – Code Behind

Arquivo .aspx

Estrutura HTML e controles ASP.NET.

Arquivo .cs

Codificação server-side.

Arquivo inicial Default.aspx

Estrutura da Aplicação

public partial class _Default : System.Web.UI.Page

{ protected void Page_Load(object sender, EventArgs e) { Response.Write("Script rodando no servidor"); } } Page_Load – método executado sempre que a página for chamada.

ASP.Net - Elementos HTML

Elementos Html, por padrão, são tratados como texto.

Google - Exemplos de elementos HTML: - Caixas de texto - input Âncoras – a

-

Caixa de seleção – select Para tornar esses elementos HTML “programáveis” no .NET devemos adicionar o atributo runat=”server” a esses elementos.

-

A identificação do elemento é feita através do atributo id=”nomedoelemento”.

-

Exemplo:

Parágrafo

* ABA HTML NO TOOLBOX

ASP.Net - Elementos HTML

Default.aspx

Default.aspx.cs

public partial class _Default : System.Web.UI.Page

{ protected void Page_Load(object sender, EventArgs e) { link1.HRef = "http://msiedler.wordpress.com"; } }

ASP.Net - Elementos HTML/ Continuação

Default.aspx.cs

Default.aspx

Google

Curso de extensão – C# .NET

public partial class _Default : System.Web.UI.Page

{ protected void Page_Load(object sender, EventArgs e) { link1.HRef="http://www.google.com"; div1.Visible = false; } }

ASP.Net - Elementos HTML/ Continuação

Exercício: Criar um novo arquivo chamado exemploHTML com a seguinte estrutura (código inserido dentro do form):

Este é o curso de programação .NET

Faculdade SaoLucas II

C.H: 40 horas

Continuação

-

Aplicar a esta página as seguintes alterações no C#:

-

Trocar o conteúdo do texto para Faculdade Senac Pelotas (ver propriedade InnerText).

-

Esconder a tabela com a carga horária.

-

Colocar uma legenda na figura (ver atributo Alt)

ASP.Net – Web Server Controls

ASP.Net provê uma série de elementos para facilitar o desenvolvimento de aplicações Web.

TextBox, DropDownList, Button Disponibiliza elementos mais complexos que diminuem o esforço de desenvolvimento de tarefas complexas no Web Site.

GridView, Calendar, Repeater.

-

Permite associar eventos ao código .

* ABA STANDARD NO TOOLBOX

ASP.Net – Web Server Controls

Sintaxe Básica: - . - Os Web Server Controls devem ser criados dentro de um formulário, formulário este que deve ser processado no servidor.

< form id ="form1" runat ="server"> < asp : NomeDoControle id =“nome” runat =“server” /> < asp : NomeDoControle1 id =“nome1” runat =“server” /> < asp : NomeDoControle2 id =“nome2” runat =“server” /> ...

- Exemplo : - .

ASP.Net – Web Server Controls

- Acessando propriedades dos controles: - Os Web Server Controls, assim como os controles Html, apresentam uma série de propriedades que permitem definir a forma como cada controle é exibido na página. - Sintaxe:

.

- Exemplo:

.

ASP.Net – Web Server Controls utilizando no sistema

ASP.Net – Web Server Controls

Elementos (controles) disponíveis na listagem padrão (standard) da estrutura da janela Toolbox

Adicionar um arquivo chamado webservercontrol1.aspx e adicionar os seguintes controles na sequencia:

• • • •

Label com atributos: id – labNome text – Nome: Textbox com atributos: id – txtNome text – “”: Label com atributos: id – labCurso text – Curso: Textbox com atributos: id – txtCurso text – “”:

Rodar a aplicação

Programando – Web Server Controls / Eventos

Exemplo2.aspx.cs

Exemplo2.aspx

protected void submit(object sender, EventArgs e) { button1.Text = "você clicou no botão!"; } - Integrar os dois exemplos

Exercício

Criar um novo arquivo chamado exercicio1.aspx com a seguinte estrutura:

Exercício

Quando carregar a página exibir na caixa de texto os seguintes valores: - Nome: João da Silva.

- Cargo: Gerente de Projeto.

Quando clicar no botão Anterior atualizar os valores para: - Nome: Mariluce Dias.

- Cargo: Analista de Sitemas.

Quando clicar no botão Próximo atualizar os valores para: - Nome: Lucas Silveira.

- Cargo: Estagiário.

Exercício 2

- Criar um novo arquivo chamado exercicio2.aspx.

- Criar uma caixa de texto e um botão.

- Ao carregar a página exibir nesta caixa de texto a data e hora atual.

- Quando clicar no botão deve atualiza a informação de data/hora da caixa de texto criada.

- Para retornar a Data/Hora atual do sistema no formato String utiliza-se o comando DateTime.Now.ToString().

Mais sobre controles ASP.NET

Documento auxiliar: controles.doc

Controles de Validação

O ASP.NET provê uma série de controles de validação que auxiliam o desenvolvedor a fazer as verificações necessárias nos campos de entrada de dados do usuário.

É necessário quando criamos os formulários validar se os campos estão formatados corretamente. Quando o usuário digita seu email por exemplo, temos que validar se este está no formato adequado.

Exemplo - RangeValidator < html > < body > < form id ="Form1" runat ="server"> < p > Digite um número de 1 a 100: < asp : TextBox id ="tbox1" runat ="server" /> < br />< br /> < asp : Button ID ="Button1" < p > < asp : RangeValidator Text ="Submit" runat ID ="RangeValidator1" ="server" /> ControlToValidate ="tbox1" MinimumValue ="1" MaximumValue ="100" Type ="Integer" Text ="O número deve ser entre 1 e 100!" runat ="server" />

Exemplo - RequiredFieldValidator < html > < body > < form id ="Form1" runat ="server"> < asp : RequiredFieldValidator ID ="RequiredFieldValidator1" runat ="server" ControlToValidate ="TextBoxNome" ErrorMessage ="Preencha seu Nome." > < label >Nome: < asp : TextBox ID ="TextBoxNome" runat ="server">* < br < asp /> : RequiredFieldValidator ID ="RequiredFieldValidator2" runat ="server" ControlToValidate ="TextBoxEmail" ErrorMessage ="Preencha seu e mail." > < label >E-mail: < asp : TextBox < asp : Button ID ="TextBoxEmail" runat ="server"> >*