PROGRAMAÇÃO
WEB I
Professora: Ana Paula Citro Fujarra Rodrigues
Banco de Dados
(MySQL)
Criar um Web
Site em
ASP.NET
1º Passo: Criar um Web Site
2º Passo: Selecionar ASP.NET Web Site – Criar um pasta no Driver
D:\ para salvar seu WebSite
D:\Pasta da Turma\Web_BD
3º Passo: Selecionar no rodapé da página a opção
Copiar e colar o
Banco de Dados
no Mysql
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)
);
Criar uma
Conexão com o
MySQL
1º Passo: Abrir a Aba do Server Explorer
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
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
Criar o Layout
do Site
1º Passo: Construir o Layout da tela inicial conforme segue abaixo:
Tela Default.aspx
Cadastrar dados
usando
MySQL
2º Passo: Construir o Layout conforme segue abaixo:
Tela tela_cad.aspx
3º Passo: Alterar as propriedades (ID) de cada componente conforme
segue abaixo:
4º Passo: Configurar o SqlDataSource (sqlFuncionario) para receber a
conexão criada com o MySQL:
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.
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
6º Passo: Clicar 2x no botão Cadastrar para configurar o parametro
SALARIO e DATA e efetuar o cadastro:
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
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.