El siguiente post vamos a realizar un proyecto que permite registrar usuarios realizar el proceso de autenticación utilizando MVC 4
MVC 4: Ofrece un marco de trabajo Model-View-Controller, Modelo-Vista-Controlador. Separa los datos y la lógica de negocio de una aplicación de la interfaz de usuario
MVC propone la construcción de tres componentes distintos que son modelo, vista y el controlador
Modelo: Representa la lógica de negocio de la aplicación.
Vista: Representan la presentación de la aplicación. GUI (Graphical User Interface).
Controlador: Recogen y procesan las acciones del usuario, mediante el Modelo. Devolviendo la Vista determinada y procesada
CONTENIDO
- Generar proyecto MVC 4
- Generar la base de datos
- Modelo Entidad de Datos
- Generar controlador
- Controlador Home
- Controlador de Usuario
- Generar vistas Clases del modelo
- Vistas Home
- Vistas de Usuario
- Modificar vistas de Usuario
- Fuentes del proyecto
Crear un proyecto MVC en Visual Studio 2012 àUtiliza el patrón de diseño vista controlador: Archivo/Nuevo Proyecto/Aplicación web de ASP.NET MVC4
Indicamos el nombre del proyecto: MvcLogin. Seleccionar el template del proyecto
Vista de la solución creada
App_Data: Guardar las base de datos o cualquier otro tipo de fuente de base de datos
App_Star: Archivos de configuración
- RouteConfig.cs: Especificar una ruta que es mapeada como una URL. Hace uso del controlador. El controlador se encarga de pasar el modelo a la vista
Models: Lógica del negocio, corresponde a las clases
Views: Paginas que se renderizan y que son llamadas como respuesta al cliente.
Controllers: El controlador se encarga de realizar las llamadas a estas vistas.
GENERAR LA BASE DE DATOS
La base de datos a crear contiene una tabla SystemUsers, que contendrá los datos del usuario a autenticarse en el sistema. Seleccionar la carpeta App_Data, clic derecho Agregar/Nuevo elemento/Datos/Base de datos local SQL Server Compact 4.0
Abrir el explorador de servidores con doble clic sobre la base de datos MainDB.sdf , y crear la tabla SystemUser
En la tabla SystemUser no se va realizar la encriptación del password y sigue el siguiente esquema
MODELO DE ENTIDADES DE DATOS
Seleccionar el nombre de la solución MvcLogin clic derecho Agregar/Nuevo elemento/Datos/ADO.NET Data Model
En la siguiente pantalla seleccionar Generar desde la base de Datos. En la conexión de datos por defecto selecciona la base de datos creada anteriormente
Seleccionar los objetos de la base de datos, para este caso corresponde a las tablas
Cambiar el nombre de contenedor de entidades por MainDbContext
GENERAR CONTROLADOR HOME
Es necesario que exista el controlador Home de la aplicación para que realice el llamado de la vista que contiene la página de inicio de la aplicación. Al no existir el controlador inicial de la aplicación al correr la aplicación genera error.
Seleccionar carpeta Controlador/Agregar/Controlador
El nombre del controlador corresponde al home de la aplicación
GENERAR VISTA HOME
Para adicionar la vista del controlador que contiene la página de inicio de home, abrir el archivo HomeController.cs y con clic derecho sobre Index/Agregar vista
Se crea la página de entrada de home Index. cshtml, y ahora al correr la aplicación no genera error por existir el controlador y vista de Home respectivamente.
CLASES DEL MODELO
Seleccionar la carpeta Models, clic derecho Agregar/Clase, e ingresar el nombre de la clase UserModel
La clase tendrá la siguiente estructura
Los elementos de las propiedades de la clase como [Required], [EmailAddress], StringLength(150)], [Display(Name=»Email address «)], son utilizados por la vista de la página para realizar las respectivas validaciones y definición de la entrada que debe cumplir cada uno de los atributos que componen la clase, al momento de ingresar o actualizar un nuevo dato
El SITIO DE JCAVELLA 