práctica 3 base de datos de la tabla “persona”...
TRANSCRIPT
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 prefijo
Forma frm
Label lbl
Botón btn
Lista desplegable cbo
Lista lst
Tabla tbl
Campo de texto txt
Estándares de siglas de materias
Materia Siglas de materia
Organización de datos (L.I.)
odd
Taller de base de datos (I.S.C.)
tbd
Tópicos avanzados de programación
(L.I.)
tap
Tópicos selectos de programación
(I.S.C.)
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 Acción Observaciones
panel Sobre el objeto panel colocar.
Label lblMenu Menú Propiedades: Arial 18 Negrita
Botón btnBaseDatosPersona Base de datos Persona
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 Texto Acción Observaciones forma frmBaseDaDatosPersona -En propiedades
defaultCloseOperation: dispose
Panel -En propiedades -Borde con titulo: Persona Nota: se deben de colocar sobre este éste panel los siguientes objetos
Label Nota: no le coloques nombre a esta etiqueta, solo coloca el texto “id:” para que el usuario lo pueda visualizar
Id: Es para que vea el texto de “id” el usuarios
Label lblID Nota: Aquí no lleva texto, pero colocale un borde ya que de lo contrario se te va a perder en el panel
-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)
Label lblNombre Nombre:
Campo de texto txtNombre
Label lblEdad Edad:
Campo de texto txtEdad
Label lblSexo Sexo:
Lista desplegable
cboSexo Femenino, Masculino
-En propiedades de este objeto.
-En model
Botón btnInsertar Insertar ActionPerformed
Botón btnNuevo Nuevo ActionPerformed
Botón btnActualizar Actualizar ActionPerformed
Botón btnEliminar Eliminar ActionPerformed
Panel Colocar sobre este panel los siguientes objetos
Panel de desplazamiento
Tabla tblPersonas -En propiedades -En model colocar los encabezados
MouseClicked Colocar la tabla sobre el panel de desplazamiento
Botón btnCerrar Cerrar 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 Observaciones JCheckBox chkBuscar Buscar ActionPerformed
Label lblActualizar Actualizar -Evento -Mouse -mouseClicked
Nota: Para que ejecuta el código cuando le des un click a la etiqueta.
Debe de quedar así
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”