Práctica 3 Base de Datos de la tabla “Persona” con interfaz Gráfica

Práctica 3 Base de Datos de la tabla “Persona” con
interfaz Gráfica de Usuario (GUI)
Objetivo de la práctica: Diseñar y desarrollar una aplicación de escritorio
(ventana) que permita realizar transacciones (altas, bajas, cambios) en una base
de datos MySQL.
Antes de comenzar recordaremos los estándares para los nombres de los objetos y estándares de
nombres de materia.
(Estos prefijos nos sirven para identificar más rápido los nombres de los objetos en el código)
Objeto
Forma
Label
Botón
Lista desplegable
Lista
Tabla
Campo de texto
prefijo
frm
lbl
btn
cbo
lst
tbl
txt
Estándares de siglas de materias
Materia
Organización de datos
(L.I.)
Taller de base de
datos
(I.S.C.)
Tópicos avanzados de
programación
(L.I.)
Tópicos selectos de
programación
(I.S.C.)
Siglas de materia
odd
tbd
tap
tsp
Práctica3 Diseño e implementación de
programación de Base de Datos en Java
usando un Interface Gráfica de Usuario (GUI)
Como ya tenemos construida un programa de consola para el manejo de base de
datos, ya conocemos la lógica que lleva este tipo de programación, ahora vamos a
manejar formas ó ventanas que tienen objetos gráficos como paneles, etiquetas,
botones, cajas de texto, combos y tablas
Paso 2.1 Construir el menú en la ventana del
proyecto para posteriormente mandar llamar
la otra ventana (forma)
siglasDeMateria_GUI_Persona_NestorCarrilloView
Esta será la ventana de menú que mandara llamar a otras ventanas
Objeto
Nombre de Variable
Texto
Label
lblMenu
Menú
Botón
btnBaseDatosPersona Base de
datos
Persona
Acción
panel
Observaciones
Sobre el
objeto panel
colocar.
Propiedades:
Arial 18
Negrita
Action
Performed
Debe de quedar así
Paso 3.2.- Diseño e implementación de la
forma o ventana de Interface Gráfica de
Usuario (GUI) para la tabla “Persona” creada
en MySQL
Iniciamos con una nueva forma o ventana sobre el mismo proyecto
El nombre será
“frmBaseDeDatosTuTipoDeDatos”
En mi caso “frmBaseDeDatosPersona”
Con esto tenemos una nuevo Forma ó ventana
frmBaseDeDatosPersona
Paso 3.2.1- Vincular desde el Menú inical la
nueva forma
En el botón del Menú mandamos llamar la forma “frmBaseDaDatosPersona”
La forma frmBaseDeDatosPersona deberá llevar la siguiente interfaz gráfica para posteriormente
agregar la codificación
Objeto
Nombre de Variable
forma
frmBaseDaDatosPersona
Texto
Label
Label
Campo de texto
Label
Campo de texto
Label
Lista
desplegable
Nota: no le coloques
nombre a esta etiqueta,
solo coloca el texto “id:”
para que el usuario lo
pueda visualizar
lblID
lblNombre
txtNombre
lblEdad
txtEdad
lblSexo
cboSexo
Observaciones
-En propiedades
defaultCloseOperation:
dispose
-En propiedades
-Borde con titulo:
Persona
Panel
Label
Acción
Id:
Nota: Aquí
no lleva
texto, pero
colocale un
borde ya
que de lo
contrario se
te va a
perder en el
panel
Nota: se deben de
colocar sobre este éste
panel los siguientes
objetos
Es para que vea el
texto de “id” el
usuarios
-En propiedades
- Borde Sombreado:
Levantado
Nota: Esta etiqueta no
será visible al usuario
es solo para que allí se
vea el ID de la Persona
seleccionada de la
tabla (servirá para
operaciones de bajas y
modificaciones)
Nombre:
Edad:
Sexo:
Femenino,
Masculino
-En propiedades de
este objeto.
-En model
Botón
Botón
Botón
Botón
Panel
btnInsertar
btnNuevo
btnActualizar
btnEliminar
Insertar
Nuevo
Actualizar
Eliminar
ActionPerformed
ActionPerformed
ActionPerformed
ActionPerformed
Colocar sobre este
panel los siguientes
objetos
Panel de
desplazamiento
Tabla
tblPersonas
Botón
btnCerrar
-En
propiedades
-En model
colocar los
encabezados
Cerrar
MouseClicked
Colocar la tabla sobre
el panel de
desplazamiento
ActionPerformed
La ventana debe de quedar así
Paso 3.3.- Código de librerías y constructor
Paso 3.4.- Código del botón “btnInsertar”
Paso 3.5.- Código del método definido por el
programador “cargarDatosEnTabla()”. Nota:
Este método se crea desde el encabezado y
NO va el código dentro de otro método
Paso 3.6.- Código del método definido por el
programador “limpiarDatosDeEntrada()”.
Nota: Este método se crea desde el
encabezado y NO va el código dentro de otro
método
Paso 3.7.- Código del botón “btnNuevo”
Paso 3.8.- Código del evento de la tabla
“tblPersona”. Nota: con este evento y código
seleccionamos a un elemento de la tabla para
editarlo
Paso 3.9.- Código del botón “btnActualizar”
Paso 3.10.- Código del botón “btnEliminar”
Paso 3.9.- Adiccion de los objetos del Check
Box “chkBuscar” y “lblActualizar”
Objeto
Nombre de Variable
Texto
Acción
JCheckBox
Label
chkBuscar
lblActualizar
Buscar
Actualizar
ActionPerformed
-Evento
-Mouse
-mouseClicked
Debe de quedar así
Observaciones
Nota: Para que
ejecuta el código
cuando le des un
click a la etiqueta.
Paso 3.9.- Código del método definido por el
programador
“cargarDatosEnTablaDeUnaConsulta” , este
código es muy parecido al de cargar datos en
tabla pero con algunas modificaciones
minimas
Paso 3.10.- Código de los objetos del Check
Box “chkBuscar”
Paso 3.10.- Código de los objetos del Check
Box “lblActualizar”