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”