Explore seu projeto de aplicativo do Visual Studio

  • 5 minutos

Você criou com êxito seu aplicativo Web e o publicou no Azure, mas o que acontece quando você deseja fazer alterações? O Visual Studio lembra onde o aplicativo é publicado, o que torna a atualização e a alteração do aplicativo um processo de dois cliques.

Explore a estrutura do projeto

Você criou um aplicativo Web ASP.NET Core no Visual Studio e agora precisará editar e personalizar seu site. Vamos explorar a estrutura do projeto para ver o que o Visual Studio criou.

Dependências

A pasta Dependências contém os internos do ASP.NET Core para colocar seu aplicativo em funcionamento. A menos que você esteja adicionando pacotes de terceiros específicos, não precisará passar muito tempo nessa pasta.

Propriedades

A pasta Propriedades contém dados de configuração para onde você está hospedando seu aplicativo Web. Se você expandir a pasta PublishProfiles agora, deverá ver o URL do site Alpine Ski Hill. Cada perfil de publicação é um arquivo de .xml que contém informações de configuração de publicação, como o endereço do Azure que o Visual Studio usa para carregar seus arquivos.

wwwroot

O arquivo wwwroot contém todos os seus ativos estáticos para seu site, como os arquivos css, js, imagens e lib. Quando estiver pronto para definir o estilo e adicionar mais funcionalidades ao seu site, você trabalhará aqui.

Páginas

A pasta Páginas tem modelos Razor para as páginas do seu site. Razor é uma sintaxe de marcação para incorporar código de servidor em ASP.NET páginas da web. Ele inclui HTML e tem convenções especiais para exibir dados e executar lógica em seu site.

Cada página do seu site é representada com dois arquivos de código:

  • Um .cshtml arquivo, que é o arquivo de marcação Razor. Este arquivo contém seu HTML de exibição e alguma lógica C#.

  • Um .cs arquivo, que é o code-behind do C# que herda da PageModel classe. Este arquivo permite que você intercete solicitações HTTP e faça algum processamento nessa solicitação antes de passar quaisquer dados para o arquivo Razor.

appsetting.json

Este é um arquivo de configuração para ASP.NET Core.

Program.cs

O arquivo Program.cs configura e inicia o host da Web para seu site.

Introdução aos modelos Razor

Vamos querer fazer algumas alterações básicas no nosso site. Você precisará ter uma compreensão básica de como aproveitar os modelos do Razor para personalizar seu aplicativo Web.

Qual é Razor?

Razor é uma sintaxe ASP.NET usada para criar páginas web dinâmicas com C#. Quando um servidor lê uma página Razor, o código C# é executado antes de renderizar o HTML. Isso permite que você gere conteúdo dinâmico rapidamente.

O Razor usa @ diretivas para ASP.NET dizer como processar uma página.

Por exemplo, dê uma olhada no código na Privacy.cshtml página:

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • A @page diretiva está dizendo a ASP.NET para processar este arquivo como uma página Razor.
  • A @model diretiva está dizendo a ASP.NET para vincular esta página do Razor com uma classe C# chamada PrivacyModel.

Razor também usa o @ símbolo para fazer a transição entre código e HTML. Se você olhar para o trecho anterior, notará @{ ... }. Este é um bloco de código Razor, que é executado, mas não renderizado.

Para renderizar a saída de uma instrução de código, use o @ na frente de uma expressão C#. Há um exemplo no bloco de código anterior na <h1> tag.

Criar e publicar um site são apenas os primeiros passos para criar um bom site. Depois de começar a adicionar conteúdo, você precisará atualizar seu site. Depois de publicar seu site no Azure, você pode atualizá-lo a qualquer momento.