EcoTaskApp: Aplicación Web de Gestión de Tareas Ecológicas con Angular

Introducción La concienciación medioambiental se ha convertido en uno de los principales retos de la sociedad actual. Cada vez más personas desean adoptar hábitos sostenibles, pero en muchas ocasiones carecen de herramientas que les permitan organizar, controlar y realizar un seguimiento de sus acciones ecológicas. Ante esta necesidad surge EcoTaskApp, una aplicación web desarrollada con Angular cuyo objetivo es facilitar la gestión de tareas relacionadas con el cuidado del medioambiente y promover hábitos sostenibles mediante un sistema de seguimiento y recompensas. EcoTaskApp permite a los usuarios registrarse, iniciar sesión, crear tareas ecológicas, clasificarlas…continue reading →

Subir archivos al servidor desde MVC

Los formularos son obligatorios si quieres una interaccion cliente-servidor. Más obligatorio se vuelve cuando quieres adjuntar un archivo. Para añadir el archivo, desde la vista, no supone ningun problema, ya que, lo unico que tienes que fijar es el input, pero no hay que olvidar que estamos en MVC y tenemos un backend para explotar todo lo que queramos. En la vista no hay ninguna complicación, más alla del diseño, que con 4 lineas de código ya es funcional. <form method="post" enctype="multipart/form-data"> Recordad que el formulario tiene que llevar enctype en multipart/form-data para…continue reading →

Interpretar código HTML en Vistas

¿Cómo conseguimos que en nuestra vista se vea algo escrito en HTML?    Ante todo debemos de saber que podemos hacer que nuestro HTML se vea en la vista integrando este en un controlador. Con esto nos referimos a no escribir HTML en la vista, si no simplemente invocarlo, creando así una página mucho más limpia. Para ello tenemos que seguir los siguientes pasos: Creamos un nuevo proyecto, y en siguiente elegimos que sea MVC (Sin host en la nube) http://i1376.photobucket.com/albums/ah15/CarlaTajamar/imagen1_zpszy2ygf5m.png http://i1376.photobucket.com/albums/ah15/CarlaTajamar/imagen2_zpstrws2wlm.png Como podemos ver, al crear así el proyecto se nos crean…continue reading →

Enviar Información desde el controlador a las vistas

Enviar información desde el controlador a las vistas Para poder enviar información desde un controlador a una vista tenemos 3 posibilidades: ViewData ViewBag Model o ViewModel que seria lo mismo   Tanto ViewData como ViewBag se parecen mucho. Paso a paso iremos viendo cada uno de ellos. Antes de nada tendremos que crearnos un nuevo proyecto MVC en Visual Studio,(En este caso le hemos llamado PoyectoPrueba) una vez que estemos en nuestro proyecto tenemos que tener un controlador y una vista, para este ejemplo usaré uno de los controladores que nos viene de…continue reading →

Cómo enviar y recibir información entre vista y controlador en MVC

En esta entrada explicaremos paso a paso como enviar información desde la vista al controlador y viceversa, de esta forma podremos realizar formularios completamente funcionales en MVC.   Para empezar, tras iniciar Visual Studio 2015 iremos a archivo/nuevo/proyecto. Una vez en la ventana de creación de proyecto seleccionaremos ASP.NET web application y en la siguente ventana marcaremos MVC y desmarcaremos la pestañita de Azure ubicada a la derecha. Tras crear el proyecto tendremos ya el entorno de trabajo de Visual Studio. A la derecha encontraremos el explorador de solución (solution explorer) donde podremos…continue reading →

Filtros en Arquitectura en MVC – Visual Studio 2015

Hola, soy  José Antonio Pérez-Ruibal  alumno del Centro de Formación Tajamar y estoy cursando el modulo de Certificación MCSD Web Applications. En este Blog os voy a explicar el funcionamiento de Filtros en  un patrón de Arquitectura MVC en la aplicación Visual Studio. Antes que de implementarlo en un ejercicio práctico, os voy a detallar el funcionamiento básico de los filtros ó Action Filter. Que es un Filtro? En MVC un Filtro es un Atributo. Se pueden crear varios filtros a la vez. Un  Filtro hereda de la clase Base: FilterAttribute. Puede ser…continue reading →