Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva...

9
Passo a passo Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação da tela acima, é bem simples, segue o padrão clica e arrasta. Os componentes utilizados para o desenvolvimento desta tela são:

Transcript of Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva...

Page 1: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net.

Tela: Cadastro de Aluno

A implementação da tela acima, é bem simples, segue o padrão clica e arrasta.

Os componentes utilizados para o desenvolvimento desta tela são:

Page 2: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

O projeto a ser criado é:

ASP.NET Web Application

Após clicar em OK a seguinte estrutura será montada:

Atenção: Existem 3 itens (visualização): Design|Split|Source.

Page 3: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Ao clicar no item Design a seguinte tela é exibida:

Ou seja, a Visual Web Developer, cria automaticamente toda a estrutura do projeto, facilitando o

desenvolvimento.

Para executar o projeto utilizamos o botão:

Page 4: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Ao executar o projeto, já temos uma prévia de como será.

Todas estas informações que estão sendo exibidas na figura acima podem ser alteradas.

Para criar mais abas (exemplo, Home, About...), temos:

Dentro do arquivo Site.Master, clicamos no botão conforme mosta na figura acima -> Edit Menu Items.

Page 5: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Ao clicar a seguinte tela será exibida:

Onde: NavigateUrl -> configura o link.

onde pode ser escolhida a página destino.

Text -> nome da Aba.

Page 6: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Criando uma nova página ASPX:

A seguinte janela será exibida:

Afim de dar continuidade ao projeto, deve ser escolhido a opção Web Form using Master Page (para que

esta página faça parte da principal), inserir um nome(Name) e clicar em Add.

Agora é possível criar uma nova Aba e fazer um link apontando para esta página (teste.aspx), conforme

vimos no item acima.

Page 7: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Implementação do Botão SALVAR (Cadastro de Alunos):

Page 8: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Implementação AlunoDB – InserirAluno:

Com relação a implementação a Conexão com o banco de dados, a string de conexão foi mapeada

dentro do arquivo Web.config.

Implementação Web.config:

Page 9: Passo a passo Prof. André Silva Criação de uma … · Passo a passo – Prof. André Silva Criação de uma aplicação WEB - C#.net. Tela: Cadastro de Aluno A implementação

Implementação da Classe Aluno:

A implementação dos métodos continua...

Pronto! A parte de inserir dados foi implementada em nossa aplicação.