Actualización y Gestión de Formularios en Aplicaciones Web

Clase 30 de 38 • Curso de Desarrollo Web con Blazor y .Net Core 3

Contenido del curso

Conocer las bases de .NET core

Entender la estructura de Blazor

Aplicar Entity Framework

Integrar datos en ambientes Blazor

Aplicar Diseño con Bootstrap

Tomar examen

Resumen

https://github.com/Manquip/Inventory

Comentarios

Luis Lira

student•

¿Cómo sería para eliminar un producto si necesidade de crear una vista más?

Intenté hacerlo de esta manera en mi vista de Lista de los productos, el objeto sí se elimina correctamente pero el StateHasChanged() no me re renderiza el componente por lo que el producto sigue apareciendo en la lista hasta que actualizo la página manualmente.

&lt;td&gt;&lt;button class=&quot;btn btn-danger&quot; @onclick=&quot;(() =&gt; DeleteProduct(product))&quot;&gt;Delete&lt;/button&gt;&lt;/td&gt;

private void DeleteProduct(ProductEntity oProduct)
{
    B_Product.DeleteProduct(oProduct);
    StateHasChanged();
}

Miguel Quintero

teacher•

Se debe tener en cuenta que cuando hay relaciones entre tablas, una sugerencia es no eliminar del todo el registro, ya que las referencias que existen pueden generar conflicto para este proceso.

En su lugar, puedes crear una columna de tipo bool (verdadero o falso) que determine si el producto (en este caso) se debe ver en los listados, y en el proceso de "eliminar", lo que haces es cambiar de estado entre true o false.

En el llamado en las listas puedes agregar el filtro para que solo te muestre los que en esa columna el valor sea true.

Me avisas si mi explicación te enredo un poco y buscaré la manera de explicarla un poco mejor.

Manuel Castillo García

student•

Simplemente vuelve a cargar la lista de productos después de eliminar:

private void DeleteProduct(ProductEntity product)
    {
        B_Product.DeleteProduct(product);
        products = B_Product.ProductList();
        tempProducts = products;
    }

Pablo Jamiro Urbano Tineo

student•

Envés de hacer La expresión Lambda, podemos usar el .Find(<Id>)

        public static ProductEntity productAlone(string id)
        {
            using (var db = new InventoryContext())
            {
                return db.Products.Find(id);
            }
        }```

Manuel Alejandro Muñoz Mendivil

student•

¿No es más costoso convertir a una lista y después seleccionar un elemento?

var OneProduct = db.Products.ToList().LastOrDefault(m=&gt;m.Id == _Id);

en lugar de:

var OneProduct = db.Products.FirstOrDefault(m=&gt;m.Id == _Id);

Guadalupe Giovanni Hernández Medina

student•

A los que no les aparece los errores detallados pueden activarlos en "Program.cs" de esta manera:

public static IHostBuilder CreateHostBuilder(string[] args) =&gt;
    Host.CreateDefaultBuilder(args)
        .ConfigureWebHostDefaults(webBuilder =&gt;
        {
            webBuilder
                .UseStartup&lt;Startup&gt;()
                .UseSetting(WebHostDefaults.DetailedErrorsKey, &quot;true&quot;);
         
        });

Pablo Jamiro Urbano Tineo

student•

Si quieren que aparesca el la referencia al ProductoId, en la etiqueta de <InputText /> pueden poner readonly="true".

        <div class="form-group">
            <label>Referencia: </label>
            <InputText readonly="true" @bind-Value="edit.productId" class="form-control"></InputText>
        </div>

Carlos Javier Bazan Huaman

student•

Falta la operación de eliminar.

Wilson Lopez

student•

Tengo un inconveniente, y es que cuándo doy click en "editar" me aparece la ruta a la me voy a dirigir en el browser, por ejemplo: localhost:44337/product/update/ASJ-98745 pero se queda en blanco la pantalla del formulario. ¿alguien sabe cómo lo puedo solucionar?.

Hans González

student•

Yo tengo problemas en guardar el objeto, si me selecciona el producto cuando se da click, pero cuando quiero actualizar el registro no me actualiza el registro :(

Axel Jiménez

student•

¿Alguien sabe por qué me aparece este error? EditForm requires a Model parameter, or an EditContext parameter, but not both.

Cuando le doy click en "Editar".

Daniel G. Fernández G.

student•

Hay que ponerle el @ en <UpdateProductComponent IdProduct="@IdProduct" /> en UpdateProductComponent.razor

Axel Jiménez

student•

¿Alguien sabe por qué me aparece este error? EditForm requires a Model parameter, or an EditContext parameter, but not both. Cuando le doy click en "Editar"

Facundo Roldan

student•

Hola, lo pudiste solucionar ? Tengo el mismo inconveniente....

Facundo Roldan

student•

El error es por que no trae nada de la base de datos, en mi caso el error fue por que no puse el @ en <UpdateProductComponent IdProduct="@IdProduct" />

José Luis Gonzalez

student•

 public static ProductEntity ProductById(string idProduct)
        {
            using (var db = new InventaryContext())
            {
                return db.Products.Where(x => x.ProductId == idProduct).FirstOrDefault();
                //return db.Products.ToList().LastOrDefault(x => x.ProductId == idProduct);
            }
        }```

