O documento apresenta as etapas para criar um site web em ASP.NET utilizando banco de dados MySQL, incluindo criar o site, copiar o banco de dados, conectar ao MySQL, criar layout inicial e tela de cadastro, e configurar cadastro de dados.

1. PROGRAMAÇÃO
WEB I
 Banco de Dados
(MySQL)
Professora: Ana Paula Citro Fujarra Rodrigues

2. Criar um Web
Site em
ASP.NET

3. 1º Passo: Criar um Web Site

4. 2º Passo: Selecionar ASP.NET Web Site – Criar um pasta no Driver
D: para salvar seu WebSite
D:Pasta da TurmaWeb_BD

5. 3º Passo: Selecionar no rodapé da página a opção

6. Copiar e colar o
Banco de Dados
no Mysql

7. 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)
);

8. Criar uma
Conexão com o
MySQL

9. 1º Passo: Abrir a Aba do Server Explorer

10. 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

11. 3º Passo: Configurar o Sql Server
O Server Name é o nome do servidor aonde está instalado o MySQL. Como
estamos trabalhando localmente usaremos 127.0.0.1
O User Name: root
Password: ALUNOS
Agora escolhemos o Banco de
Dados que será utilizado

13. Criar o Layout
do Site

14. 1º Passo: Construir o Layout da tela inicial conforme segue abaixo:
Tela Default.aspx

15. Cadastrar dados
usando
MySQL

16. 2º Passo: Construir o Layout conforme segue abaixo:
Tela tela_cad.aspx

17. 3º Passo: Alterar as propriedades (ID) de cada componente conforme
segue abaixo:

18. 4º Passo: Configurar o SqlDataSource (sqlFuncionario) para receber a
conexão criada com o MySQL:

21. 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.

22. 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

23. 6º Passo: Clicar 2x no botão Cadastrar para configurar o parametro
SALARIO e DATA e efetuar o cadastro:

24. 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

25. 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.