Conectando Aplicação em C#, ASP, Com o Banco de Dados MySql

Neste Post irei mostra como fazer a ligação da sua aplicação em C#, ASP.NET com o banco de dados MySql, estou partindo do pressuposto que você já tenha as ferramentas que iremos utilizar, serão elas Mysql, Visual Studio 2010 e o MySql Connector Net 6.5.4, caso a sua versão do MySql não venha com o conector, se não me engano  a partir da versão 5.1 já vem com o Connector Net. 

Primeiro passo peça para sua mãe, namorada, enrolada ou até mesmo seu cachorro preparar uma garrafa de café, garanto vai precisar  disto, sem mais brincadeiras vamos ao que interessa.

A primeira parte será a criação da database e a tabela no MySql, onde nossas informações ficarão armazenadas, eu coloquei o nome da Database de CadastroCliente e da tabela de Cliente, com os seguintes atributos.

Criação da Database

Create database CadastroCliente;

Criação da Tabela

create table cliente (

id int not null auto_increment primary key,

nome varchar (50) not null,

endereco varchar (100) default null,

cidade varchar (50) not null,

estado char (2) not null,

rg varchar (20) not null,

cpf varchar (20) not null);

Agora que já temos nossa base de dados criada, vamos para a criação do nosso formulário em ASP no Visual Studio, abra o visual Studio e clique em New Project, Veja a figura 1.0.

Figura 1.0

 

Após isto irar abrir uma nova janela, nesta janela utilizaremos as seguintes opções, Visual C#, após isto clique Web, depois selecione a seguinte opção ASP.NET Empty Web Application, na parte de baixo temos as seguintes opções, Name, Location, Solution e Solution Name, sendo elas, Name o nome da aplicação eu coloquei o nome de CadastroCliente, Location  o local onde você irá salvar sua aplicação, solution que dizer deixe onde esta e não mecha e Solution name preenchera automática quando você por o nome da aplicação, estes informações deixo ou seu critério, veja a figura 1.2.

Figura 1.2

Agora iremos ao nome do nosso projeto clicar com o botão direito, corra o mouse até add e depois clique em New Item, veja a figura 1.3.

Figura 1.3

                Então irá abrir uma nova janela, nesta janela vamos selecionar as seguintes opções, Web e Web Form. vá à parte de baixo e de um nome para sua Web Form, no meu caso ficou Webform1 porque acabei esquecendo-me de por nome, não interfere muito no projeto, mas supondo que estejamos fazendo um projeto grande é recomendado que dê um nome para suas aplicações, fica mais fácil de achar caso precisemos fazer alguma alteração, veja a figura 1.4.

Figura 1.4

                Após isto abrirá uma nova janela com alguns códigos em HTML e ASP, nesta parte iremos trabalhar utilizado Design, se tiver alguém querendo trabalhar no modo macho pode continuar desenvolvendo no código mesmo, eu aconselho mudar de Source para Design, veja a figura 1.5

Figura 1.5

                Agora é só criar nosso formulário, eu não estarei dando muito detalhes sobre o design do nosso formulário, porque ficaria um pouco extenso o tutorial, lembrando que o objetivo aqui é fazer a conexão com o banco de dados, basicamente eu utilizei uma tabela de 20 linhas e duas colunas, algumas TexBox, uma DropDownList para o estado, um botão salvar, utilizaremos ele para salvar as informações digitadas no formulário no banco de dados, não importe muito como irá fica o Design a principio, nesta parte temos que esta ciente que ela esteja funcionando e com os mesmos campos da tabela cliente, onde iremos armazena as informações digitadas no nosso formulário, para saber se a nossa aplicação esta rodando basta aperta F5 , caso você olhe para o seu teclado e não veja essa tecla, olhe no chão, embaixo do sofá, ela tem que está ai, caso não esteja é melhor comprar um novo teclado, mas não se desespere, não pare a aplicação por isto, nem tudo esta perdido, basta ir na parte de cima perto da opção Debug,  clique na setinha verde que nossa aplicação irá rodar, veja se não deu nem um problema, veja como esta ficando o formulário na figura 1.6.

 Figura 1.6

Caso você tenha executado a aplicação e não estiver dado nem um erro, ira abrir seu navegador padrão com a nossa aplicação, eu dei mais um incrementada no formulário, mas só na parte de design mesmo, não mudou nem um atributo importante, como disse você pode se preocupar com isto depois da sua aplicação esta rodando, sem nem um erro e conectada ao banco de dados, afinal é o que importa aqui, veja nossa aplicação rodando na figura 1.7.

