Tag Archive: visual studio


Parte 2: Creación de mantenedores de tabla en Visual Studio Lightswitch para una base de datos SQL Server

 

En el articulo anterior vimos como enlazar el siguiente modelo de base de datos a Microsoft Visual Studio LightSwitch

 

Diagrama base de datos

Diagrama Empleado

 

En el presente artículo suponemos hemos creado el proyecto y enlazado la base de datos a nuestra aplicación, por lo tanto procederemos con la siguiente actividad.

 

Siempre ha sido y será un tema no muy agradable la creación de listados para administrar objetos de la base de datos ya que necesitamos crear las funcionalidades que añaden elementos, modifican y eliminan. En LightSwitch podemos hacer esto con unos simples click.

A continuación veremos como crear la pantalla que añada registros de Personas (es decir, que añada filas a la tabla Persona).

Antes de ello veremos en la siguiente imagen cómo es que quedó representada graficamente la base de datos, especialmente la tabla en cuestión.

Representación tabla Persona

 

Lo primero que hacemos es posicionarnos en el Explorador de soluciones y dar click derecho sobre el directorio/carpeta Screens (Pantallas) como se ve en la siguiente imagen

Agregar Pantallas

 

A continuación elegimos “New Data Screen” (o Nueva pantalla de datos) y al costado derecho en Screen Data elegimos la clase/Tabla Persona.

Nueva Persona

 

Sólo con añadir este elemento ya tenemos la funcionalidad que añade registros a la tabla Persona, incluyendo las validaciones para las restricciones de integridad definidas para la base de datos.

 

En la ejecución de la aplicación la pantalla nos quedará como sigue y añadiremos a Juanito Pérez como un nuevo elemento.

Nueva Persona

 

Vemos que además tenemos otras opciones. Estas están pues ya he añadido las otras funcionalidades de Adición para las otras tablas. En la parte 3 explicaré como funciona especificamente la tabla Empleado ya que esta posee claves foraneas y el tratamiento es diferente.

 

Por ahora continuemos con la tabla Persona. A continuacion agregaremos un listado donde podremos ver los registros de la tabla persona. Para añadir un Listado como el que sigue, realizamos la misma acción que como lo hicimos para crear la pantalla que añade (ver dos imagenes más arriba) pero ahora en vez de “New Data Screen” seleccionamos “List and Details Screen”. Cuando corramos la aplicación y seleccionemos la pantalla veremos lo siguiente (suponiendo que hemos añadido dos registros). Vemos que por defecto se muestra la columna ID de la tabla persona en la tabla, esto lo podemos cambiar.

 

Listado de Personas

 

Para cambiar lo que veremos en el listado hacemos doble click en la pantalla “PersonasListDetails” o el nombre que le hayamos dado cuando la creamos. Nos aparecerá algo como lo que sigue:

Personalizar Listado

Vemos que esta seleccionado el elemento “Rows Layout” Persona, este por defecto viene como “Summary” y nos muestra la primera columna existente en nuestra tabla (en este caso ID) y por eso en la imagen anterior a esta salian los ID de Persona y no el nombre. Para personalizar lo que queremos ver podemos pinchar + Add o suprimir como lo hice con el campo ID, dejando primero nombre y luedo edad y en ejecución se verá como sigue:

 

Listando Rows Layout Personalizado

 

En la imagen apreciamos que el listado que añadimos trae consigo las funcionalidades de adición, modificación y eliminación de elementos, asi como también como un plus Exportar a Excel y realizar búsquedas de contenido.

 

Esperando que esta segunda parte del artículo haya sido útil y lo más clara posible paso a decirles que esto es todo por ahora, luego en la tercera parte indicaré como funcionan las claves foraneas en LightSwitch y que son un poco más especiales de manejar.

Pronto aqui el enlace a la Tercera Parte….

Gracias.

Parte 1: Enlazando Visual Studio Lightswitch a una base de datos SQL Server

Anteriormente anunciaba que presentaría Microsoft Visual Studio Lightswitch y es por ello que comenzaremos con un ejemplo simple.

Como vimos en el artículo de Introducción, Visual Studio Lightswitch “…puede generar formularios a partir de las plantillas existentes y rellenarlos con datos procedentes de SQL Server, SQL Azure, SharePoint entre otros“. En el ejemplo que presentaré usaremos un enlace a base de datos SQL Server 2008 para la cual construiremos los mantenedores de la misma.

Comenzaremos por crear la siguiente base de datos:

Diagrama

 

 

 

 

 

 

 

 

 

 

 

 

 

Para agilizar la implementación puede obtener el script de la DB desde el siguiente enlace

Script SQL

 

Una vez que hemos creado la base de datos es hora de comenzar. Los pasos a seguir serán

* Abrir Visual Studio 2010 y le damos “New Project” 

Nuevo Proyecto

Seleccionamos “Lighswitch Application (Visual C#)”. Desde allí escribimos el nombre de nuestra aplicación

 

Hemos creado el proyecto, ahora necesitamos crear el enlace a la base de datos. Para hacer esto seguimos la secuencia mostrada en las siguientes imagenes.

Seleccionar “Attach to external Data Source”. Con esto indicamos a la aplicación que los dato usados no están incrustados en ella, sino desde una fuente externa.

Selección de datos

Elegimos el tipo de origen de datos. Tenemos Database, SharePoint y WCF RIA Service, en nuestro ejemplo será “Database”, luego le indicamos que es del Tipo “Microsoft SQL Server” y continuamos.


Nos autentificamos a nuestra base de datos LSwDB levantada en un servidor (puede ser local o externo).

Autenticación

 

Seleccionamos las tablas de la base de datos.

Tablas de la DB

 

Finalmente hemos enlazado nuestra aplicación a la base de datos. Podemos ver en el “Solution Explorer” los objetos que se han generado y que serán con los que trabajaremos en la 2da parte.

 

Explorador de Soluciones

 

La segunda parte está sigue AQUI, en ella aprenderemos a listar contenidos de las tablas, hacer búsquedas, mantenedores (inserción, modificación, eliminación) de registros.