quarta-feira, 8 de dezembro de 2010

Tutorial - Sistema para Cadastro de Cliente e Tela de Login com acesso ao Banco de dados SQL Server Final


Tutorial Final– Codificando o formulário Cadastro de Cliente e algumas correções.

Com o formulário aberto mude a
propriedade Size para 542; 447 e
StartPostion para CenterScreen

Agora iremos adicionar um ícone para o nosso formulário.
Clique no botão do lado da da propriedade icon:
Como na imagem
Escolha o arquivo e clique em abrir

 

Pronto o seu formulário tem um ícone. Aproveite agora para fazer no frmLogin(Tela de Login).
Agora estaremos movendo o picturebox, panel as labels e textboxs cada uma.
Vamos adicionar primeiro uma PictureBox há coloque um pouco abaixo do canto superior e que ocupar a largura inteira.
Propriedade Size: 530; 66
Location: 0; 38
Coloque sua imagem de preferência como na imagem:
Agora precisamos inserir um panel para organizar as labels e textboxs:
Arraste para o formulário
Mude a propriedade Size para: 529; 275
Location para: 0; 110

Como na imagem:

 
Agora o c# disponibilizar para nos programadores uma maneira de pegar a textbox do banco de dados e arrastar para o formulário junto com sua label e junto o código.
Funcionar assim.
O C# identificar qual campo do banco de dados ele vai ser. Como assim?
Exemplo no nosso banco de dados existe o campo nome então o C# mostrar que ele pode ser uma textbox e caso não for podemos modificá-lo.

Clique para aparecer Data Sources e clique F7 para ir ao Design, caso estejam não e necessário sair.
 
Como na Imagem:
 

 
Atenção agora vem à parte mais fácil do programa que é arrasta os campos e deixá-los alinhados. Preste atenção em alguns detalhes.
Antes de tudo precisamos configurar o campo codigo para ser auto incremento. O que é isso?
Por exemplo, quando fomos adicionar um registro o campo código o programa digita o número do código automático.
Então clique embaixo da data Sources no ícone Edit Dataset with Designer como segue a imagem:


Feito isso clique no campo codigo e nas suas propriedades ative a propriedade AutoIncrement para True isso ira incrementar o campo código. Agora salve. (CTRL+S):
Como segue a imagem: 




 

Voltamos para o formulário Cadastro de Cliente.
Arraste o campo codigo para o nosso formulário. Coloque-o na panel no canto superior esquerdo. 
Como na imagem:


Observe que ele também incluiu o menu de atalho com as funções.
Voltar para o primeiro
Voltar
Mostrar o numero do cadastro atual
Mostrar o total de cadastro
Primeiro
Ir para o ultimo
Adicionar
Excluir
Salvar

Bela ajuda do C#!

Agora clique apenas no campo codigo e depois nas suas propriedades mude a propriedade text para Código:
Como na imagem:


Faça isso também para o Nome.

Agora para o campo CPF iremos inserir Mascaras.
Para isso precisamos mudar o campo cpf que esta textbox para MaskedTextBox.
Para fazer isso abra a data Sources>bdcdcDataSet>tbCliente>CPF clique em Customize.
Clique na seta com o sentido para baixo e clique em Customize. Como segue a imagem:

 
Feito isso escolha o MaskedTextBox e aperte OK.

 
Agora selecione o MaskedTextBox. Como na imagem:


Observe que agora mudou a figura do lado. Para “#_” Agora ela esta como MaskedTextBox
E observe também a figura do campo estado esta como uma lista agora ela é uma ComboBox

OK agora precisamos inserir a mascara no campo cpf.
Arraste o campo cpf para o formulário. Clique apenas na MaskedTexBox em cima aparecera um seta para o lado direito clique nela e em Set Mask ou propriedades e procure pelo nome mask e clique no botão do lado.


 
Observe que existe vária mascaras pré-definidas. Mas não existe a do CPF então precisamos inserir a do CPF.
Clique em<Custom>
Na label Mask: Digite a mascara: 000,000,000-00.
Observe que foi colocada a vírgula invés de ponto. Assim ele Le o ponto.
Na label Preview: é informado como o label ficara no formulário.
E aperte OK.  

 Veja como ficou a mascara na propriedade e no formulário


 
