FullCalendar en proyecto .NET Core

FullCalendar es uno de los plugins más populares para la creación de calendarios con JavaScript. Cuenta con conectores para usar con distintos frameworks como Angular, Vue o React. Y también, permite sincronizarlo con Google Calendar. En este ejemplo, vamos a ver como utilizarlo en un proyecto MVC (Modelo-Vista-Controlador) con .NET Core. Veremos que dependencias tenemos que usar y su funcionalidad básica. Además, de como podemos trabajar con eventos. ¿Qué necesito saber? Para empezar, habría que tener conocimientos básicos de proyectos MVC y su funcionamiento. Además, como he dicho anteriormente, vamos a ver como trabajar con…continue reading →

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 →