Explorar o projeto de aplicativo do Visual Studio

  • 5 minutos

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

Explorar a estrutura do projeto

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

Dependências

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

Propriedades

A pasta Propriedades contém dados de configuração para o local em que você está hospedando seu aplicativo Web. Se você expandir a pasta PublishProfiles agora, deverá ver a URL para o site do Alpine Ski Hill. Cada perfil de publicação é um arquivo .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 ativos estáticos do 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 do Razor para as páginas do site. O Razor é uma sintaxe de marcação para inserir o código de servidor nas páginas da Web do ASP.NET. Ela inclui HTML e tem convenções especiais para exibir dados e executar a lógica no site.

Cada página em seu site é representada por dois arquivos de código:

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

  • Um arquivo .cs, que é o code-behind do C# herdado da classe PageModel. Esse arquivo permite interceptar solicitações HTTP e fazer um pequeno processamento nessa solicitação antes de passar dados para o arquivo Razor.

appsetting.json

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

Module.vb

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

Introdução aos modelos do Razor

Queremos fazer algumas alterações básicas em nosso site. Você precisará entender basicamente como aproveitar os modelos Razor para personalizar o aplicativo Web.

O que é o Razor?

O 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 rapidamente o conteúdo dinâmico.

O Razor usa diretivas @ para informar o ASP.NET de como processar uma página.

Por exemplo, vejamos o código na página Privacy.cshtml:

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

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

O Razor também usa o símbolo @ para fazer a transição entre código e HTML. Se você examinar o snippet anterior, observará @{ ... }. 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 de C#. Há um exemplo no bloco de código anterior na marca <h1>.

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