Desenvolvendo um aplicativo Web em C# .NET

, , , , Edit

Esse é o primeiro artigo de uma série onde desenvolveremos um aplicativo Web em C#.Net usando banco de dados MySQL, precisamos criar a base de dados, conectar o Visual Studio a ela, e criar o projeto. Mãos a obra.


Criando o banco de dados Ecommerce



Nesse exemplo, usei o MySQL Workbench que acompanha a última versão do MySQL, se você ainda não o conhece, clique aqui!



Primeiro vamos conectá-lo uma instância, abra o MySQL Workbench, e vá ao Menu Database e clique em Query Database como mostra na figura a seguir:


Selecione a instância local do seu MySQL, digite o hostname, username, clique em Store in Vault para digitar sua senha. Veja a figura a seguir:


Veja na barra de títulos que o nome da sua instância aparece seguido de @localhost, confirmando que você está conectado a instância do seu MySQL. Copie o código a seguir:

 CREATE DATABASE ecommerce;  
 USE ecommerce;

A primeira linha create database vai criar o banco de dados, a segunda vai pedir ao MySQL que os próximos comandos sejam executados dentro da nova base de dados criada. Veja a figura a seguir que a nova base de dados fica em negrito:


Agora copie o código a seguir para criar a tabela pessoa:

 CREATE TABLE `carrinho` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `PRODUTOCODIGO` int(10) unsigned NOT NULL,  
  `PESSOACODIGO` int(10) unsigned NOT NULL,  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;  

 CREATE TABLE `categoria` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `DESCRICAO` varchar(100) NOT NULL,  
  `CATEGORIA` int(10) unsigned NOT NULL default '0',  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;  

 CREATE TABLE `produto` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `TITULO` varchar(100) NOT NULL,  
  `DESCRICAO` text,  
  `PRECO` decimal(10,2) NOT NULL,  
  `FOTO` varchar(255) default NULL,  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;  

 CREATE TABLE `compra` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `DATACADASTRO` datetime NOT NULL,  
  `PESSOACODIGO` varchar(45) NOT NULL,  
  `COMPRAVALORTOTAL` decimal(10,2) NOT NULL,  
  `COMPRAFORMAPAGAMENTO` tinyint(1) unsigned NOT NULL COMMENT '0-Boleto',  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;  

 CREATE TABLE `compraitem` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `COMPRACODIGO` int(10) unsigned NOT NULL,  
  `PRODUTOCODIGO` int(10) unsigned NOT NULL,  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;  

 CREATE TABLE `estado` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `ESCRICAO` varchar(100) NOT NULL default '',  
  `SIGLA` varchar(2) NOT NULL default '',  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;  

 CREATE TABLE `pessoa` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `NOME` varchar(100) NOT NULL,  
  `EMAIL` varchar(100) NOT NULL,  
  `SENHA` varchar(50) NOT NULL,  
  `ENDERECO` varchar(255) NOT NULL,  
  `NUMERO` varchar(15) NOT NULL,  
  `BAIRRO` varchar(255) NOT NULL,  
  `ESTADO` varchar(2) NOT NULL,  
  `CIDADE` varchar(255) NOT NULL,  
  `COMPLEMENTO` varchar(255) default NULL,  
  `TELEFONE` varchar(15) default NULL,  
  `CELULAR` varchar(15) default NULL,  
  `DATANASCIMENTO` datetime NOT NULL,  
  `DATACADASTRO` datetime NOT NULL,  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;  

 CREATE TABLE `categoriaproduto` (  
  `CODIGO` int(10) unsigned NOT NULL auto_increment,  
  `CATEGORIACODIGO` int(10) unsigned NOT NULL default '0',  
  `PRODUTOCODIGO` int(10) unsigned NOT NULL default '0',  
  PRIMARY KEY (`CODIGO`)  
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Muito bem, na barra de status será exibida a mensagem Query Completed, indicando que o comando foi executado com sucesso. No painel esquerdo, clique com o botão direito em Ecommerce, e clique em Refresh All. expanda a opção tables para ver que todas as tabelas foram criadas. 

Feche o MySQL Workbench, agora iremos trabalhar apenas com o Visual Studio.

Conectando o Visual Studio ao MySQL

 Com o Visual Studio aberto, clique no Menu View, e clique em Server Explorer, como mostra a figura a seguir:


Vá ao painel Server Explorer, clique com o botão direito em Data Connections, clique em Add Connection, conforme a figura a seguir:

A janela Add Connection será exibida, em Data source, clique no botão Change..., conforme a figura a seguir:

A janela Change Data Source será exibida, em Data source selecione MySQL Database, e clique em OK, conforme a figura a seguir:


Será exibida a janela Add Connection, digite o nome do Servidor, Usuário, e Senha. Automaticamente os nomes das suas bases de dados serão exibidas na lista, selecione ecommerce e clique em OK. Veja a figura a seguir:


A figura a seguir mostra que a base de dados foi conectada com sucesso:


Próximo passo é criar o projeto no Visual Studio.

Criando o projeto Web no Visual Studio

Clique no Menu File, vá em New, e clique em Web Site, conforme a figura a seguir:


Será exibida a janela New Web Site, do lado esquerdo, clique em Templates, e escolha Visual C#, do lado direito selecione APS .NET Empty Web Site, vá ao topo da janela e escolha .NET Framework 4.5 e dê o nome Ecommerce ao projeto. Veja a figura a seguir:

O painel Solution Explorer, exibirá o projeto recentemente criado, veja:


Agora o Visual Studio está conectado com a base de dados criada, e o projeto está pronto para ser implementado. Até mais

Tiago Sousa

Sou Desenvolvedor Web Full-Stack com ênfase em Java, atuando no mercado de TI há 15 anos. Ao longo da carreira, adquiri conhecimentos sólidos e abrangentes em diversas tecnologias.