Seu primeiro aplicativo ASP.NET da Web: Como começar

Seu primeiro aplicativo ASP.NET da Web: Como começar

ASP.NET é a estrutura de plataforma cruzada gratuita da Microsoft para a construção de aplicativos e serviços da web. A plataforma ASP.NET é uma extensão do .NET, uma plataforma de desenvolvedor de ferramentas, linguagens de programação e bibliotecas usadas para construir diferentes aplicativos.





Como você provavelmente já deve ter adivinhado, o ASP.NET é uma estrutura fantástica que os iniciantes podem usar para construir aplicativos da web. Oferece muita flexibilidade e é fácil de usar. Neste artigo, vamos ajudá-lo a criar seu primeiro aplicativo da web em ASP.NET usando o Microsoft Visual Studio.





O que é ASP.NET?

ASP significa 'Active Server Pages'; ASP e ASP.NET são tecnologias do lado do servidor usadas para exibir páginas da web interativas. ASP.NET fornece aos desenvolvedores muita flexibilidade em um ecossistema considerável e versátil com várias bibliotecas e ferramentas. Os desenvolvedores também podem criar bibliotecas personalizadas que podem compartilhar com qualquer aplicativo criado na plataforma .NET.





Relacionado: Frameworks da Web que vale a pena aprender para desenvolvedores

Você pode escrever o código de back-end para seus aplicativos ASP.NET em C #, Visual Basic ou mesmo em F #. Essa flexibilidade permite que os desenvolvedores codifiquem a lógica de negócios e a camada de acesso a dados de maneira eficaz. Outra vantagem significativa de usar ASP.NET é construir páginas da Web dinâmicas usando C # com a ajuda de uma ferramenta de sintaxe de modelagem de página da Web conhecida como Razor.



como consertar uma foto que esta muito escura

O Razor também fornece uma sintaxe para a criação de páginas da web dinâmicas interativas incorporando HTML, CSS, JavaScript e C #. O código do lado do cliente é geralmente escrito em JavaScript e o ASP.NET pode até mesmo ser integrado a outras estruturas da Web, como Angular ou React.

Relacionado: CSS do Tailwind vs. Bootstrap: Qual é a melhor estrutura?





ASP.NET também fornece aos desenvolvedores um sistema de autenticação que inclui um banco de dados, bibliotecas, modelos para gerenciar logins, autenticação externa para Google, Facebook, etc. e muito mais. Os desenvolvedores podem usar ASP.NET em todas as plataformas principais, incluindo Windows, Linux, macOS e até Docker.

Como criar um aplicativo da Web ASP.NET no Visual Studio

Antes de criar um aplicativo da Web, é melhor se familiarizar com HTML, CSS, JavaScript e C #, para que possa aproveitar ao máximo o ASP.NET. Vejamos como você pode criar um aplicativo da web em ASP.NET no Microsoft Visual Studio 2019.





Certifique-se de ter os seguintes pacotes de software instalados:

como acessar as janelas de gerenciamento de disco 10
  • Microsoft Visual Studio 2019 ou melhor
  • ASP.NET e carga de trabalho de desenvolvimento da Web do Visual Studio Installer

Compreendendo os componentes do projeto de aplicativos da Web ASP.NET

Antes de começar a desenvolver seu aplicativo da web, é crucial entender os componentes essenciais do ASP.NET e como você pode utilizá-los em seu aplicativo da web.

Neste tutorial, usaremos formulários da web ASP.NET para criar as páginas da web individuais, como a página inicial, Fale conosco etc. Cada formulário da web tem três componentes principais, um arquivo .aspx para HTML / CSS, um .aspx arquivo de código .cs e um arquivo .aspx.designer.cs. Estaremos trabalhando principalmente nos arquivos .aspx e .aspx.cs para este tutorial.

O arquivo .aspx conterá todo o código HTML e CSS de suas páginas da web. Certifique-se de usar tags asp em vez de tags HTML, porque as tags asp buscam dados do servidor e enviam dados de entrada para o servidor. Esta é a característica de funcionalidade necessária em um aplicativo da Web dinâmico.

