Aplicación Java con Base de Datos MySQL

1. Aplicación  Base de Datos
Java  MySQL
Ing. Emerson Garay

2. Librería Grafica: Swing
Swing: es una biblioteca gráfica para Java. Incluye widgets
para interfaz gráfica de usuario tales como: cajas de texto,
botones, listas desplegables, tablas, … (Wikipedia)
Elemento Descripción
JLabel Para mostrar texto o imagen
JTextField Caja para ingresar datos
JButton Botón de acción
JFrame Ventana con la que el usuario interactúa.
Container Contenedor de elementos gráficos de una ventana
ActionListener Oyente de los eventos de acción(usualmente de botones)
FlowLayout Distribuye en una fila los controles que se agreguen al
Container, es decir, uno seguido del otro.
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

3. Mas componentes Swing
Elemento Descripción
GridLayout Distribuye en fila y columnas los controles que se
agreguen al Container, como en una matriz.
JComboBox Lista desplegable
JTextArea Permite mostrar o capturar gran cantidad de texto.
Cuando se requiera se puede incluir en un JScrollPane
(barras de desplazamiento para el texto)
JTable Muestra una tabla para mostrar o introducir información
en celdas(filas y columnas)
JScrollPane Permite que un componente muestre barras de
desplazamiento cuando su contenido supere el espacio
que se le ha fijado en la ventana.
JPanel Permite contener controles y otros paneles.
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

4. Java, Visual .NET,
C#, PHP, Delphi,…
Aplicación (GUI)
Conector BD
SGBD
SQL
Aplicación  Base de Datos
Oracle, SQL Server, SyBase,
MySQL, FireBird, PostgreSQL,
MongoDB, Hypertable, DB2,
HyperSQL, Apache CouchDB
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

5. Esquema Base de Datos
BD Universidad Campo Tipo Longitud Atributo Nulo
Id Entero 10 PK No
TipoID Entero 1 No
Nombre Texto 25 No
Apellidos Texto 25 No
TipoSangre Texto 3 No
Sexo Texto 1 No
Nacimiento Date No
Teléfonos Texto 50 No
Dirección Texto 50 No
Correo Texto 50 Si
Tabla Estudiantes: tblestudiantes
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

6. SQL Base de Datos
DROP DATABASE IF EXISTS bd_universidad; //Eliminar la BD si existe
CREATE DATABASE IF NOT EXISTS bd_universidad; //Crea la BD si no existe
USE bd_universidad; //Se establece la BD a trabajar
CREATE TABLE tblestudiantes (
id INT(10) PRIMARY KEY,
tipoid INT(1) NOT NULL,
nombre VARCHAR(25) NOT NULL,
apellidos VARCHAR(25) NOT NULL,
tiposangre VARCHAR(3) NOT NULL,
sexo VARCHAR(1) NOT NULL,
nacimiento DATE NOT NULL,
telefonos VARCHAR(20) NOT NULL,
direccion VARCHAR(50) NOT NULL,
correo VARCHAR(50)
)ENGINE=InnoDB DEFAULT CHARSET=utf8;
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

7. Abrir XAMPP Control Panel
1. Abrir XAMPP
2. Iniciar servicio Apache(Botón Start)
3. Iniciar servicio MySQL(Botón Start)
4. Abrir el phpMyAdmin(Botón Admin del servicio MySQL)
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

8. phpMyAdmin
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

9. phpMyAdmin: SQL
Aquí va el código SQL para trabajar sobre la BD
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

10. phpMyAdmin: Código SQL
Aquí va el código SQL
para trabajar sobre la BD
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

11. Interfaz Grafica(GUI)
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

12. Interfaz Grafica(GUI)
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez
JPanel
Principal
GridLayout(10,2)
JPanel
Controles
FlowLayout() JPanel
Botones
BorderLayout()

13. Definición y Uso Lista desplegable
Definir una variable del tipo lista desplegable:
private JComboBox cmbtipoid ;
Construir en memoria una lista desplegable:
cmbtipoid = new JComboBox();
Adicionar elementos a una lista desplegable:
cmbtipoid.addItem("TI - Tarjeta Identidad");
cmbtipoid.addItem("CC - Cédula Ciudadanía");
cmbtipoid.addItem("CE - Cédula de Extranjería");
cmbtipoid.addItem("P - Pasaporte");
cmbtipoid.addItem("O - Otro");
Recuerde que se debe
adicionar al Contenedor
de la Ventana
Apariencia al intentar
seleccionar un elemento
Apariencia en la ventana
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

14. Consultar y Practicar su utilización
Componente
GridLayout
BorderLayout
JTextArea
JTable
JScrollPane
JPanel
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

15. Ejemplo 1: BD – Código SQL
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez
BD Concesionario
DROP DATABASE IF EXISTS bd_concesionario;
//Eliminar la BD si existe
Código SQL para crear la BD
CREATE DATABASE IF NOT EXISTS bd_concesionario
DEFAULT CHARSET=utf8;
//Crea la BD si no existe
USE bd_concesionario;
//Se establece la BD a trabajar
Creando la BD

