PDF de programación - Introducción al manejo de Bases de Datos con SQLite - Versión Windows Phone

Universidad de El Salvador

Facultad de Ingeniería y Arquitectura
Escuela de Ingeniería en Sistemas


Programación en Dispositivos Móviles



Guía de Laboratorio N°04 C

“Introducción al manejo de Bases de Datos con SQLite”

Version Windows Phone



Objetivo:

Que el alumno:

1- Implemente una base de datos a partir de su modelo físico en una aplicación Windows

Phone, usando el lenguaje SQLite.

2- Aprenda a crear una base de datos, y usar los métodos Update, Insert, Delete y Query para

llevar su administración.

Descripción:

Esta práctica consistirá en realizar una aplicación que permita crear una base de datos o abrir una
existente, conectarse a ella y que pueda manejarse desde la interfaz de usuario con sus
respectivas pantallas.

Contenido


Creación del Proyecto ......................................................................................................................... 1

Agregación de botones a MainPage.xaml (Forma visual) ............................................................... 3

Forma alternativa de agregar botones en MainPage.xaml ............................................................. 4

Programación de la Aplicación Principal (clase) .................................................................................. 6

Agregación de los menús de la aplicación ...................................................................................... 8

Modificación de la clases controladoras ....................................................................................... 10

MenuAlumno.xaml.cs ............................................................................................................... 10

MenuMateria.xaml.cs ............................................................................................................... 12

MenuNota.xaml.cs .................................................................................................................... 13

Agregar SQLite a nuestro proyecto. .................................................................................................. 15

Configuración del Proyecto para que acepte la base de datos y nuestra aplicación corra en
múltiples plataformas. ...................................................................................................................... 20

Clases para manejo de datos(una por tabla) .................................................................................... 21

Clases ................................................................................................................................................. 22

Clase Alumno ............................................................................................................................. 22

Clase Materia ............................................................................................................................ 22

Clase Nota ................................................................................................................................. 22

MetodosSQLiteAlumno.cs ......................................................................................................... 27

MetodosSQLiteMateria.cs ......................................................................................................... 31

MetodosSQLiteNota.cs .............................................................................................................. 34





Creación del Proyecto
Para crear un proyecto nos vamos a Archivo->Nuevo ->Proyecto… como se muestra en la
siguiente imagen:

1



Elegimos la opción Windows Phone App y le pondremos como nombre al proyecto
“carnetSQLiteWP8”, donde carnet será reemplazado por el carnet del estudiante, y luego Aceptar.
Ver imagen:



Al presionar aceptar aparecerá la siguiente ventana en la que seleccionamos Windows Phone 8.0:





2



Ya creado nuestro proyecto vamos a modificar y agregar los siguientes elementos: (ver siguiente
imagen)

1. Cambiar el texto “MI APLICACIÓN” donde colocaremos nuestro carnet. Para cambiar el
texto podemos hacerlo de dos formas, editando directamente el código y la otra forma es
darle doble click y editarlo en la vista formulario.

2. Modificar el texto “nombre de la página” colocando “Menú Principal”.
3. El Grid es el área donde se colocaran los controles de la pantalla:





Agregación de botones a MainPage.xaml (Forma visual)


3

Definimos en la ventana de propiedades los nombres(name): “btnTablaAlumno”, “btnTablaNota”
y “btnTablaMateria”.



Además presionamos clic en el primer botón luego otro clic y editamos el texto que se despliega,
escribimos Alumno y repetimos lo anterior para Nota y Materia.





4



Forma alternativa de agregar botones en MainPage.xaml


Como alternativa se podría directamente digitar o pegar el código como el que se muestra a
continuación (Dentro del tag Grid incorporamos los tres botones):



<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

<Button x:Name="btnTablaAlumno" Content="Alumno"
HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="446"
/>

<Button x:Name="btnTablaNota" Content="Nota" HorizontalAlignment="Left"
Margin="10,82,0,0" VerticalAlignment="Top" Width="446" />

<Button x:Name="btnTablaMateria" Content="Materia"
HorizontalAlignment="Left" Margin="10,154,0,0" VerticalAlignment="Top"
Width="446"/>

</Grid>





Con los cambios que hemos hecho hasta ahora nuestro proyecto se verá como en la siguiente
imagen:

5







6

Programación de la Aplicación Principal (clase)


Ahora vamos a agregar las funciones para manipular los eventos de los botones creados
anteriormente, abrimos el archivo MainPage.xaml y le presionamos doble clic en el botón Alumno:



