Añadir configuración .net6

Hay varias formas, esta es cómoda y eficaz:

NuGet package Microsoft.Extensions.Configuration.Json 6.0.0

En el program.cs creamos un nuevo ConfigurationManager y le añadimos nuestro archivo de configuración con AddJsonFile.

Para acceder a secciones conocidas como ConnectionString basta con usar las extensiones .GetConnectionString(«csname»)

Para la configuración lo más cómodo es tener una clase con las mismas propiedades «Properties.cs» en este ejemplo y enlazar con el método bind.

–>program.cs

using Microsoft.Extensions.Configuration;


ConfigurationManager configurationBuilder = new();
configurationBuilder.AddJsonFile("appsettings.json");
string cs = configurationBuilder.GetConnectionString("csName");
Properties config = new();
configurationBuilder.GetSection("Settings").Bind(config);
Console.WriteLine(config.Cantidad.ToString() + config.Color + cs);

–>appsettings.json

{
  "ConnectionStrings": {
    "csName": "Server=.\\sql2019;Database=db_dev_fotero;User ..."
  },
  "Settings": {
    "Color": "rojo",
    "Cantidad": 12
  }
}

Anuncio publicitario

Configurar Identity en nuevo proyecto

Program.cs

builder.Services.AddDefaultIdentity<IdentityUser>(options =>
    {
        options.SignIn.RequireConfirmedAccount = false;
        options.Password.RequireDigit = false;
        options.Password.RequiredLength = 4;
        options.Password.RequireNonAlphanumeric = false;
        options.Password.RequireUppercase = false;
        options.Password.RequireLowercase = false;
        options.Password.RequireDigit = false;
    })
    .AddEntityFrameworkStores<ApplicationDbContext>();

Validadores de vista–>es necesario scaffold de Identity/Pages

Install-Package Microsoft.VisualStudio.Web.CodeGeneration.Design

Instalar herramientas de codegeneration:

dotnet tool update -g dotnet-aspnet-codegenerator

dotnet aspnet-codegenerator identity

https://docs.microsoft.com/es-es/aspnet/core/security/authentication/scaffold-identity?view=aspnetcore-6.0&tabs=visual-studio

Checkbox Switch Button Razor

BS6: el mismo código para check normal, sólo cambia form-switch en el div contenedor

<div class="col-auto text-end form-check form-switch">
    <input id="checkPositive" type="checkbox" class="form-check-input" @bind="ShowNuevoFabricante"/>
    <label class="form-check-label" for="checkPositive"> Nuevo</label>
</div>

Para que se visualice como un switch necesitamos:

• crear un div que lo contenga como custom-control custom-switch
• Crear una label con el atributo for (aunque no se quiera poner nada, es imprescindible crearla con nbsp dentro)
• Aplicar la clase custom-control-input

En código funciona como un checkbox normal, se puede enlazar con una propiedad y detectar cambios en el SET

<div class="col-4">
   <p class="formLabel">Ocultar Negativos</p>
   <div class="custom-control custom-switch" >
      <input id="checkPositive" type="checkbox" class="custom-control-input"    @bind="ViewOnlyPositiveTrend" />
      <label class="custom-control-label" for="checkPositive"> Modificar</label>
   </div>
</div>

bool ViewOnlyPositiveTrend
{
   get
   {
       return _viewOnlyPositiveTrend;
   }
   set
   {
      _viewOnlyPositiveTrend = value;
      RefreshFromMemory();
   }
}

Formularios con botón externo

En Blazor es muy sencillo usar botones externos en lugar de un submit de formulario ya que el model enlazado está disponible en servidor igualmente.

No obstante, si usamos esta opción nos perdemos las validaciones html5 del formulario, atributo required, max-min…… La alternativa es que el botón sea sólo un submit y el evento servidor lo llame el formulario en el onsubmit. Si el botón está en el formulario esto ya es automático, pero si está fuera debemos configurar la propiedad form del botón.

<form id="frmModalDocumental" @onsubmit="SaveLimiteDocumental">
                <SelectMarea EnableEdit=true required></SelectMarea>
                <SelectEspeciePesca EnableEdit=true required></SelectEspeciePesca>
                <input type="number" min="1" max="1000" required />
</form>

<button type="submit" form="frmModalDocumental">Guardar</button>