viernes, 30 de junio de 2017

007 ASP.NET Controles de servidor y usuario (Aplicación Web)

PRACTICA 007: Controles de Servidor, Controles de usuario en  ASPNET
Ing. Honoria Reyes Macedo


IDE: Microsoft Visual Studio
Framework: ASP.NET
Aplicación: HTML, Web en ASP.NET 
ACTIVIDADES
1.     Controles de servidor HTML.-   Agregar el siguiente formulario a una section de tu pagina creada en html y probar en un navegador
 

martes, 27 de junio de 2017

006 ASP.NET Y ENTITY FRAMEWORK (Aplicacion Web)

PRACTICA 006: ASP.NET con Entity Framework (CRUD)
Ing. Honoria Reyes Macedo

IDE: Microsoft Visual Studio
Proveedor para conexión a Base de Datos:SqlClient
Lenguaje de programacion: C#
Base de Datos: SQLServer
ORM: Entity Framework
Framework: ASP.NET
Aplicación: Web en ASP.NET 

INTRODUCCION
    Es una aplicación para Web, que mapea la base de datos mediante un ORM en este        caso un Entity Framework.

    En esta práctica se utiliza una base da datos "CursoADO" en SQL Server
     

     USE [CursoADO]            



ACTIVIDADES
1.- Crear un nuevo proyecto y nombrarlo al final con las iniciales de su equipo. Ejemplo del equipo "Listos":  CursoASPNET_LISTOS


Seleccionar MVC


Quedaria asi con sus carpetas Model, Controller, Views, etc:





         2.     Crear su entity framework
2.1 Revisar si existe la referencia de EntityFramework

                NOTA: Revisar si esta en el proyecto, si no está activarlo con los 
               pasos del punto 3 de la practica PRACTICA-003ADO.NET







              2.2  Crear un EDM en Models  + Add + New Item




                          Seleccionar en Data + ADO.NET Entity Data Model






La conexión salvarla como DB_CursoADOEntities
 







Al crear el modelo hace cambios en Web.config.  Seleccionar  Yes para aceptar los cambios 






Quedaria asi:




3.     Agregar un Controlador AlumnoController  en Controllers + Add + Controller

                             

Escoger un MVC vacio



Quedaria asi:




Observar que en AlumnoController.css genera una acción GET ActionResult hacia el archivo Index

      4.     En AlumnoController.css agregaremos las acciones GET de cada formulario(vista) que ocuparemos
Para los Formularios: Listar, Detalle, Eliminar, Modificar y Nuevo



Nota:         Observar que para cada View que se retorna se envia un objeto del modelo   
                  DB_CursoADOEntities, excepto para Nuevo
                  return View(mdlAlumno);
                 Como parametro recibe el id con el que trabajara


      5.     CREAR LOS FORMULARIOS: Por cada acción GET sobre cada Action en AlumnoController agregar su vista con su témplate  correspondiente:
Con mouse secundario + Add View…



Para el formulario Listar


Para el formulario Nuevo
 




Para el formulario Modificar





Para el formulario Eliminar



Para el formulario Detalle





Quedarian organizados asi en la carpeta Views + Alumno





6.     Verificar las rutas destino de cada Formulario

6.1   Abrir desde Views + Shared +_Layout.cshtml y verificar que los destinos esten correctos.
Agregar el destino en el menú principal, al Formulario Listar

         <li>@Html.ActionLink("Alumnos", "Listar", "Alumno")</li>


 






6.2   Abrir Listar.cshtml y verificar que los destinos esten correctos
         Ejemplo: Para indicar que el botón “Insertar Nuevo” va al formulario Nuevo.cshtml            
@Html.ActionLink("Insertar nuevo", "Nuevo")  
      
De igual forma para el botón Modificar, Detalle y Eliminar:

            @Html.ActionLink("Modificar", "Modificar", new { id=item.cvealumno }) |
            @Html.ActionLink("Detalles", "Detalle", new { id=item.cvealumno }) |
            @Html.ActionLink("Eliminar", "Eliminar", new { id=item.cvealumno })





6.3   En el formulario Modificar.cshtml verificar que exista la línea para ocultar la clave a modificar

@Html.HiddenFor(model => model.cvealumno)



6.4   En el formulario Eliminar.cshtml agregar la siguiente línea dentro del BeginForm()
    @Html.HiddenFor(model => model.cvealumno)


6.5   En el formulario En Detalles.cshtml
    @Html.ActionLink("Editar", "Modificar", new { id = Model.cvealumno })

           
          7.      Compilar y ejecutar para probar

         8.     Agregar los métodos POST en el controlador  AlumnoController.css

 Compilar y ejecutar para probar  eliminar, modificar y crear



oooooooooooooooooooooooooooo0ooo0ooooooooooooooooooooooo
oooooooooooooooooooooooooo000oo000oooooooooooooooooooooo