Aparecerá el archivo de clase con un nuevo método:

En el cual digitaremos:

NavigationService.Navigate(new Uri("/Menus/MenuAlumno.xaml?",
UriKind.Relative));

Realizaremos la misma operacion para el botón btnTablaNota y btnTablaMateria.





Con lo cual quedara el código de los botones en la clase asi:

7

private void btnTablaAlumno_Click(object sender, RoutedEventArgs e)

{

NavigationService.Navigate(new Uri("/Assets/Menus/MenuAlumno.xaml?",
UriKind.Relative));

}

private void btnTablaNota_Click(object sender, RoutedEventArgs e)

{

NavigationService.Navigate(new Uri("/Assets/Menus/MenuNota.xaml?",
UriKind.Relative));

}

private void btnTablaMateria_Click(object sender, RoutedEventArgs e)

{

NavigationService.Navigate(new Uri("/Assets/Menus/MenuMateria.xaml?",
UriKind.Relative));

}


Para que nuestro proyecto quede ordenado agregaremos unas carpetas dando click derecho en la
carpeta principal del proyecto “carnetSQLiteWP8” y luego en el menú de opciones elegir Agregar -
> Nueva Carpeta, agregar las carpetas con los nombres que se muestran en el recuadro verde de
la siguiente imagen:





Agregación de los menús de la aplicación


8

En la carpeta Menús vamos a agregar un archivo .xaml que nos servirá para crear el menú que nos
aparecerá cuando seleccionemos el botón Alumno. Damos click derecho sobre la carpeta Menús
luego en el menú que nos despliega elegimos Agregar -> Nuevo Elemento… ,

Luego nos aparecerá una ventana en la que seleccionaremos “Página vertical de Phone
Landscape” y como nombre colocarle “MenuAlumno”.

Ahora editaremos el archivo que acabamos de crear, modificaremos las partes del código que se
resaltan en la siguiente imagen:

1. Cambiar el color de fondo poniendo en background =”DimGray”” .
2. Cambiar el texto “Mi Aplicación” a Tabla.
3. Cambiar el texto “Nombre de Página” a Alumno.







9



4. Agregaremos cuatro botones que nos servirán para administrar la tabla alumno de la base

de datos. Y un botón (Menu) para desplazarse al menú principal Para crear los botones
copie el siguiente código(ctrl+c) dentro de la viñeta Grid:

<Button x:Name="btnInsertar" Content="Insertar Registro"
HorizontalAlignment="Left" Margin="55,81,0,0" VerticalAlignment="Top" Width="359"
Click="btnInsertar_Click"/>

<Button x:Name="btnEliminar" Content="Eliminar Registro"
HorizontalAlignment="Left" Margin="55,153,0,0" VerticalAlignment="Top" Width="360"
Click="btnEliminar_Click"/>

<Button x:Name="btnConsultar" Content="Consultar Registro"
HorizontalAlignment="Left" Margin="55,230,0,0" VerticalAlignment="Top" Width="360"
Click="btnConsultar_Click"/>

<Button x:Name="btnActualizar" Content="Actualizar Registro"
HorizontalAlignment="Left" Margin="55,307,0,0" VerticalAlignment="Top" Width="359"
Click="btnActualizar_Click"/>

<Button x:Name="btnMenuPrin" Content="Menu Principal" HorizontalAlignment="Left"
Margin="121,525,0,0" VerticalAlignment="Top" Click="btnMenuPrin_Click"/>





Modificación de la clases controladoras
Copiamos el siguiente código fuente:

private void btnInsertar_Click(object sender, RoutedEventArgs e)

MenuAlumno.xaml.cs

10

{

}

NavigationService.Navigate(new
Uri("/Pivotes/Alumnos/PivotAlumnoInsert.xaml?", UriKind.Relative));

private void btnEliminar_Click(object sender, RoutedEventArgs e)

{

}



NavigationService.Navigate(new
Uri("/Pivotes/Alumnos/PivotAlumnoDelete.xaml?", UriKind.Relative));

private void btnActualizar_Click(object sender, RoutedEventArgs e)

{

}



NavigationService.Navigate(new
Uri("/Pivotes/Alumnos/PivotAlumnoUpdate.xaml?", UriKind.Relative));

private void btnConsultar_Click(object sender, RoutedEventArgs e)

{

}



NavigationService.Navigate(new
Uri("/Pivotes/Alum