Figura 1.7

 

Parte Dois, Conectando ao Banco de Dados

Finalmente a Conexão com o banco de dados Mysql, vamos para Solution Explorer onde está a raiz principal do nosso projeto, então clique com o botão direito no projeto, no caso aqui SistemadeCadastro, direcionar o mouse até a opção Add Reference e clique, veja a figura 1.7.

Figura 1.7

 

 

Agora é só seguir as figuras abaixo para Add as DLL que vai fazer a conexão do banco de dados com nossa aplicação, aparecera uma nova janela nele vá até Browse e navegue até a pasta do MySql, se você estalou o MySql na pasta  padrão é só ir a disco C:  Arquivo de Programa procura a pasta MySql, abra a pasta, então terá uma pasta chamada MySQL Connector Net 6.5.4, isso se você estalou o MySql Connector, então clique na pasta Assemblies  depois na pasta  V4.0 selecione as três DLL desta pasta e clique em OK, só aguarda carrega as DLL, em alguns casos é preciso reiniciar o Visual Studio para que as referencias apareçam, vejam as figuras abaixo. Figura 1.8, 1.9,2.0  e 2.1.

Figura 1.8

Figura 1.9

Figura 2.0

 

Figura 2.1

Agora que já temos nossas DLL para fazer referência com o banco de dados, basta clicar no botão salvar do formulário e aperta Enter, irá aparecer o seguinte código. Veja Figura 2.3.

Figura 2.3

Após isto basta por o código abaixo. Lembrando que esse código vai salvar as informações só se o banco de dados estiver estruturado com os mesmos atributos do começo do tutorial, mas é só seguir a lógica que da para fazer para qualquer aplicação Web Form, você vai ter apenas que alterar alguns nomes. A linha. string conexao = "Server=localhost; UserId=root; Password=123; Database=cadastrocliente;";, é uma string criada para fazer a conexão com o MySql, no caso se seu projeto for diferente vai ter que alterar as informação para fazer a conexão com o banco, UserId=root; é o nome do usuário no meu caso o root, Password você irar por a senha que você cadastrou na instalação do MySql,  Database é o banco de dados, no meu caso CadastroCliente, mas se no seu projeto estiver diferente altere para os nomes que você usou, outra linha super importante é as que referencia as DLL, using MySql.Data.MySqlClient;. Alterando essas informações e os campos que você usou para construir suas tabelas você conseguira fazer a ligação de qualquer formulário com seu banco de dados, dês de que os mesmo estejam com as mesmas estruturas, vamos ao código.

Código usado para salvar as informações digitadas no formulário no banco de dados.

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using MySql.Data.MySqlClient;

namespace SistemaDeCadastro

{

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

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        protected void Salvar_Click(object sender, EventArgs e)

        {

            MySqlConnection conn;

            string conexao = "Server=localhost; UserId=root; Password=123; Database=cadastrocliente;";

            conn = new MySqlConnection(conexao);

            string comando = "insert into cliente (nome,endereco,cidade,estado,rg,cpf) ";

            comando += "values ('" + nome.Text + "','" + endereco.Text + "','";

            comando += cidade.Text + "','" + estado.Text;

            comando += "','" + rg.Text + "','" + cpf.Text + "')";

            MySqlCommand cmd = new MySqlCommand(comando);

            cmd.Connection = conn;

            conn.Open();

            Console.WriteLine(comando);

            cmd.ExecuteNonQuery();

            conn.Close();

            nome.Text = "";

            endereco.Text = "";

            cidade.Text = "";

            estado.Text = "";

            rg.Text = "";

            cpf.Text = "";

        }

    }

}

 

Veja a figura 2.4 de como o código fica estruturado.

Figura 2.4 

Agora basta salvar nosso código e roda a aplicação, para roda a aplicação aperta F5, preencha o formulário e aperte o botão salvar, se as informações sumirão opa isso é um bom sinal, agora se não sumiu, sugiro fazer outra garrafa de café, repassar o tutorial com cuidado e ver se não esqueceu algo, bom então é isso amigos, vou posta mais algumas imagens para vocês verem as informações salva no banco de dados, abraços e até o próximo, há só lembrando se curtiu aperta no +1 ai, e divulgue para os amigos, sogro, sogra, cunhado até para os inimigos se quiser, faz nosso trabalho valer apena,  abraços até o próximo Post.

Figura 2.5

 Figura 2.6

Figura 2.7