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.