Después de varios días de búsqueda se encontró un video muy completo que dice mostrar cómo realizar una aplicación ASP.NET con MVC 5 con un formulario para recibir datos de un usuario, enviarlos a una base de datos SQL Server y luego poder solicitar los datos nuevamente y mostrarlos en la página web. La dinámica de este tutoría pareció ser muy adecuada para aprender sobre esta tecnología en función con lo que requiere la tarea programada. Este es el enlace al tutorial: https://www.youtube.com/watch?v=bIiEv__QNxw&t=565s
En el tutorial primero se crea una Librería de clases (.Net Framwork) para manejar todo lo relativo al acceso de datos. Seguidamente se crea un proyecto de base de datos SQL Server para crear la base de datos en Visual Studio, sin embargo, ya tenemos la base de datos posteriormente buscaremos como simplemente conectarla para aprovechar el trabajo ya realizado.
Luego se crea un archivo en la carpeta modelo para el usuario, en nuestro caso se ha llamado cliente con el fin de hacer un formulario de registro de clientes al banco. En este modelo se ingresan todas las propiedades que se van a querer obtener obtener de un usuario (Nombre, Documento de Identididad, Tipo de cuenta, etc).
Seguidamente en el controlador de Inicio que se crea por defecto se crea una Acción la cual despliega una vista con el mismo nombre. Para el inicio de sesión creo la acción en el controlador y se le añadió una vista utilizando un template llamado "Create" que genera un código base cshtml de un formulario de ingreso de datos tomando como modelo el Modelo Dueño creado previamente.
Recorriendo el código generado se observa que se selecciona un modelo en la primera instrucción, luego se le da una título a la página, luego también se ingresa el título en HTML. Luego viene la instrucción Html.BeginForm() que es donde empieza la generación del formulario. Primero se asigna un AntiForgeryToken() es una función que se encarga de evitar ataques de tipo CRSF (Cross-site Requests forgery). Seguidamente se genera una división en el HTML de tipo "fore-horizontal" que va a tener varias divisiones de la clase "fore-group" que representan campos de ingreso de datos para los atributos indicados en el modelo Dueño. En cada uno de estos grupos se incluye un Html.Label para mostrar una etiqueta en el campo de ingreso, un Html.EditorFor que corresponde al campo de ingreso en sí y un Html.ValidateMessageFor que muestra un mensaje en caso de que haya un error en el ingreso de datos. Por ejemplo, si una campo es obligatorio, este método se encarga de mostrar dicho mensaje debajo del campo respectivo.
También como se puede observar en este layout para el Inicio de Sesión hay una combinación de código en HTML y en C# por medio de la sintaxis de la tecnología Razor. Esto permite hacer modificaciones a la página más fácilmente sin tener que lidiar con código en HTML.
Luego se empezaron a agregar nuevas características a las propiedades del modelo para hacer un formulario más completo con validaciones en el ingreso de los datos.
Seguidamente se creó otra acción en el Controlador de Inicio para recibir los datos del formulario usando la característica [HttpPost] en un método de acción del mismo nombre que la acción de InicioSesión. De modo que en esta acción del controlador se manejará la recepción de los datos. Aquí se vuelven a validar los datos nuevamente, por mayor seguridad, y si todo funcionó correctamente se redirije el usuario a la página de inicio.
21
Horas trabajadas: 2
No hay comentarios:
Publicar un comentario