aula 03 banco de dados em asp.net (cadastrar)
TRANSCRIPT
![Page 1: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/1.jpg)
PROGRAMAÇÃO
WEB I
Professora: Ana Paula Citro Fujarra Rodrigues
Banco de Dados
(MySQL)
![Page 2: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/2.jpg)
Criar um Web
Site em
ASP.NET
![Page 3: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/3.jpg)
1º Passo: Criar um Web Site
![Page 4: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/4.jpg)
2º Passo: Selecionar ASP.NET Web Site – Criar um pasta no Driver
D:\ para salvar seu WebSite
D:\Pasta da Turma\Web_BD
![Page 5: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/5.jpg)
3º Passo: Selecionar no rodapé da página a opção
![Page 6: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/6.jpg)
Copiar e colar o
Banco de Dados
no Mysql
![Page 7: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/7.jpg)
drop database fabrica;
create database fabrica;
use fabrica;
create table funcionario
(
cod_func int auto_increment,
nome_func varchar(50) not null,
idade_func int not null,
sal_func float not null,
data_adm datetime not null,
primary key(cod_func)
);
![Page 8: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/8.jpg)
Criar uma
Conexão com o
MySQL
![Page 9: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/9.jpg)
1º Passo: Abrir a Aba do Server Explorer
![Page 10: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/10.jpg)
2º Passo: Criar uma nova conexão com o Banco de Dados
Clicar com o botão direito do mouse
Escolher esta opção toda vez que for necessário criar
uma nova conexão com o Banco de Dados
![Page 11: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/11.jpg)
O Server Name é o nome do servidor aonde está instalado o MySQL. Como
estamos trabalhando localmente usaremos 127.0.0.1
3º Passo: Configurar o Sql Server
O User Name: root
Password: ALUNOS
Agora escolhemos o Banco de
Dados que será utilizado
![Page 12: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/12.jpg)
![Page 13: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/13.jpg)
Criar o Layout
do Site
![Page 14: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/14.jpg)
1º Passo: Construir o Layout da tela inicial conforme segue abaixo:
Tela Default.aspx
![Page 15: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/15.jpg)
Cadastrar dados
usando
MySQL
![Page 16: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/16.jpg)
2º Passo: Construir o Layout conforme segue abaixo:
Tela tela_cad.aspx
![Page 17: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/17.jpg)
3º Passo: Alterar as propriedades (ID) de cada componente conforme
segue abaixo:
![Page 18: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/18.jpg)
4º Passo: Configurar o SqlDataSource (sqlFuncionario) para receber a
conexão criada com o MySQL:
![Page 19: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/19.jpg)
![Page 20: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/20.jpg)
![Page 21: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/21.jpg)
5º Passo: Configurar o comando INSERT do SQL para cadastrar os
valores digitados nas caixas de texto:
Estes são os PARAMETROS,
que serão configurados para
receber as caixas de texto da
tela.
![Page 22: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/22.jpg)
Os Parametros NOME e
IDADE serão do tipo
CONTROL e receberão
a caixa de texto
txtNome e txtIdade
OBS.: O parametro SALARIO fica sem configuração, pois temos que converter
ponto (.) para virgula (,) em linha de código.
O parametro DATA fica sem configuração, pois temos que converter a data no
formato yyyy/MM/dd
![Page 23: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/23.jpg)
6º Passo: Clicar 2x no botão Cadastrar para configurar o parametro
SALARIO e DATA e efetuar o cadastro:
![Page 24: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/24.jpg)
7º Passo: Capturar a Data selecionando no Calendário. Clicar 2x no
calendário e escrever o código abaixo:
8º Passo: Arrumar o comando select no SelectQuery: Remover os colchetes
no nome da tabela
![Page 25: Aula 03 banco de dados em asp.net (cadastrar)](https://reader033.vdocuments.site/reader033/viewer/2022060111/556380a1d8b42a3b708b558d/html5/thumbnails/25.jpg)
9º Passo: Arrumar o GridView:
Escolher um layout para o Grid
Escolher um sqlDataSource
Atualizar o Grid com as informações
da tabela
Formatar os textos do Grid
Habilitar a paginação, por padrão o
valor é 10.