16. CREATE TABLE tblautomoviles (
Codigo INT(10) PRIMARY KEY,
Marca VARCHAR(25) NOT NULL,
Modelo VARCHAR(25) NOT NULL,
ColorRGB VARCHAR(6) NOT NULL,
Puestos INT(2) NOT NULL,
Cilindraje FLOAT NOT NULL
)ENGINE=InnoDB DEFAULT CHARSET=utf8;
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez
Código SQL para crear la tabla
Campo Tipo Longitud Atr Nulo
Codigo Entero 10 PK No
Marca Texto 25 No
Modelo Texto 25 No
ColorRGB Texto 6 No
Puestos Entero 2 No
Cilindraje Real No
Tabla Automóviles
Ejemplo 1: Tabla – Código SQL
Creando la Tabla

17. Ejemplo 2: BD – Código SQL
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez
BD Horarios
DROP DATABASE IF EXISTS bd_horarios;
//Eliminar la BD si existe
Código SQL para crear la BD
CREATE DATABASE IF NOT EXISTS bd_horarios DEFAULT
CHARSET=utf8;
//Crea la BD si no existe
USE bd_horarios;
//Se establece la BD a trabajar
Creando la BD

18. CREATE TABLE tblregistro (
Codigo INT(10) PRIMARY KEY,
IdEmpleado INT(10) NOT NULL,
Dia Date NOT NULL,
HoraIngreso TIME NOT NULL,
HoraSalida TIME,
Observacion VARCHAR(50)
)ENGINE=InnoDB DEFAULT CHARSET=utf8;
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez
Código SQL para crear la Tabla
Campo Tipo Longitud Atr Nulo
Codigo Entero 10 PK No
IdEmpelado Entero 10 No
Dia Fecha No
HoraIngreso Hora No
HoraSalida Hora Si
Observacion Texto 50 Si
Tabla para el Registro de
Entrada y Salida Empleados
Ejemplo 2: Tabla – Código SQL
Creando la Tabla

19. DROP DATABASE IF EXISTS bd_universidad;
CREATE DATABASE IF NOT EXISTS bd_universidad DEFAULT CHARSET=utf8;
USE bd_universidad;
CREATE TABLE tblestudiantes (
id INT(10) PRIMARY KEY,
tipoid INT(1) NOT NULL,
nombre VARCHAR(25) NOT NULL,
apellidos VARCHAR(25) NOT NULL,
tiposangre VARCHAR(3) NOT NULL,
sexo VARCHAR(1) NOT NULL,
nacimiento DATE NOT NULL,
telefonos VARCHAR(20) NOT NULL,
direccion VARCHAR(50) NOT NULL,
correo VARCHAR(50)
)ENGINE=InnoDB DEFAULT CHARSET=utf8;
Código SQL bd_universidad
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

20. Glosario SQL
• SELECT: Selecciona datos de una tabla o múltiples tablas
• INSERT: Inserta un nuevo registro en una tabla
• UPDATE: Actualiza una o mas registros dentro de una tabla
• DELETE: Elimina los registros de una tabla
• WHERE: Indica que se va a establecer la condición de una consulta.
• PRIMARY KEY(PK): Llave primaria de una tabla
• FOREIGN KEY(FK): Llave foránea(llave primaria de otra tabla)
• FROM: Sirve para indicar el origen de datos de una consulta SELECT
• DEFAULT: Indica el valor por defecto
• VARCHAR: Capacidad de contener caracteres de longitud variable.
• NULL: Indeterminado o sin valor
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

21. Glosario SQL
• CONSTRAINT: Indica la restricción sobre una tabla
• CASCADE: Permite que se actualice o elimine por la llave primaria
PK en las tablas que las tengan como llave foránea
• DROP: Borra elementos de la BD
• CREATE: Crea elementos de la BD
• CHARSET: Set de caracteres a utilizar en la BD
• ENGINE: Indica el tipo de motor de almacenamiento a utilizar por la
Base de Datos
• InnoDB: Motor de almacenamiento para BD relacionales
• UTF-8 (Unicode Transformation Format-8) es un formato de
codificación de caracteres, cada carácter es representado por 8 bits
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez

22. Enlaces WEB
SGBD
• http://www.gitmedio.com/gitmedio/7-sistemas-
gestores-base-de-datos/
• https://www.muylinux.com/2010/03/04/35-
motores-de-bases-de-datos-open-source/
Layouts en Java
• https://docs.oracle.com/javase/tutorial/uiswing/l
ayout/grid.html
• http://chuwiki.chuidiang.org/index.php?title=Uso
_de_Layouts
2018www.slideshare.net/emergar Ing. Emerson E. Garay Gómez