Atenç�o: esse artigo tem uma palestra complementar. Clique e assista!

Do que se trata o artigo

Introduç�o ao uso do Silverlight para desenvolvimento de web sites, bem como seus principais controles. Tamb�m � mostrado como criar um web service que fornecer� dados que ser�o utilizados no desenvolvimento de um aplicativo de demonstraç�o que far� operaç�es de consulta, exclus�o, inclus�o e alteraç�o.

Para que serve

Desenvolvimento de aplicaç�es web com interfaces ricas, que exploram o visual sem comprometer o desempenho da aplicaç�o.

Em que situaç�o o tema e �til

A criaç�o de aplicaç�es em Silverlight pode ser uma alternativa no desenvolvimento para web. Pode-se criar aplicaç�es espec�ficas como alguns m�dulos de ERP, por exemplo, resultando em aplicaç�es poderosas, ricas e interativas, o que � chamado de RIA (Rich Internet Applications).

Resumo do DevMan

Silverlight 3.0 � uma nova luz no caminho dos desenvolvedores, onde os mundos web e Windows se aproximam ainda mais. Os termos mais utilizados quando o assunto � aplicaç�o versus usu�rio s�o: interatividade, interfaces ricas, efici�ncia, entre outros. Neste artigo vamos explorar o que o Silverlight oferece para melhorar a usabilidade de aplicativos web desenvolvendo um pequeno, por�m completo, exemplo de acesso e manutenç�o a dados.
Autores: Brenno Sant'Anna Scarpelini e Drausio Henrique Chiarotti

O Silverlight 3.0 permite criar aplicaç�es web com interface rica, al�m de possibilitar o acesso a dados de forma ass�ncrona, o que permite a execuç�o da aplicaç�o enquanto se obt�m dados. Neste artigo vamos construir uma aplicaç�o simples, por�m completa, que mostra as funcionalidades dispon�veis. Vamos abordar o uso dos controles mais comuns como TextBox, ListBox, DataGrid e outros. Al�m disso tamb�m ser� constru�do um web service que ir� popular esse DataGrid.

Nesta aplicaç�o vamos partir do in�cio, criaremos primeiramente o banco de dados, passaremos pelas regras de neg�cio e o desenvolvimento da interface em si. Tudo isso com o objetivo de que voc�, leitor, comece a utilizar hoje mesmo o Silverlight. Mas antes disso, certifique-se que tenha baixado os pacotes necess�rios para o Visual Studio 2008 no link �Get Started� (confira a seç�o de links no final do artigo).

Nota

O foco deste artigo � construir uma aplicaç�o pr�tica. Para uma introduç�o ao Silverlight, consulte a ediç�o 64.

Criando o banco de dados

Neste projeto vamos utilizar o Microsoft SQL Server 2005. Crie uma tabela com o nome tblPessoa e adicione os campos IDPessoa, Nome, DataNascimento e Sexo, conforme a Listagem 1.

Listagem 1. Tabela Pessoa

CREATE TABLE [dbo].[tblPessoa](
 [IDPessoa] [int] IDENTITY(1,1) NOT NULL,
 [Nome] [varchar](100) NULL,
 [DataNascimento] [datetime] NULL,
 [Sexo] [bit] NULL,
 CONSTRAINT [PK_tblPessoa] 
 PRIMARY KEY CLUSTERED ([IDPessoa] ASC)
 WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY]) ON [PRIMARY]

Note que com os quatro campos poderemos utilizar controles do tipo TextBox para ediç�o dos dados e um ListBox para trabalhar com o campo Sexo. O campo IDPessoa � autoincremento e ser� utilizado para controlar os registros.

Vamos agora criar dois procedimentos (Stored Procedures) que usaremos para acessar os dados da tabela. Crie os procedimentos das Listagens 2 e 3 na sua base de dados.

Listagem 2. Procedure de Cadastro

CREATE PROCEDURE uspCadastrarPessoa 
 @Excluir AS BIT = NULL,
 @IDPessoa AS INT = NULL,
 @Nome AS VARCHAR(100) = NULL,
 @DataNascimento AS DATETIME = NULL,
 @Sexo AS BIT = NULL
 AS
 BEGIN
 BEGIN TRY
   BEGIN TRAN
    IF(@Excluir = 1)
    BEGIN
     DELETE FROM tblPessoa
     WHERE IDPessoa = @IDPessoa
    END
    ELSE IF (@IDPessoa IS NULL)
    BEGIN
     INSERT INTO tblPessoa (
       Nome, DataNascimento, Sexo)
     VALUES (@Nome, @DataNascimento, @Sexo)
    END
    ELSE
    BEGIN
     UPDATE tblPessoa
     SET Nome = @Nome, 
     DataNascimento = @DataNascimento, Sexo = @Sexo
     WHERE IDPessoa = @IDPessoa
    END
   COMMIT TRAN
 END TRY
 BEGIN CATCH
   ROLLBACK TRAN
   SELECT ERROR_MESSAGE() AS Retorno
 END CATCH
 END