&lt;td&gt;&lt;button class=&quot;btn btn-danger&quot; @onclick=&quot;(() =&gt; DeleteProduct(product))&quot;&gt;Delete&lt;/button&gt;&lt;/td&gt;

private void DeleteProduct(ProductEntity oProduct)
{
    B_Product.DeleteProduct(oProduct);
    StateHasChanged();
}

        public static ProductEntity productAlone(string id)
        {
            using (var db = new InventoryContext())
            {
                return db.Products.Find(id);
            }
        }```

public static IHostBuilder CreateHostBuilder(string[] args) =&gt;
    Host.CreateDefaultBuilder(args)
        .ConfigureWebHostDefaults(webBuilder =&gt;
        {
            webBuilder
                .UseStartup&lt;Startup&gt;()
                .UseSetting(WebHostDefaults.DetailedErrorsKey, &quot;true&quot;);
         
        });

 public static ProductEntity ProductById(string idProduct)
        {
            using (var db = new InventaryContext())
            {
                return db.Products.Where(x => x.ProductId == idProduct).FirstOrDefault();
                //return db.Products.ToList().LastOrDefault(x => x.ProductId == idProduct);
            }
        }```

Actualización y Gestión de Formularios en Aplicaciones Web

Conocer las bases de .NET core

Desarrollo de Aplicaciones Web con Blazor y Entity Framework

Evolución de las tecnologías .NET

Evolución y Uso de Visual Studio Code en Desarrollo .NET

Desarrollo Web: Cliente, Servidor y Optimización con JavaScript

Instalación de Visual Studio Community paso a paso

Instalación y Configuración de SQL Server Express 2019

Entender la estructura de Blazor

Desarrollo de Aplicaciones con Blazor Server y WebAssembly

Estructura y Configuración de Aplicaciones en Visual Studio Code

Creación de Formularios Dinámicos con Blade y C#

Creación y Uso de Componentes en Glaceau para Formularios Reutilizables

Creación y Gestión de Formularios HTML Básicos

Arquitectura y Patrones de Diseño en Desarrollo de Software

Aplicar Entity Framework

Arquitectura por Capas y Patrones de Diseño en Software

Modelado de Datos para Aplicación de Inventario

Modelo de Datos para Gestión de Inventarios

"Creación de Entidades en .NET Core para Bases de Datos"

Diseño y Configuración de Entidades en Bases de Datos

Construcción de Relaciones en Modelos de Datos con Entity Framework

Creación de Capas de Acceso a Datos con Entity Framework

Configuración y migración de bases de datos con Entity Framework

Precarga de Datos en Bases de Datos con Entity Framework

Integrar datos en ambientes Blazor

Creación de Capas de Negocio en Aplicaciones .NET

CRUD Básico en Bases de Datos Relacionales

"Creación de Formularios para Registro de Productos en Inventario"

"Creación de Formularios y Menús Desplegables en Páginas Web"

Listar y Mostrar Productos en Tabla HTML con C#

Filtrado Dinámico de Productos por Categoría en HTML

Creación y Navegación de Páginas con Listados y Formularios en Sitios Web

Actualización de Información de Productos en Componentes Web

Actualización y Gestión de Formularios en Aplicaciones Web

Integración de Productos en Bodegas: Formularios y Almacenamiento

Asociación de Productos con Bodegas en Sitios Web

Gestión de Entradas y Salidas en Almacenamiento de Bodegas

Cargar y asociar productos a bodegas en Entity Framework

Gestión de Inventarios: Actualización y Control de Stocks

Aplicar Diseño con Bootstrap

Diseño Responsivo con Vustra: Mejora la Experiencia del Usuario

Publicación de Sitios Web en Azure Paso a Paso

Arquitectura y Herramientas para Desarrollo Web