Observe que a o campo mudou e a propriedade Mask também.


Coloque mascaras também no telefone: (00)0000-0000
Quando chegar ao campo estado que te comboBox precisamos inserir as siglas dos Estados e a Distrito Federal.
Para isso clique no campo estado e na seta clique em Edit Items ou procure nas propriedades o items e clique no botão do lado.


 
Procure as siglas dos estados do Brasil.
Lembre-se de deixar a Primeira linha vazia.
Agora precisamos inserir uma imagem no canto inferior do lado direito.
Então insira uma PictureBox e adicione uma imagem.
Como no exemplo:

 
Clique no campo código e na propriedade RewadOnly coloque True com isso o Usuário não poderá digitar no campo.
Veja o video do Sistema:







Termina agora o meu primeiro tutorial no site nstutoriais, espero que as maiorias das pessoas gostem, pois foi feito com muita dedicação.

Links para o Tutorial Sistema para Cadastro de Cliente e Tela de Login com acesso ao Banco de dados SQL Server

Tutorial - Criando o Banco de Dados Parte 1  

Tutorial - Criando a Tela de Login Parte 2
 
Tutorial - Conectando com o Banco de Dados SQL Server Parte 3
 
Tutorial - Codificando o formulário frmLogin(Tela de Login) Parte 4
 
Abraços.
Natanael.

18 comentários:

  1. Rapaz muito interessante este seu tutorial! Estou comesando agora com códigos de banco de dados!
    Ele me será muito útil!

    ResponderExcluir
  2. Fico muito feliz por saber que estou te ajudando e qualquer dúvida pode postar.
    Abraços.

    ResponderExcluir
  3. continua com os tutorias!
    bom trabalho!

    ResponderExcluir
  4. Olá, achei bacana, estou começando agora a mecher com c#.

    Gostaria que você nos ensinassemos como colocar um botão de consulta nessa mesma tela, para consultar clientes por nome, cidade, cpnj, etc.

    Abraços
    Lucas
    lucas@salome.com.br

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. Cara estou começando agora no C# e estou precisando fazer um programinha da faculdade para um estágio e é com cadastro de clientes e fornecedor será se vocÊ tem algum video completo de como fazer isso ou tem como me passa esse ai pronto que só fasso auterar algumas coisas.
    Qualquer coisa se possível mande para meu E-mail: rafaelsamilo@hotmail.com
    Grato.

    ResponderExcluir
  7. Salve, salve, Natanael!!!
    Com exceção dos campos cpf e telefone que devem ser criados com tamanho 14 e não 11 como vc sugere na parte I do tutorial, o sistema fica show de bola. Vc poderia ainda complementar com uma consulta por nome, cpf ou coisa parecida. Grande iniciativa!!! Parabéns!!!

    ResponderExcluir
  8. Será implementado a consulta!!
    Provavelmente semana que vêm.

    Até Logo,
    By: Natanael

    ResponderExcluir
  9. Bom Dia!!!, gostei muito do tutorial, fiquei com uma duvida , de como desconectar o banco para finalizar a aplicação ?

    Obrigado

    Manoel

    ResponderExcluir
  10. Assim amigo:

    try
    {
    //Conectar com o banco de dados
    SqlConnection cn = new SqlConnection(caminho);

    finally
    {

    //Fechar a conexão com o banco de dados
    cn.Close();
    }




    }

    ResponderExcluir
  11. la serve tambem para rede via radio?

    ResponderExcluir
  12. e como faço pra visualizar os clientes cadastrados?

    ResponderExcluir
  13. Amigao! não esta implementando, mas é um bom desafio pra vc!

    ResponderExcluir
  14. Um datagrid ira ajudar nisso, somente pegando os valores da tabela onde foram cadastrados Filipy.

    ResponderExcluir
  15. Tem como disponibilizar o projeto para download?

    ResponderExcluir