AutoMapper en .Net Core

En este Post aprenderemos a como utilizar AutoMapper que básicamente es una biblioteca de mapeo de objetos para .Net que se utiliza para simplificar la tarea de asignar datos entre diferentes tipos de objetos. Instalacion Primeramente instalamos el nuget , tiene que finalizar en "DependencyInjection" para poderlo inyectarlo en el program. https://flic.kr/p/2osmnqr Dentro del program añadimos un nuevo servicio “AddAutoMapper”,el argumento typeof(Program) se utiliza para indicarle a AutoMapper que busque todos los perfiles de mapeo en el ensamblado que contiene la clase Program. https://flic.kr/p/2osqq3E Modelos Tendremos que crear dos modelos ,que en esta…continue reading →

Operaciones masivas e importar datos Excel con .Net Core

En este ejercicio se van a utilizar importaciones y exportaciones de los datos de documentos Excel, para recuperar y extraer los datos masivos. Para ello se ha creado una aplicación web de contabilidad en un supuesto práctico. En primer lugar hay que instalar el Nuget EPPlus, para manejar las hojas de calculo Excel en la aplicación. Para poder realizar operaciones con la gran cantidad de datos que se van manejar, se debe también agregar el Nuget EntityFramework Plus. https://flic.kr/p/2orTiSs Nuget EPPlus https://flic.kr/p/2orVkeA Nuget EntityFramework Plus Se define en el proyecto la clase modelo…continue reading →

Buscador en Form Select (SELECT2) ASP Net Core

En este post os voy a enseñar a cómo integrar un buscador o filtro que ayude al usuario final a encontrar el valor o valores que le interesen dentro los formularios de selección que contengan muchos elementos. SELECT2 es el buscador a utilizar Esta librería el cual encontrarás su enlace a la página oficial, es la que nos permitirá implementar el buscador para filtrar entre los infinitos elementos que podamos tener en un simple formulario select. Hace uso de Jquery para hacer la llamada a dicha librería Cómo implementar la librería de SELECT2…continue reading →

Cómo integrar BULMA en Vue

¿Qué es BULMA? ¿Cómo se integra Bulma en Vue? A menudo nos encontramos en la situación de hacer una pagina web en el framework Vue pero no sabemos cómo hacer que nos quede presentable a nivel de diseño, para ello, hay un framework de CSS que se llama "Bulma", esta tiene librería que nos permitirá hacernos el trabajo de diseño mucho más sencillo ya que tiene muchos componentes los cuales podrás utilizar, modificar a nuestro gusto. Crea una carpeta para almacenar el proyecto-Vue: C:\Users\Sarto\Desktop\VUE BULMA Crea un proyecto Vue dentro de la consola…continue reading →

Animación en Scroll para Angular (AOS)

¡Buenas! En este post os enseño a cómo realizar la Instalación de AOS en Angular. Asique vamos a ver paso a paso la correcta instalación de la librería Definición de Animación en Scroll para Angular Para aquellos amantes del diseño, esta librería nos permite visualizar el contenido de nuestras páginas o tambien conocidos como componentes. Podremos insertar en nuestras imágenes, cuadros de texto, contenedores (<div>) una animación que al desplazarnos con la rueda del ratón aparezcan (o incluso que desaparezcan) con distintas animaciones que embellezcan nuestra aplicación dándole un aspecto más amigable y…continue reading →

CÓMO IMPLEMENTAR GRÁFICOS CHARTJS EN REACT

En este post quiero hablar acerca de ChartJS (https://react-chartjs-2.js.org/) y más en concreto, de su librería análoga react-chartjs-2. Una herramienta muy completa, que nos permite trabajar con multitud de gráficos totalmente personalizables y con muy poco trabajo de implementación previa. Son muchos los casos en los que es necesario visualizar datos de una forma dinámica y atractiva. Para nosotros, como programadores, puede resultar algo tedioso implementar distintos tipos de gráficos para cada una de las decenas de conjuntos de datos que manejamos a diario en nuestros proyectos. En estos casos puede resultar muy…continue reading →