Trabajando Con Vistas Parciales

11

Click here to load reader

Transcript of Trabajando Con Vistas Parciales

  • CIBERTEC 2014 -02

    1

    Trabajando con Vistas Parciales Se requiere implementar las consultas y listados a las tablas de la base de datos Negocios2014, tal como se muestra.

    Trabajando un proyecto en MVC 4

    Crear un proyecto MVC 4 C#, tal como se muestra

    Seleccionar

  • CIBERTEC 2014 -02

    2

    Selecciona la plantilla: Aplicacin de Internet y el motor de Vista, tal como se muestra.

    A continuacin agregamos el modelo las clases del proyecto, tal como se muestra.

    Seleccionar

    Seleccionar el motor

    Seleccionar

  • CIBERTEC 2014 -02

    3

    A continuacin debemos crear las siguientes clases: tb_clientes, tb_empleados, tb_productos, tb_pedidoscabe y tb_pedidosddeta, tal como se muestra en las siguientes imgenes.

    Definicin de la clase

    tb_clientes

    Definicin de la clase

    tb_productos

  • CIBERTEC 2014 -02

    4

    Definicin de la clase

    tb_empleados

    Definicin de la clase

    tb_pedidoscabe

  • CIBERTEC 2014 -02

    5

    Definicin de la clase

    tb_pedidosdeta

    A continuacin, vamos a agregar un modelo de Contexto: DbContext. Agregar una clase en la carpeta Models, tal como se encuentra

    Seleccionar

  • CIBERTEC 2014 -02

    6

    Selecciona el item Clase, asigne el nombre de la clase Negocios2014DB, tal como se muestra.

    Importar las libreras, extienda la clase DbContext en Negocios2014DB. A continuacin defina los DbSet a cada una de las clases. Defina el mtodo OnModelCreating para no pluralizar los nombres de las clases y sus tablas

    Nombre:

    Negocios2014DB

    Seleccionar

    Importar la Data.Entity

    Extienda la clase a DbContext

  • CIBERTEC 2014 -02

    7

    En el Web.config, publica la cadena de conexin. El nombre de la conexin es el mismo que el nombre del DbContext, defina el proveedor de datos: providerName=System.Data.SqlClient Para que los datos sean actualizados en el DbContext Negocios2014DB, abrimos la consulta del Administrador de paquetes

    Selecciona: Consola del Administrador de paquetes

    Defina la cadena de conexin

  • CIBERTEC 2014 -02

    8

    En el promt del Package Manager (PM>) escribimos Enable-Migrations -ContextTypeName MvcListado.Models.Negocios2014DB, y presiona ENTER, luego de la ejecucin verificar que se haya creado la carpeta Migrations en el proyecto.

    Luego de la ejecucin verificar que se haya creado

    la carpeta Migrations en el proyecto

    Para no escribir los comandos de actualizacin por cada cambio que se hace al modelo, entonces activamos la actualizacin automtica, para ello en la Clase Configuration escribimos en el constructor: AutomaticMigrationsEnabled = true;

    Modificar

    Carpeta Migrations

  • CIBERTEC 2014 -02

    9

    Creando una Vista Parcial Agrega desde la carpeta Shared una nueva pgina. Selecciona la opcin Pagina Parcial MVC4 y asigne el nombre _PartialCliente.cshtml

    Selecciona, nuevo elemento

    Selecciona Pgina Parcial

    Nombre: _PartialCliente

  • CIBERTEC 2014 -02

    10

    En la Vista Parcial, defina la sintaxis para listar los registros de tb_clientes. Primero defina el

    modelo de la Vista, luego la sintaxis del listado

    En la Vista Clientes.cshtml, agrega la Vista Parcial para mostrar los clientes

    Modelo de la Vista

    Sintaxis de la lista

    Vista Parcial

  • CIBERTEC 2014 -02

    11

    Ejecuta la aplicacin y listar los registros de tb_clientes, tal como se muestra