Criando uma Razor Page no VSCode

Criando uma Razor Page no Visual Studio Code

Para criar uma razor page, devemos criar o arquivo CSHTML que representa a interface da página e o arquivo ViewModel que representa a lógica de servidor da página, como no WebForm era o CodeBehind.

O procedimento consiste em selecionar a pasta onde a página será criada e criar seus dois arquivos, neste exemplo será dentro da pasta Category, criada dentro da pasta Settings, que por sua vez foi criada dentro de Pages no projeto Taste.Web.

1. Selecione a pasta onde deseja criar sua Razor Page e primeiro crie um arquivo CS, para uma página chamada Index o arquivo deve se chamar Index.cshtml.cs.

Lembre-se de sempre corrigir o namespace da página com base na estrutura de pastas que você esta trabalhando.

2. O conteúdo do arquivo deve ser como abaixo:

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace Taste.Web.Pages.Settings.Category
{
    public class IndexModel : PageModel
    {
        public void OnGet()
        {

        }
    }
}

3. Ainda na mesma pasta crie o arquivo equivalente, no caso para uma página chamada Index o arquivo deve se chamar Index.cshtml.

4. O conteudo do arquivo deve ser o abaixo:

@page
@model Taste.Web.Pages.Settings.Category.IndexModel
@{
    ViewData["Title"] = "Categorias";
    Layout = "~/Pages/Shared/_Layout.cshtml";
}

<h1>Categorias</h1>