Enviando dados através do Jquery com ASP

Neste artigo, pretendo apresentar uma maneira de usar um método post de formulário com o uso de Jquery. Com auxílio da função Ajax disponível na base do Jquery, será apresentada uma forma que envia os dados sem a necessidade do recarregamento da página dando ao usuário uma experiência melhor com o sistema.

Para apresentar o recurso, escolhi um modelo de cadastro de Newsletter com banco de dados MySQL, mas é possível utilizá-lo de diversas maneiras seja para cadastros, consultas ou exclusões.

Como havia dito, utilizaremos a biblioteca Jquery que pode ser encontrada no endereço http://jquery.com/. Para este artigo, utilizaremos a versão 1.4.2 min, porém qualquer versão a partir da 1.2 pode ser usada, já que todas contem em seu núcleo a função Ajax. Salve o arquivo com o nome “jquery-1.4.2.min.js” na mesma pasta que irá salvar as outras páginas.

Agora iremos criar o banco de dados Mysql. Abaixo segue a estrutura definida.

DROP DATABASE IF EXISTS `newsletter`;
CREATE DATABASE `newsletter`;
USE `newsletter`;

CREATE TABLE `newsletter` (
  `Id` int(11) NOT NULL auto_increment,
  `Nome` varchar(255) default NULL,
  `Email` varchar(255) default NULL,
  PRIMARY KEY  (`Id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

Com a base de dados pronta, iremos criar a página do formulário e posteriormente criaremos a página que recebe os dados e realiza o cadastro. Página do formulário. Salve com o nome “Form_Newsletter.asp”

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formulário de Cadastro</title>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script>
        $(document).ready(function() { $("#button").click(function () {
        //Declarando as variaveis
                var Nome ="";
                var Email ="";
                //Recuperando os dados e atribuindo as variaveis
                Nome = $("#Nome").val();
                Email = $("#Email").val();
        //Inicio da funcao
        $.ajax({
                //Metodo utilizado
                type: "POST",
                //Pagina que recebe os daods
                url: "Recebe_dados.asp",
                //String de dados enviada
                data: "Nome="+Nome+"&Email="+Email+"",
                //Inicio da funcao que requisita a resposta da pagina onde recebeu os dados
                success: function(msg){
                alert( "Sucesso! " + msg );
                        //Limpando os valores dos campos
                        $("#Nome").val('');
                                $("#Email").val(''); 

                                }
                        });             

                });
        });
</script>

</head>

<body>
<p>Newsletter</p>

  <table width="280" border="0">
    <tr>
      <td>Nome:</td>
      <td><input type="text" name="Nome" id="Nome" /></td>
    </tr>
    <tr>
      <td>E-Mail:</td>
      <td><input type="text" name="Email" id="Email" /></td>
    </tr>
    <tr>
      <td> </td>
      <td><label>
        <input type="submit" name="button" id="button" value="Cadastrar" />
      </label></td>
    </tr>
  </table>

</body>
</html>

Na página acima, notamos a função “$.ajax” nessa área. Onde será aplicado o recurso que faz a chamada, transferindo os registros para a página de cadastro.

        $.ajax({
                //Metodo utilizado
                type: "POST",
                //Pagina que recebe os daods
                url: "Recebe_dados.asp",
                //String de dados enviada
                data: "Nome="+Nome+"&Email="+Email+"",
                //Inicio da funcao que requisita a resposta da pagina onde recebeu os dados
                success: function(msg){
                alert( "Sucesso! " + msg );
                        //Limpando os valores dos campos
                        $("#Nome").val('');
                                $("#Email").val(''); 

                                }
                        });

Página que realiza a inclusão dos dados enviados pela função acima. Salve com o nome “Recebe_dados.asp

<%
'Declarando a variavel de conexao
Dim Conexao
'Atribuindo o objeto a variavel de conexao
Set Conexao = Server.CreateObject("ADODB.Connection")
'String de conxao para base de dados Mysql
Conexao.ConnectionString = "driver={MySQL ODBC 5.1 Driver};server=localhost;uid=usuario;pwd=senha;database=newsletter"
'Abrindo a conexao
Conexao.Open

'Funcao para tratar as variaveis
Function Trata_Request(txt)

        entrada = replace(txt,"'","")

                Trata_Request=entrada
        end Function

        'Recuperando as variaveis enviadas pelo metodo post
        Nome = Trata_Request(request.Form("Nome"))
        Email = Trata_Request(request.Form("Email"))

        'Instrucao SQL para inserir as variaveis
        set cadastra = Conexao.execute("INSERT INTO newsletter(nome,email) VALUES('"&Nome&"','"&Email&"')")
%>

Dados recebido com sucesso!

Ao receber os dados a página, mande uma resposta de ok e, com isso, é apresentada a informação que os dados foram cadastrados com sucesso.

Vimos neste artigo uma maneira de melhorar a usabilidade de um sistema de Newsletter que pode ser aplicado a outros sistemas, focando em uma melhor experiência dos usuários. Com os recursos atuais e com boas práticas, podemos economizar recursos de processamento ao transferir informações entre páginas.

Veja mais no Imasters

http://imasters.uol.com.br/artigo/18163/asp/enviando_dados_atraves_do_jquery_com_asp/

NopCommerce e-commerce desenvolvido em .net

Neste Artigo apresentarei a ferramenta de comércio eletrônico desenvolvida na plataforma .Net da Microsoft.

NopCommerce é um carrinho de compras totalmente personalizável, Open source o e-commerce é desenvolvido em ASP.NET 3.5 com base de dados MS SQL 2005 de back-end. Fácil de usar a solução do carro de compras é especialmente adequada para comerciantes que têm superado os sistemas existentes. Pode ser hospedado em sistemas IIS com suporte para a tecnologia .NET 3.5 .

Link para download do NopCommerce
http://www.nopcommerce.com/Downloads.aspx

O Nopcommerce também pode ser instalado através da ferramenta Microsoft Web Platform Installer 2.0.

Download
http://www.microsoft.com/web/Downloads/platform.aspx

Imagens

SlideGen1.ashx

Tela de Administração

SlideGen.ashx

Alguns servidores para hospedagem

http://www.agenciadot.com.br

http://www.locaweb.com.br

http://www.dialhost.com.br/

Internet Explorer 6 uma morte lenta e dolorosa

Um sonho de todo desenvolvedor de aplicativos para Web é a Morte do ie – 6.0 que é um desastre da Microsoft e foi um grande freio de mão puxado em todos estes anos. Bastou aparecer uma ferramenta melhor desenvolvida nesse caso o Mozilla Firefox para abrir os olhos da comunidade e da Microsoft para o enorme desperdício que foi a hegemonia desse software.

O desaparecimento será lento e doloroso para todos nós, analisando as estáticas de utilização de browsers a adoção de novos navegadores é vagarosa e quase sempre está atrelada ao sistema operacional que é dominado pelo Windows xp acompanhado do borwser ie 6.0.

meses

Vendo o gráfico podemos perceber que o ie 6.0 perdeu mercado nos últimos três meses, sua participação passou de 15.21% (julho 2009) para 13.28% ( setembro 2009) cerca de 2% de perda. É bom ver que podemos esperar em um futuro próximo uma participação de insignificantes 0.2%, essa perda pode estar atrela as boas e engraçadas iniciativas que vemos dos desenvolvedores.

“Atualize seu navegador” essa é a bandeira que um importante site de tecnologia levanta, essa campanha conta com uma barra que é exibida quando o usuário acessa o site utilizando o navegar ultrapassado veja ela logo abaixo.

atualize_navegador
Outra iniciativa muito bem humorada é a “Bom demais para Internet Explorer”. Contando com uma imagem no canto inferior esquerdo aplicada com folha de estilo logo é notada, para quem se interessa pelo assunto arranca algumas risadas. Veja o logo abaixo.

selo

É bom saber que existem alternativas como Mozilla Firefox, Safári e Opera para combater o domínio da Microsoft. Em nenhuma ocasião o domínio de uma única empresa é benéfica para andamento do comércio e evolução do conhecimento.

Links:

http://imasters.uol.com.br/crossbrowser/pt-br/

http://www.w3junkies.com/toocool/index.php?language=br

Fonte do grafico

http://www.w3counter.com/globalstats.php

Abrir e Importar arquivo DBF

Quem nunca precisou importar um dbf ?

É comum encontrarmos ainda bases em .dbf sendo usadas ativamente. Um ótimo recuso do Excel 2007 é o fato dele abrir normalmente arquivos dbf, basta abrir o arquivo como se faz para abrir um .xls e depois salva-lo, pronto nesse momento sua tabela já foi exportada para .xls.

Microsoft Web PI – Microsoft Web Platform Installer

A Microsoft lançou uma nova ferramenta que agrega diversas instalações de aplicativos para web em um só pacote chamado de Microsoft Web Platform Installer.

web-PI

Visando facilitar a vida do desenvolvedor web, este pacotão inclui a instalação de maneira rápida e fácil de diversos aplicativos. Ao selecionar os programas inicia a instalação baixando os dados direto dos servidores do Microsoft. A mesma técnica usada pela família “Windows live” onde não conta mais um instalador de cada software.

instalacao

No pacote contém ferramentas das mais variadas aplicações com:

Mojo Portal
http://www.mojoportal.com/

O mojoPortal é bastante flexível, contém diversas funcionalidades que os bons gerenciadores de conteúdo possuem, como recursos para blogs, fóruns, galerias de imagens, enquetes e etc. Nos quesitos técnicos, o sistema oferece suporte a múltiplas skins (temas de aparência), suporte a CSS e Master Pages, Globalization (multi-idiomas), código escrito utilizando as melhores técnicas de desenvolvimento na poderosa linguagem C#.

NopCommerce
http://nopcommerce.com/

Sistema de E-commerce desenvolvido em Asp.net

SugarCRM
http://www.sugarforge.org/

O SugarCRM é um produto de CRM corporativo com módulos para gerenciamento de empresas e divisões, contatos, prospects, oportunidades, ocorrências, campanhas de marketing, projetos, documentos, agenda e histórico. Sendo um produto open source, é distribuído gratuitamente na versão Sugar Community Edition.

O Web PI contempla a facilidade dando uma grande agilidade na instalação dos softwares desejados.