Adicionando um novo projeto
Ao utilizar este tipo de projeto automaticamente o Visual Studio irá abrir uma página de nome Default.aspx que é a página padrão de todos os projetos.
Criação e configuração de Para criar novas páginas, basta clicar sobre o nome do projeto com o botão direito e escolher a páginas
opção Add New Item > Web Form.
Barra de formulário s Web
Modo layout da página. Permite arrastar os controles a serem utilizados.
Arquivos criados no Projeto
Quando há erros ou notificações sobre alguma utilização no projeto, aparecem neste espaço.
Código-fonte
O seguinte código HTML já foi gerado automaticamente:, incluindo as principais tags HTML como: <head> <body> e <title>. Também é identificado qual a linguagem utilizada e classes onde os códigos estarão.
Formatação e Layout
No ajuste do layout, utilizamos Templates pré-definidos ou criamos estruturas de tabelas para formatação das páginas do projeto. Dentro da página (em modo Design), na opção Layout > Insert table.
Master Page
As Master Pages foram uma importante alteração no .net 2.0, permitindo criar máscaras para padronização de sites com poucos cliques e totalmente visual. Para criar uma Master Page adicione um novo objeto ao seu projeto, notando que existe a opção para especifica. O conteúdo de uma Master Page sempre inclui um objeto do tipo ContentPlaceHolder que será o local onde colocaremos os códigos específicos de cada formulário. O layout básico da página mestre irá proporcionar uma grande rapidez no desenvolvimento, manutenção e visualização das páginas em tempo real.
* Não esqueça de marcar a opção “Select Master Page” toda vez que adicionar uma nova Página ao projeto.
Criação de Menu
Utilize a opção Toolbox > Navigation > Menu para formatar um Menu de navegação de páginas em seu projeto. Segue abaixo um exemplo utilizado. A opção “Auto Format... “ permite configurar layout mais customizados a sua aplicação.
Temas
O recurso de Temas é a incorporação ao Visual Studio do já conhecido recurso Cascading Style Sheet (CSS). Este recurso padrão do HTML permite definir um padrão para que todas as tags fiquem pradronizadas. Vale a pena fazer a resalva de que o CSS altera o layout de tags HTML e não de tags ASP, ou seja, só funcionará corretamente quando envolve tags no browser padrão a que se desenvolve, podendo gerar diferente tipo de layout em browsers alternativos, uma vez que o código gerado pelo servidor varia conforme as capacidades e recursos do browser do cliente. Veja abaixo o exemplo de um CSS
Temas
Para chegar a esta tela criamos uma nova “ASP Folder” do tipo “Themes” e dentro da pasta colocamos um arquivo do tipo “Style Sheet”. Para adicionar um novo elemento, ou a tag, a ser alterada utilizamos a opção “Add Style Rule” com o botão direito do mouse, que serve para incluir apenas as tags no conteúdo. Após com o botão direito escolha a opção “Build Style” e configure como quer que a tag apareça no browser. O resultado da página pode ser visto abaixo:
Utilizando Controles com Assim como uma aplicação Windows Forms, as aplicação web do VS permitem a construção DataSet
gráfica de data adapter, connections e datasets. Para utilizar dados em formulário utilizamos o grupo de componentes “Data Access”, onde podemos utilizar controles para leitura de dados em SQL Server, Oracle, Access, Objects (dlls) ou XML. A primeira etapa em qualquer um dos “Data Sources” envolve as informações referentes ao provedor de dados, e a seguir a tabela e os dados desejados:
Utilizando Controles com Alem de indicar a tabela e as colunas desejadas, note que é possível fazer os filtros no botão DataSet
“Where” e alterar a ordenação no botão “Order By”. No botão “Advanced” indicamos se deverá ser gerado os comandos de Insert e Update para manutenção dos dados. Porem, em alguns casos as alterações são efetuadas em comandos programaticamente. A tela a seguir mostra as propriedades do controle “Data Source” e alterar o tempo de expiração do cache, alterar os comandos de banco de dados e escolher se será gerado um DataSet ou um DataReader. A escolha deste ultimo item ajudará na manipulação programática dos dados gerados pelos objetos de dados.
Preenchimento via programação
1) Adicionar referências para permitir o uso de objetos do SQL Server e Web.Config
2) Define o comando a ser executada no Banco de Dados 3) Informa a string de conexão (neste caso utilizaremos a “ConnectionString” definida no Web.Config) 4) Abre a conexão com o Banco de Dados
Preenchimento via programação
5) Instancia o objeto “SqlCommand”, referenciando o comando (2) e a string de conexão (3) 6) Define o método ExecuteReader para o SqlDataReader 7) Descarrega os dados capturados pelo SqlDataReader na Gridview
Try e Catch: tenta a execução e caso encontre problema, direciona para o tratamento de erro. Finally: sempre é executado (então em todos os casos fecha a conexão com o Banco de Dados)
Eventos
Para qualquer controle adicionado (neste caso um botão “Salvar”), existem eventos que podemos utilizar para invocar funções. Neste exemplo, ao de clicar no botão “Salvar”, é chamada a função de “inserir no banco de dados”. No slide anterior, o evento utilizado é o “Page_Load” que ocorre ao carregar a página.