Aplicación web con ASP.NET MVC 2 – Estilos en nuestras tablas

Ya que estamos trabajando con vistas con contenido List, estas nos crean tablas que pueden mostrar varios registros y lo tedioso puede ser que al tener unos 30 registros o más tenemos que desplazar la página para ir recorriendo la lista.

Una de las soluciones es utilizar CSS para crear un contenedor deslizable en nuestra vista y sin mover la página podamos desplazar el contenido de la tabla.

Img. 1. Tabla deslizable en nuestra página con CSS.

Seguir leyendo

Anuncios

Aplicación web con ASP.NET MVC 2 – parte 8 :: Validación de formularios

En esta parte del tutorial nos centraremos en realizar las validaciones de los datos en nuestros formularios, de forma que haremos solo un ejemplo y por su parte implementará las validaciones en el resto de los formularios.

Trabajaremos en la modificación de las vistas para Registrar y Editar (ProgramaEducativo) del controlador AdministrarPE donde nuestro resultado será el siguiente:

Img. 1. Validación de formularios.

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 7

El avance que hasta ahora tenemos es que podemos ver nuestros PE, agregarles cuatrimestres y ver el historial de cuatrimestres.

Lo que haremos ahora será implementar un controlador que nos permita administrar los registros de tutores y poder filtrarlos por PE.

El resultado final a obtener en esta parte 7 es:

Img. 1. Resultado a obtener al finalizar esta parte.

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 6

Continuando con el controlador AdministrarPE implementaremos la parte de mostrar el historial de cuatrimestres para el PE seleccionado.

La acción HistorialPE (JsonResult)

Se encargará de devolver la lista de cuatrimestres de los años anteriores al actual en un tipo de datos JSON, la cual será invocada con JQuery al hacer clic sobre el link “Mostrar historial”.

Dada la situación de que la lista de cuatrimestres proveniente de nuestra base de datos no la podemos transformar a JSON, debemos crearnos una clase auxiliar llamada AuxCuatrimestre, esta clase debemos crearla en la carpeta Models, el código para esta clase es:

namespace EscuelaWebApp.Models
{
    public class AuxCuatrimestre
    {
        private int id;
        private string periodo;
        private int anio;

        public int Id
        {
            get { return id; }
            set { id = value; }
        }

        public string Periodo
        {
            get { return periodo; }
            set { periodo = value; }
        }

        public int Anio
        {
            get { return anio; }
            set { anio = value; }
        }

    }
}

Ahora, el código de nuestra acción HistorialPE que devuelve JSON es:

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 5

Img. 1. Resultado final de este avance.

Continuando con el desarrollo de nuestra aplicación ASP.NET MVC 2, seguiremos trabajando con el AdministrarPEController donde agregaremos un poco más de funcionalidad, para ello se plantea lo siguiente:

El Index de AdministrarPEController  muestra la lista de PE’s, donde ahora queremos que al dar clic en un PE (por ahora no tienen link) nos lleve a ver sus cuatrimestres considerando solo mostrar los cuatrimestres del año actual; por ejemplo: estamos en el 2011, cuando entremos a ver los cuatrimestres, solo nos muestre los del 2011, si aún no se han creado, nos permita hacerlo pero evitar que se creen cuatrimestres duplicados (son solo 3 por año y cada uno tiene definido su periodo), además nos permita ver el historial de cuatrimestres del PE, por ejemplo ver la lista de cuatrimestres del año pasado y así poder ingresar al historial (más adelante será el historial de grupos).

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 4

En la parte 3 del tutorial solo vimos acerca de los controladores, las vistas y los enlaces, donde el trabajo realizado fue solo agregar la acción Index al Controlador AdministrarPE la cual al ser invocada muestra la lista de registros almacenados en la tabla correspondiente.

Img. 1. Resultado del trabajo anterior (parte 3).

Ahora es esta parte del tutorial veremos como crear las acciones que permitan crear un nuevo registro, editar y eliminar un existente.

Seguir leyendo

Aplicación web con ASP.NET MVC 2 – parte 3

Después de haber creado nuestra base de datos y el modelo de datos a utilizar en nuestra aplicación, antes de agregar cualquier registro a las tablas es recomendable tener un respaldo de la BD vacía, posteriormente si se le realiza algún cambio al diseño de la BD volver a crear un respaldo ya que al ir realizando las pruebas de funcionalidad de la aplicación se irán agregando registros y para cuando la aplicación esté terminada tendremos que limpiar la BD para que ahora sí empiece a trabajar desde cero, entonces será más fácil reemplazar la BD con datos de prueba por la vacía.

Agregar los primeros datos a la BD.

Para empezar a realizar nuestros primeros avances, necesitamos contar con algunos datos en nuestra BD, para ello agregaremos algunos registros a la tabla principal “ProgramaEducativo”.

Img. 1. Agregar los primeros datos manualmente.

Seguir leyendo

Aplicación web con ASP.NET MVC 2

Hace un año empezamos a trabajar con aplicaciones web con ASP.NET MVC 2 en Visual Studio 2010, en este curso nuevamente trabajaremos con esta tecnología aunque contamos ya con la versión 3 del ASP.NET MVC, podremos pasar a la versión 3 no sin antes haber trabajado con la versión 2 y como la red de la escuela no nos permite descargar no podemos actualizar nuestro Visual Studio.

Aún se encuentra la publicación del ejemplo anterior en http://afelipelc.mx/2011/05/23/mi-primera-aplicacion-asp-net-mvc-2-paso-a-paso/ del cual se retomarán algunos datos pero en esta ocasión el trabajo será diferente.

Seguir leyendo

Mi primera aplicación ASP.NET MVC 2 paso a paso

(Contenido rescatado del Blog anterior, aquí han sido alojadas las partes del tutorial en formato .PDF)

Siguiendo el tutorial original : Build your First ASP.NET MVC Application :: http://www.asp.net/mvc/tutorials/getting-started-with-mvc-part1

Conociendo los conceptos de los elementos del patrón de diseño Modelo Vista Controlador (MVC), en este tutorial pondremos en práctica los conceptos básicos de ASP.NET MVC 2 creando una aplicación básica a la que agregaremos funciones y elementos extras a los mostrados en el tutorial original que encuentras en http://www.asp.net/mvc.

Para saber más acerca de ASP.NET MVC, visita el sitio http://msdn.microsoft.com/es-es/library/dd394709.aspx.

Construyendo nuestra aplicación de “colección de Películas”.

Requisitos: Visual Studio 2010 y SQL Server Express 2008.
La versión del VS en la que está basado el ejemplo es VS2010 Ultimate.

La aplicación que construiremos contará con una base de datos llamada Peliculas la cual tendrá dos tablas relacionadas. Agregaremos un módulo de Administración de usuarios que agregaremos poco a poco durante el trayecto de la construcción.

Seguir leyendo