LeonDragon / Full-stack-Coding-Exercise-NetCoreAndBlazor

Blazor Exercise

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ejemplo de ejercicio Full-Stack con tecnologías .NET Core (Back-end) y Blazor (Front-end)

Sobre mí


Este es un pequeño ejercicio sobre la creación de un CRUD mediante la tecnología .NET EntityFrameWork Core y Blazor. Lo primero que se debe hacer es conectar un servicio .NET CORE a una base de datos. Mediante Blazor nos conectaremos a dicho servicio y crear así una Single Page Application. Además, para reducir la latencia de acceso a los datos y mejorar el tiempo de respuesta en nuestra aplicación se ha usado Redis puesta que es una excelente opción para implementar una caché de alta disponibilidad. Para mapear los objetos desde una base de datos a código C# vamos a usar Dapper. Este es seguramente el micro ORM más popular para ser utilizado en .NET, y está creado y mantenido por el equipo de Stack Overflow.

Blazor .NET Core SQL Server Redis Dapper

Esta aplicación o proyecto Web simula la gestión de un centro de educación. Mediante la aplicación el usuario puede añadir alumnos al centro, profesores, asignaturas y finalmente gestionar las calificaciones de los alumnos.

Los pasos a seguir para implementar esta aplicación son:

  • Creación de una base de datos
  • Creación del servicio MVC .NET Core
  • Creación de la aplicación Blazor (Presentación)

El diseño de nuestra base de datos sería el que se muestra en la imagen:

A continuación se muestran imágenes de la aplicación realizada con los mantenimientos correspondientes a la sección de alumnos, profesores, asignaturas así como también la evaluación.

FRONT-END

Página principal

Mantenimiento de los alumnos

Mantenimiento de los profesores

Mantenimiento de las asignaturas

Mantenimiento de las evaluaciones

BACK-END

Documentación de la API

About

Blazor Exercise


Languages

Language:C# 90.1%Language:HTML 9.0%Language:CSS 0.9%