curso pr-tico de ms visual studio[1] net 2005
330 pág.

curso pr-tico de ms visual studio[1] net 2005

Disciplina:Tecnologias Web2.420 materiais7.001 seguidores
Pré-visualização35 páginas
meio atrás não tinha um nome

próprio, era mais um “truque” na manga de programadores avançados.

Essa técnica consiste em utilizar Javascript, XML e XmlHttpRequest de

forma a criar paginas que executem código sem serem recarregadas, ou

seja, para utilizar um termo mais utilizado entre os programadores e

analistas ASPNET, sem realizar postbacks ou reload na página.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Uma outra forma de explicar isso, é dizer que o Ajax permite um

comportamento assíncrono de sua página, ou seja, seu programa vai

executar o código no servidor sem que a pagina fique “travada”,

permitindo que o usuário enquanto isso continue utilizando-a (você já deve

estar pensando o quanto isso seria útil naquela sua pagina que executa

uma consulta ao banco de dados que leva 20 segundos).

Essa nova tecnologia pode ser usada praticamente em todas as plataformas

de programação para web, tais como PHP, Perl, ASP, JAVA e outros, vêm

incorporando bibliotecas para suporte a Ajax, e não poderia ser diferente

com ASPNET. A implementação mais popular é chamada de Ajax.Net, irei

explorar algumas possibilidades da tecnologia.

Adicionando o Ajax no Visual Studio.NET 2005

Antes de adicionar a referência do AJAX no meu projeto, tenho que baixá-la

no site http://ajax.schwarz-interactive.de ou no site

http://www.aspneti.com.br para depois adicioná-la. A referência 1.2 mostra

perfeitamente como baixar a DLL.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.2

Pronto, baixei a DLL e coloquei dentro do micro. O mesmo foi copiado para

a minha área de trabalho, ou seja, para o DESKTOP.

É mostrado na referência 1.3.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.3

Cliquei com o botão direito no projeto VS 2005, fui na opção ADD

REFERENCE... Depois disso, tenho que indicar onde se encontra a DLL. Não

posso esquecer que deixei no DESKTOP do micro. Tente seguir passo a

passo para não ter erro.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.4

No próximo passo, é indicar onde está a DLL para o projeto criado.

A referência 1.5 mostra perfeitamente como indicar. É um pouco diferente

do Visual Studio.NET 2003, existem as abas .NET, COM, PROJETCTS,

BROWSE e RECENT. Essa DLL, estarei que buscar pela ABA BROWSE,

indiquei a pasta DESKTOP e cliquei no arquivo AJAX.DLL.

No projeto é adicionada automaticamente uma pasta chamada BIN.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.5

Prontinho, adicionei a referência no meu projeto com sucesso. A nova

ferramenta da Microsoft quando adicionado um novo projeto, não vem com

o arquivo de configuração web.config. Tenho que clicar com o botão direito

e adicionar um novo item.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.6

Adicionei o arquivo de configuração WEB.CONFI, agora tenho que

adicionar uma linha para configuração do AJAX e para que funcione

corretamente.

<httpHandlers>

 <add verb="POST,GET" path="ajax/*.ashx"

 type="Ajax.PageHandlerFactory, Ajax" />

 </httpHandlers>

Esse código de estar dentro da tag SYSTEM.WEB, não posso esquecer

disso, acredito que nem você pode esquecer disso.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.7

Depois de adicionado as 4 linhas dentro do arquivo web.config o projeto já

está pronto para ser usado com a tecnologia AJAX. Irei adicionar uma

página / classe chamda Default.aspx dentro do projeto. Só clicar com o

botão direito e ir a opção ADD NEW ITEM.

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Referência: 1.8

Dentro dessa página, utilizarei os objetos da ferramenta como textbox,

botão e um div.

Segue todo o código da página DEFAULT.ASPX abaixo para verificar os

nomes dos controles e javascript.

TextBox

Id = txtNome

Button

Id = cmdEnviar

Div

Id = divResultado

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

Note que o button fiz como se fosse html, não usei o controle da

ferramenta. Dentro do button existe um atributo chamado ONCLICK que

chama uma função JAVASCRIPT criada. A função JAVASCRIPT pega o valor

digitado pelo usuário e passa para o método criado na classe .aspx.cs.

O retorno da função é lançado para outra função chamada

pegarValor_CallBack que apenas mostra no div criado. É bem simples o

entendimento.

<%@ Page Language="C#" AutoEventWireup="true"

CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

 <title>AJAX - ARTIGO</title>

 <script>

 function enviar(){

 var form = document.forms[0];

 var nome = form.txtNome.value;

_Default.primeiraAplicacaoAjax(nome,pegarValor_CallBack);

 }

 function pegarValor_CallBack(response){

 var resultado = response.value;

 document.all('divResultado').innerHTML = resultado;

 }

 </script>

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

</head>

<body>

 <form id="form1" runat="server">

 <div>

 <asp:TextBox ID="txtNome" runat=server></asp:TextBox>

 <button id="cmdEnviar"

onclick="enviar();">Enviar</button>

 </div>

 <div id="divResultado"></div>

 </form>

</body>

</html>

Depois da página HTML criada, tenho que fazer algumas coisas básicas

dentro da classe.

A primeira coisa é registrar o nome da classe que poderá ser usada pelo

AJAX.

Em poucas linhas é feito todo o processo. Veja abaixo:

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

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

Curso Prático Visual Studio.NET 2005

Este material não pode ser usado em treinamentos e em sala de aula.
http://www.mauriciojunior.org

{

 protected void Page_Load(object sender, EventArgs e)

 {

 Ajax.Utility.RegisterTypeForAjax(typeof(_Default));

 }

 [Ajax.AjaxMethod()]

 public string primeiraAplicacaoAjax(string nome)

 {

 return "Nome: " + nome;

 }

}

A parte que está em vermelho significa registrando a classe no ajax para

ser usada.

Todo método criado que pode ser usado pelo ajax, deve começar com a

linha [Ajax.AjaxMethod()], apenas isso. Note que no HTML, na parte de

JAVASCRIPT chamo o nome da classe, ponto o nome do método.

CLASSE.METODO(parametro).

Feito isso, só executar e verificar que a página vai a sua classe sem mesmo

dar o postback, ou seja, sem reload algum.

Curso Prático Visual Studio.NET 2005