Listagem 3. Procedure de Consulta

CREATE PROCEDURE uspConsultarPessoa 
 @IDPessoa AS INT = NULL,
 @Nome AS VARCHAR(100) = NULL,
 @DataNascimento AS DATETIME = NULL,
 @Sexo AS BIT = NULL
 AS
 BEGIN
 SELECT
   IDPessoa, Nome, DataNascimento, Sexo,
   CASE WHEN Sexo = 0 THEN 'FEMININO' ELSE 'MASCULINO' END AS SexoDesc
 FROM
   tblPessoa
 WHERE      
   ((IDPessoa = @IDPessoa) OR (@IDPessoa IS NULL)) AND
   ((Nome LIKE '%' + @Nome + '%') OR (@Nome IS NULL)) AND
   ((DataNascimento = @DataNascimento) OR (@DataNascimento IS NULL)) AND
   ((Sexo = @Sexo) OR (@Sexo IS NULL)) AND
   ((@IDPessoa IS NOT NULL)OR(@Nome IS NOT NULL)OR(@DataNascimento IS NOT NULL)OR(@Sexo IS NOT NULL))
 END

O procedimento da Listagem 2 � respons�vel por inserir, alterar e excluir dados na tabela de pessoas. Este procedimento funciona da seguinte forma: � verificado se o par�metro excluir � verdadeiro, ent�o exclui-se o registro. Se n�o for exclus�o, o par�metro IDPessoa � verificado, e caso seja diferente de NULL a rotina de alteraç�o � executada. E por fim, se for NULL, o registro ser� inclu�do.

O procedimento da Listagem 3 ilustra a consulta. Na consulta deve ser enviado pelo menos um dos quatro par�metros e � retornada uma coleç�o onde cada registro cont�m o identificador da pessoa, o nome, a data de nascimento e o sexo. O interessante deste procedimento � que ele pode ser consultado por qualquer um dos quatro par�metros.

Criando a soluç�o

A soluç�o (solution) � utilizada para agrupar projetos que est�o relacionados e guardar as informaç�es das depend�ncias dos projetos que s�o utilizadas no processo de construç�o (build). Na nossa aplicaç�o a soluç�o ser� composta pelos projetos seguintes: acesso a dados, camada de neg�cios, objeto de transfer�ncia, aplicaç�o Silverlight e o web site.

Para criar uma nova soluç�o abra o Visual Studio 2008, acesse o menu �File/New� e ent�o selecione �Project�. Ser� exibida a janela �New Project�. Localize �Project types�, clique sobre o item �Other Project Types� e ent�o selecione o item �Visual Studio Solutions�. Em �Templates� selecione o item �Blank Solution�. Na parte inferior da janela altere a propriedade �Name� para �SolucaoSilverlight� e altere tamb�m a propriedade �Location� informando o local onde a soluç�o ser� salva.

No Visual Studio, v� no menu View/Solution Explorer. Note que foi criada uma nova soluç�o chamada �SolucaoSilverlight�, onde vamos adicionar nossos projetos.

Criando o projeto de acesso a dados

O primeiro projeto que vamos criar ser� uma biblioteca de classes (�Class Library�) chamada �AcessoDados�. Aqui � onde ser� implementada a interaç�o com a base de dados, ou seja, � neste projeto que vamos inserir, alterar e excluir informaç�es do banco de dados.

Para criar um novo projeto, abra a soluç�o, acesse o menu �File/Add� e ent�o selecione �New Project...�. Na janela �Add New Project� selecione o template �Class Library�, altere o campo �Name� para �AcessoDados� e na propriedade �Location� aponte para a pasta onde est� sua soluç�o.

Note que foi adicionado um novo projeto na soluç�o, e que este projeto cont�m uma classe chamada �Class1.cs�. Clique com o bot�o direto na classe �Class1.cs� e selecione a opç�o �Delete� para excluir a classe. Vamos criar uma nova classe no projeto �AcessoDados�, portanto clique com o bot�o direito do mouse no projeto �AcessoDados� e v� at� �Add/New Item...�. Na janela �Add New Item� selecione o template �Class�, altere o campo �Name� para �clsAcessoDados� e ent�o clique em �Add�. Adicione o c�digo da Listagem 4 na classe �clsAcessoDados"

[...] continue lendo...

Artigo .net Magazine 67 - Desenvolvimento de uma aplica��o simples e completa com Silverlight

Desenvolvimento de uma aplicação simples e completa

Atenç�o: esse artigo tem uma palestra complementar. Clique e assista!

Artigos relacionados