Curso .NET Core en C# - 25.Creamos vista de usuario con Tags Helpers

25.Creamos vista de usuario con Tags Helpers

• Hola a todos. En este curso, analizaremos todos los conceptos básicos, intermedios y avanzados de ASP.NET Core que nos ayudan a crear aplicaciones web basadas en datos.Al final de este curso, podremos realizar todas las operaciones de un CRUD, es decir, crear, leer, actualizar y eliminar datos  utilizando SQL Server como nuestra base de datos. 

• En este vídeo vamos a crear el mecanismo necesario para crear una vista donde poder añadir nuevos amigos.Vamos a utilizar tags helpers.Utilizamos los siguientes a tags helpers para crear un formulario en ASP.NET Core:
• Form Tag Helper
• Label Tag Helper
• Input Tag Helper
• Select Tag Helper
• En el siguiente vídeo lo podemos ver con más detalles:

• Parte del código visto en el vídeo:

• Vista Create.cshtml:

    <form asp-controller="Home" asp-action="Create" method="Post" class="m-2">

        <div class="form-group row">

            <label asp-for="Nombre" class="col-sm-2 col-form-label"></label>

            <div class="col-sm-10">

                <input asp-for="Nombre" class="form-control" placeholder="Nombre" />

            </div>

        </div>

        <div class="form-group row">

            <label asp-for="Email" class="col-sm-2 col-form-label"></label>

            <div class="col-sm-10">

                <input asp-for="Email" class="form-control" placeholder="E-mail" />

            </div>

        </div>

        <div class="form-group row">

            <label asp-for="Ciudad" class="col-sm-2 col-form-label"></label>

            <div class="col-sm-10">

                <select asp-for="Ciudad" class="custom-select mr-sm-2" asp-items="Html.GetEnumSelectList<Provincia>()"></select>

            </div>

        </div>

        <div class="form-group row">

            <div class="col-sm-10">

                <button type="submit" class="btn btn-primary">Nuevo</button>

            </div>

        </div>

• Código de la clase Provincia:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Threading.Tasks;

namespace Ejemplo1.Models

{

    public enum Provincia

    {

        Ninguna, Albacete, Alicante, Almería, Álava, Asturias, Ávila, Badajoz, Baleares, Barcelona, Bizkaia,

        Burgos, Cáceres, Cádiz, Cantabria, Castellón, CiudadReal, Córdoba, Coruña, Cuenca, Guipuzcoa,

        Girona, Granada, Guadalajara, Huelva, Huesca, Jaén, León, Lleida, Lugo, Madrid, Málaga, Murcia,

        Navarra, Ourense, Palencia, Palmas, Pontevedra, Rioja, Salamanca, Tenerife, Segovia, Sevilla,

        Soria, Tarragona, Teruel, Toledo, Valencia, Valladolid, Zamora, Zaragoza, Ceuta, Melilla

    }

}