O arquivo .aspx.cs contém o código C # de suas páginas da web e controla o que acontece quando um determinado evento, como uma página da web, é carregado, um botão é clicado e muito mais. Você pode criar funções separadas para cada função e vinculá-la à tag asp relevante no arquivo .aspx correspondente.

As páginas mestras são benéficas para os desenvolvedores e adicionam componentes essenciais, como a barra de navegação e o rodapé a cada página da web. Em vez de adicionar o mesmo código repetidamente, os desenvolvedores podem adicionar todo o código exigido pelo modelo em uma página mestra e vincular cada página da web à página mestra. Mostraremos como fazer isso nas seções a seguir.

Criar um novo projeto de aplicativo da Web ASP.NET

A primeira etapa na criação de um aplicativo da web em ASP.NET é selecionar um modelo de projeto e criar um novo aplicativo da web:

  1. Inicie o Microsoft Visual Studio e clique em Crie um novo projeto
  2. Digite ASP.NET na caixa de pesquisa de modelo, selecione Aplicativo da Web ASP.NET ( .NET Framework ) e clique Próximo . Você não obterá este modelo se não tiver as instalações necessárias mencionadas na seção anterior.
  3. Na próxima tela, configure o nome e diretório do seu projeto e clique em Próximo .
  4. O Visual Studio agora criará seu modelo de projeto e você deve conseguir executar o aplicativo de modelo clicando no botão verde de reprodução na parte superior da tela.

Crie um novo formulário da Web ASP.NET

Para ajudá-lo a entender melhor o ASP.NET, criaremos uma página de produto simples para uma loja de jogos. A primeira etapa é criar um novo formulário da web. No projeto que você criou anteriormente, navegue até Arquivo> Novo> Arquivo e selecione Formulário da Web . Depois de configurá-lo, você verá um arquivo .aspx em branco apenas com o código do cabeçalho.

Para começar a desenvolver a aparência geral de sua página da web, você pode usar o código em HTML / CSS ou usar um modelo de Tailblocks .

Configuramos o layout da página do produto acima usando um modelo. Ele exibe uma imagem do produto, detalhes do produto e uma barra de navegação. Adicionamos o HTML e CSS da barra de navegação usando a página mestra.

instituições de caridade de natal para famílias de baixa renda

No código acima (arquivo .aspx.cs), configuramos o página de carregamento função para definir os detalhes do produto em nossos espaços reservados. Você pode criar funções semelhantes para login, inscrição, adicionar ao carrinho, etc.

Um exemplo de tag asp para mostrar a descrição do produto é o seguinte:

O valor da descrição do código C # será exibido neste espaço reservado. Você também pode utilizar a caixa de ferramentas do Visual Studio para adicionar elementos de exibição, como imagens, botões, botões de opção e muito mais. Existem vários recursos disponíveis online onde você pode aprender a sintaxe ASP.NET.

Aplicativo da Web ASP.NET para iniciantes

ASP.NET é uma plataforma poderosa para a criação de aplicativos e serviços da web. Você deve estar familiarizado com JavaScript, HTML, CSS e C # antes de desenvolver um aplicativo da Web em ASP.NET.

Compartilhado Compartilhado Tweet O email A última folha de dicas do JavaScript

Obtenha uma rápida atualização dos elementos JavaScript com esta folha de dicas.

Leia a seguir
Tópicos relacionados
  • Programação
  • ASP.NET
  • Programação
Sobre o autor M. Fahad Khawaja(45 artigos publicados)

Fahad é redator da MakeUseOf e atualmente está se formando em Ciência da Computação. Como um ávido redator de tecnologia, ele se mantém atualizado com as tecnologias mais recentes. Ele se interessa particularmente por futebol e tecnologia.

Mais de M. Fahad Khawaja

Assine a nossa newsletter

Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!

Clique aqui para se inscrever