• Like
Conexion de MariaDB con Java y C# Express
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Conexion de MariaDB con Java y C# Express

  • 1,070 views
Published

Manual para realizar la conexion de una base de datos mediante un gestor y lenguajes de programacion!!!

Manual para realizar la conexion de una base de datos mediante un gestor y lenguajes de programacion!!!

Published in Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,070
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
56
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. I INSTITUTO TECNOLOGICO SUPERIOR DE COSAMALOAPAN  CRISTIAN MANUEL COBOS SANTOS  ING. ROBERTO ZAMUDIO PORTILLA  ADMINISTRACION DE BASE DE DATOS  REPORTE DE PRACTICAS #2  “CONECTANDO MARIADB CON NETBEANS JAVA Y C#”  ING. SISTEMAS COMPUTACIONALES
  • 2. II I N D I C E INTRODUCCION................................................................................................................................... 4 OBJETIVO DE LA PRÁCTICA.................................................................................................................. 5 MATERIAL UTILIZADO.......................................................................................................................... 6 MARCO TEORICO................................................................................................................................. 7 CREACION DE BASE DE DATOS EN EL GESTOR DE BASE DE DATOS MARIADB ................................. 8 1.1. ENUNCIADO Y ATRIBUTOS: ................................................................................................. 9 1.2. CARDINALIDAD Y DIAGRAMA E-R ..................................................................................... 10 1.3. TABLAS Y SCRIP:................................................................................................................. 11 CONEXION DE BASE DE DATOS EN EL GESTOR MARIADB CON C#................................................. 14 ........................................................................................................................................................... 14 ........................................................................................................................................................... 14 2.1. CREANDO NUESTRA BASE DE DATOS EN LA CONSOLA DE MARIADB:................................... 15 2.2. CONEXION MARIADB CON C# ................................................................................................ 17 CREANDO EL ABC EN C#: .................................................................................................................. 24 CONEXION DE BASE DE DATOS EN EL GESTOR MySQL CON JAVA NETBEANS# ............................ 36 1.1. CREANDO NUESTRA BASE DE DATOS EN LA CONSOLA DE MySQL: ....................................... 37 1.2. CONEXION MySQL CON NETBEANS JAVA: ............................................................................. 38 ....................................................................................................................................................... 42 CREANDO EL ABC EN NETBEANS JAVA :........................................................................................... 43 “CONCLUSION” ................................................................................................................................ 56 “FUENTES DE INFORMACION” ...................................................................................................... 57 Bibliografía ........................................................................................................................................ 57
  • 3. III
  • 4. 4 INTRODUCCION En este documento aprenderás a realizar base de datos en un gestor de base de datos así mismo como conectarlo con un lenguaje de programación en este caso aquí se verá Netbeans Java, es de ser muy importante aprender y tener conceptos específicos de las partes relacionadas con cada punto de base de datos ya que es muy esencial que el alumno adquiera los ciertos conocimientos. El ingeniero en sistema debe de innovar en los cambios que se realicen a diario es así que se pone en marcha en este documento las bases para desarrollar una aplicación para un desarrollo a futuro. Las bases de datos son muy importantes hoy en día ya que nos dan la ventaja de crear menos tiempo en llevar registros totalmente grandes que son muy costosos de no hacerlo por una base de datos que se lleven a cabo dentro de las empresas, es así muy esencial adquirir estos conocimientos bases para que se vean reflejado en el futuro del programador.
  • 5. 5 OBJETIVO DE LA PRÁCTICA  Identificar y practicar los conceptos que se llevan a cabo ponerlos en marcha para tener un mayor conocimiento sobre lo que son las bases de datos con los gestores y los lenguajes de programación.
  • 6. 6 MATERIAL UTILIZADO HARDWARE:  Sistema Operativo Windows  Microsoft Office Word  Explorador Google Chrome SOFTWARE:  Una laptop hp  Memorias USB LENGUAJES DE PROGRAMACION:  C# Express 2010  Netbeans Java GESTORES DE BASE DE DATOS:  MariaDB, MySQL
  • 7. 7 MARCO TEORICO Hoy en día las Bases de Datos son una herramienta indispensable en el ámbito de la computación ya que en ellas se realizan trabajos completamente forzosos eso quiere decir que con mucha información relacionada. Una base de datos en su estructura es muy compleja debe de ir totalmente explicita para ser entendida ya que de lo contrario el sistema quedaría mal y no obtendría los beneficios deseados es así que es muy importante por aprender base de datos y los procesos de conexiones para mayor funcionalidad.
  • 8. 8  Se realiza una base de datos en el gestor MariaDB y sus procesos a realizar. CREACION DE BASE DE DATOS EN EL GESTOR DE BASE DE DATOS MARIADB
  • 9. 9 1.1.ENUNCIADO Y ATRIBUTOS: Una Empresa se dedica a la venta de productos para la salud en la modalidad de Networking Marketing. De los productos se almacena su clave, nombre, precio, precio mayoreo, precio menudeo, puntos por venta. Para que alguien pueda inscribirse como socio debe ser recomendado o escrito por alguien que ya es socio. De los socios se almacena su código, nombre, paterno, materno, calle, numero, colonia, CP, adjuntas y estados de la república. Un socio puede inscribir a más de una persona pero una persona solo es inscrita por un socio. Los socios compran productos y estas compras deben quedar almacenadas por lo que se debe guardar folio, fecha, hora, monto total de venta, monto total de puntos de venta. También se debe almacenar cada producto que se lleve y en qué cantidad así como el monto y los puntos de venta. Un socio puede estar asociado con muchas ventas, pero una venta solo le pertenece a un socio. ATRIBUTOS: PRODUCTOS: (Clave_producto, Nombre Precio, Mayoreo, Precio_menudeo, Puntos_ventas). SOCIOS: (Codigo, Nombre, Paterno, Materno, Calle, Numero, Colonia, CP, Adjuntas, Estado_republica). COMPRAS: (Folio, Fecha, Hora, Monto_total_venta, Monto_total_puntos).
  • 10. 10 1.2. CARDINALIDAD Y DIAGRAMA E-R SOCIO-----1:m-----SOCIO SOCIO---1:m--PRODUCTOS (1,m) (1,1) (1,m) (1,1) SOCIO-----m:n-----COMPRAS (1,m) (1,m) DIAGRAMA E-R
  • 11. 11 1.3. TABLAS Y SCRIP: SCRIP: Create database Ventas; use Ventas; Create table Compras( Folio varchar (10) primary Key, Fecha varchar (12) not null, Hora varchar (6) not null, Monto_total_venta varchar (10) not null, Monto_total_puntos varchar (10) not null
  • 12. 12 ); Create table Socios( Codigo varchar (10) primary Key, Nombre varchar (30) not null, Paterno varchar (30) not null, Materno varchar (30) not null, Calle varchar (40) not null, Num int not null, Colonia varchar (20) not null, CP int not null, Adjuntas varchar (20) not null, Estado_republica varchar (30) not null, Codigo varchar (10) not null, Constraint Foreing Key (Codigo) References Socios (Codigo) ); Create table Realiza( Codigo varchar (10) not null, Folio varchar (10) not null, Constraint Foreing Key (Codigo) References
  • 13. 13 Socios (Codigo), Constraint Foreing Key (Folio) References Compras (Folio) ); Create table Productos( Clave varchar (10) primary Key, Nombre varchar (30) not null, Precio_mayoreo int not null, Precio_menudeo int not null, Puntos_venta int not null, Codigo varchar (10) not null, Constraint Foreing Key (Codigo) References Socios (Codigo) );
  • 14. 14 CONEXION DE BASE DE DATOS EN EL GESTOR MARIADB CON C#
  • 15. 15 2.1. CREANDO NUESTRA BASE DE DATOS EN LA CONSOLA DE MARIADB: NOTA: Recordemos que el gestor de base de datos MariaDB viene de una distribución exactamente que mysql entonces se puede usar cualquier conector, el que utilizaremos es el OBDC o Mysql-Connector-net. 1.- Antes que nada vamos a la consola de MariaDB para introducir nuestra base de datos ósea es Scrip, esa es la instrucción para crear nuestra base de datos aquí en este ejemplo le llamaremos Ventas que se muestra así: 2.- Enseguida una vez creada nuestra base de datos pasaremos a ponerla en uso entonces se ocupa la siguiente sintaxis y le damos enter:
  • 16. 16 3.- Una vez teniendo en uso nuestra base de datos vamos posteriormente a la creación de tablas aquí crearemos una tabla de ejemplo como se muestra en la siguiente imagen: NOTA: Así sucesivamente se pueden ir creando tablas para nuestra base de datos. Aquí termina nuestro proceso de crear nuestra base de datos posteriormente poniéndola en uso y creando una tabla.
  • 17. 17 2.2. CONEXION MARIADB CON C# A continuación conectaremos nuestro gestor de base de datos con el lenguaje de programación…. 1.- Tenemos que tener instalado nuestro conector de Mysql ya sea ODBC o Mysql Connector, en este caso se ocupara el MySQL-Connector-net-6.7.4 como se muestra a continuación se debe de instalar en nuestra maquina solo son pocos pasos para la instalación: NOTA: Este conector es esencial para realizar la conexión de lo contrario no se podrá conectar nuestro gestor con el lenguaje de programación solo hay que instalar el conector es muy sencillo y fácil.
  • 18. 18 2.- Enseguida vamos a crear nuestra interfaz gráfica en C# Express 2010 este es el modelo de nuestra tabla: 3.- Enseguida después de crear nuestra interfaz gráfica en C#, vamos a agregar la referencia para nuestra conexión, vamos a la parte superior de C# nos dirigimos a > Proyecto > Agregar referencia:
  • 19. 19 4.- Esta es la ventana de Referencia enseguida vamos a Examinar > Archivos de programas como se muestra en esta imagen: 5.- Buscamos la carpeta que dice MySQL y damos Clic:
  • 20. 20 6.- Una vez dentro de la carpeta MySQL nos aparece esta carpeta que dice MySQL Connector Net 6.7.4 en ella se encuentra el archivo que andamos buscando como aquí se muestra: 7.- Enseguida se muestra lo que contiene la carpeta MySQL Connector entonces nos aparecen tres carpetas vamos directamente a la que dice Assemblies como se muestra en esta imagen:
  • 21. 21 8.- Dentro de la carpeta de Assemblies aparecen una serie de subcarpetas vamos a la que dice V4.0 y entramos en ella: 9.- Es aquí dentro de la carpeta v4.0 aquí está el archivo que hace que nuestra conexión funcione enseguida seleccionamos el que dice MySql.Data.dll y le damos en aceptar y listo:
  • 22. 22 10.- Enseguida nos regresamos a C# y le damos doble clic a nuestro formulario de diseño para así introducirnos al código a realizar nuestra conexión y continuar con nuestros ABC: 11.- Agregamos el using MySql.Data.MySqlClient esa es para realizar la conexión con la referencia que agregamos anteriormente: 12.- Enseguida en el public class vamos a ocupar los comandos de conexión que son MySqlConnection, MySqlCommand y MySqlDataReader, luego de esto procedemos a la conexión con el public void conectar y hacemos nuestra cadena de conexión “server=localhost;user
  • 23. 23 id=root;password=’1234’,database=Ventas”; el usuario del gestor es root y la contraseña es 1234 y donde dice database ahí va el nombre de nuestra base de datos y enseguida cerramos nuestra conexión con public void desconectar() y cn.Close():
  • 24. 24 CREANDO EL ABC EN C#: Recordando: Un ABC es un programa que sirve para agregar, eliminar, consultar y modificar registros para un determinado proyecto en base de datos. 13.- Aquí vamos a crear el ABC siguiendo con el código un método void agregar nótese que abrimos una conexión conectar () y se utiliza una consulta de insertar con el nombre de la tabla y los nombre de las cajas de textos, y los ciertos comando de MySqlCommand y ExecuteNonQuery es para que el try agarre los códigos que se introdujeron que pase por un catch, entonces mandamos un mensaje que diga que se agregó cierto producto y desconectamos NOTA: Después del mensaje la palabra limpiar la ponemos porque antes de se creó un método void limpiar sirve para limpiar las cajas de textos:
  • 25. 25 14.- Siguiendo con el procedimiento debajo de agregar introduciremos el código de eliminar empezamos con void eliminar, abrimos un try y conectamos enseguida se ocupa la consulta de eliminar conde vamos a eliminar el registro nótese que para eliminar un registro solo va la llave primaria después del where y se utiliza los mismos códigos de MySqlCommand con el Query y mandamos un mensaje que diga se eliminó el producto y desconectamos como se muestra a continuación en esta imagen: 15.- Seguimos con el método void consultar el DVGCompras.Rows.Clear es la rejilla la limpiamos entonces conectamos con la conexion2 que sirve para la rejilla y utilizamos una consulta para que se muestre en la rejilla:
  • 26. 26 16.- A continuación creamos el método void modificar que nos sirve para modificar un producto existente entonces abrimos conexión y realizamos una consulta de actualizar que nos actualice Update todos los campos que vallamos a cambiar como se muestra en esta imagen no se pone la llave primaria ya que es un elemento que no podemos modificar, como se puede ver antes de las cajas de texto donde dice fecha se tiene que poner exactamente el nombre del campo que especificamos en nuestra tabla de no ser así mandara un mensaje de error, deben ser muy cuidadosos con la utilización de apostrofes y comillas ya que cuando son datos de tipo varchar utilizamos apostrofes con comillas y cuando son de tipo entero como int solo utilizamos apostrofes, se pone limpiar en la parte de abajo porque antes introducimos un método void limpiar:
  • 27. 27 17.- Una vez creados los métodos de agregar, eliminar, modificar y consultar, nos dirigimos al formulario diseño ahora para programar los botones que se muestra a continuación, en este caso esta seleccionado el de agregar damos doble clic para introducir el código. Nota: es importante ponerle nombres a los botones para mayor facilidad de introducir código: 18.- Una vez dado doble clic al botón agregar introduciremos el siguiente código agregar (); que es el nombre del método que anterior mente introducimos y debajo consultamos (); como se muestra a continuación:
  • 28. 28 19.- Enseguida nos proseguimos al formulario de diseño para programar el siguiente botón que es el de eliminar: 20.- Aquí ponemos el siguiente código de eliminar solamente mandamos a llamar el método void eliminar y consultar:
  • 29. 29 21.- Nos dirigimos al formulario diseño y ahora pasamos a programar el botón de modificar, le damos doble clic para entrar: 22.- Ponemos el código en el botón modificar:
  • 30. 30 23.- Pasemos a programar el siguiente botón que es el de consultar le damos doble clic para poner el código: 23.- Aquí va la siguiente sintaxis del botón consultar lo que se quiere dar a entender es que cuando agreguemos un registro automáticamente nos aparezca en el dataGriew y podamos seleccionar nuestro registro y darle en el botón consultar para que no los muestre este es el código:
  • 31. 31 24.- Enseguida se programara el botón nuevo que sirve para limpiar las cajas de textos, damos doble clic al botón nuevo: 25.- Aquí ponemos el método limpiar: 26.- Esta es la sintaxis del botón salir, que sirve para salir de la aplicación:
  • 32. 32 27.- Una vez terminado el proceso de insertar sintaxis, ahora pasemos a ejecutar nuestro proyecto en la parte superior de C# o con F5, nos aparecerá la ventana de nuestro diseño y colocaremos datos aquí un ejemplo insertando datos y guardándolo:  Así aparece después de darle aceptar en la casilla de se agregó la compra fíjese que en la rejilla nos aparece el registro que insertamos:
  • 33. 33 28.- Enseguida seleccionamos en la rejilla el registro para consultarlo una vez seleccionado le damos consultar y nos lo muestra en las cajas de texto: 29.- Aquí modificamos unos campos del anterior y le damos en el botón modificar:
  • 34. 34 30.- Aquí se muestra el registro modificado en la consola de Mariadb:  Y aquí en modo grafico de Mariadb que es HeidiSQL podemos ver el registro pero antes pulsar donde dice datos para que nos muestre todos los registros agregados como se muestra aquí:
  • 35. 35 31.- Aquí consultamos un registro y lo eliminamos y nos manda un mensaje que el registro se eliminó:  Vamos a la consola de Mariadb y consultamos con una consulta select * from Compras; y nos aparece que ya no existe ningún registro y listo eso fue toda la conexión y el abc en C# con Mariadb: Listo proceso final se comprobó que se cumplió todos los requisitos.
  • 36. 36 CONEXION DE BASE DE DATOS EN EL GESTOR MySQL CON JAVA NETBEANS#
  • 37. 37 1.1. CREANDO NUESTRA BASE DE DATOS EN LA CONSOLA DE MySQL: 1.- Abrimos nuestro gestor de base de datos y creamos nuestra base de datos se llamara ventas: 2.- Aquí ponemos en uso nuestra base de datos con el comando use y el nombre de la base de datos:
  • 38. 38 3.- Insertamos la tabla en el gestor con el comando créate table y el nombre de la tabla y listo se crea nuestra tabla: 1.2. CONEXION MySQL CON NETBEANS JAVA: 4.- Aquí ocuparemos el driver de conexión para nuestro gestor y Netbeasn java lo pueden encontrar en la página de MySQL este es el driver a utilizar:
  • 39. 39 5.- Abrimos Netbeasn IDE y creamos un nuevo proyecto que se llama compras como se muestra en esta imagen: 6.- Una vez creado nuestro proyecto vamos a la carpeta que dice Libreries y la desplegamos:
  • 40. 40 7.- en la carpeta de Libreries le damos clic derecho y seleccionamos donde dice Add JAR/Folder.. y damos clic: 8.- Enseguida una vez pulsado en Add JAR/Folder nos aparecerá esta ventana que aquí buscaremos el Driver que descargamos anteriormente y lo seleccionamos y le damos abrir:
  • 41. 41 9.- Y como pueden ver después de darle abrir ya tenemos agregado nuestro conector en Netbeans para poder trabajar y pasar a la conexión por código: 10.- Enseguida en Netbeans vamos a crear una clase para la conexión e introducir el código donde dice com.mysql.jdbc.Driver es para cargar nuestro driver y en la url ponemos el "jdbc:mysql://localhost:3306/Ventas";el puerto del gestor y el nombre de la base de datos enseguida en el user se pone el “root” y abajo la contraseña “1234” de nuestro gestor:
  • 42. 42
  • 43. 43 CREANDO EL ABC EN NETBEANS JAVA : 11.- Enseguida creamos otra clase en este caso se llama proveedor es para crear los get y set de cada atributo de compras como se muestra en esta imagen: 12.- Siguiendo los métodos get y set de cada atributo de la tabla compras:
  • 44. 44
  • 45. 45 13.- Enseguida creamos otra clase para poner los métodos de agregar, eliminar, consultar y modificar, vamos a crear primero el de agregar creamos un método public static y la Connection cnn = BD getConnection() es para acceder a la conexión y poder conectar e insertar los datos como se puede ver lleva una consulta de insertar con el nombre de la tabla y los campos que están en el gestor, prv es una variable donde agarra los campos de la clase que se creó anteriormente Nota se van importando cada comando que se vaya especificando. El PreparedStatement nos permite definir una sentencia SQL base, que nos sirve para modificar/insertar/buscar uno o varios registros con sólo cambiar los valores de los parámetros que especifiquemos.:  Continuación del código hasta donde termina:
  • 46. 46 14.- Aquí hacemos otro método llamado buscar que nos buscara un registro agregado en nuestra base de datos, hacemos unas consultas abrimos conexión y la cerramos como se muestra aquí en esta imagen: 15.- Enseguida creamos el método eliminar con su respectiva conexión y la consulta de eliminar enseguida con el nombre de la tabla y la llave primaria:
  • 47. 47 16.- Aquí creamos otro método de actualizar ósea modificarlos campos para que cuando el usuario consulte pueda modificarlos, utilizamos una consulta como ya las hemos visto anteriormente con sus respectivos campos de nuestra base de datos:
  • 48. 48 17.- Creando nuestra interfaz gráfica, una vez que haya quedado con sus respectivas cajas de texto y los botones de agregar, eliminar, consultar, modificar y uno extra de buscar, proseguimos a programarlos para que nuestra aplicación funcione: 18.- Enseguida damos clic en el formulario y ponemos la siguiente sintaxis creamos un método en nuestro formulario el UIManager es una clase java que contiene mucha de la información que necesita java para construir los botones, ventanas y demás ejemplo:
  • 49. 49 19.- Enseguida damos doble clic al botón de nuevo para limpiar nuestras cajas de textos entonces declaramos limpiarTextos() y lo de activar textos es una clase que se especificó para bloquear ciertos botones cuando le demos buscar ejemplo: 20.- Aquí damos doble clic en el botón de agregar y va la siguiente sintaxis comparamos las cajas de textos con la función compareTo de ahí se creó una variable p de proveedor después un try para agregar e insertar los datos en la base de datos luego mandamos un mensaje que nos diga datos agregados o sino que nos mande a decir que faltan datos por llenar:
  • 50. 50 21.- En el botón de Modificar o editar como le llamen ponemos la siguiente sintaxis donde igualamos el proveedor con la variable p para posteriormente pasar al try catch donde van a poder ser modificados los campos que estén en las cajas de textos después del catch va un mensaje que diga error si llegara a fallar y limpiamos textos: 22.- enseguida vamos a la interfaz gráfica y damos doble clic en el botón de Eliminar y ponemos la siguiente sintaxis para eliminar donde solo se manda a llamar el método eliminar que se creó anteriormente:
  • 51. 51 23.- Aquí va la sintaxis del botón salir que solo lleva un comando llamado dispose() que lo que hace es salir de la aplicación y más abajo programamos el botón de cancelar ese botón es para bloquear ciertas cajas de textos y cancelar la operación que se fuera a realizar como se muestra en esta imagen: 24.- Una vez el código puesto podemos correr nuestra aplicación en ejecutar y así se ve llenando campos:
  • 52. 52 25.- Una vez insertado los campos damos en agregar y dice datos agregados quiere decir que si se agregó correctamente:
  • 53. 53 26.- Aquí presionamos el botón de buscar para modificar algún registro: 27.- Actualizados los campos de nuestra base de datos:
  • 54. 54 28.- Aquí consultamos un registro para posteriormente eliminarlos entonces se consulta y le damos en el botón eliminar: 29.- Aquí podemos consultar un registro pero como se eliminó anteriormente nos dice que no existe como se muestra en la imagen:
  • 55. 55 30.- Y aquí se puede ver un campo agregado anteriormente por Netbeans y lo consultamos en nuestro gestor: ¡¡Y listo eso es todo el proceso desde la conexión y el ABC con un gestor de base de datos y un lenguaje de programación!!
  • 56. 56 “CONCLUSION” En conclusión las bases de datos hoy en día son muy importantes ya que por ellas se realizan trabajos realmente costosos a través de ellas podemos horrarnos tiempo en colocar datos visualizarlos o eliminarlos, es así que para crear esas bases de datos tenemos que utilizar un gestor los gestores nos ayudan a crear la base de datos es la base para una creación que a través de ellas podemos consultar y ver más profundamente que se está haciendo. Es así que para ejecutar nuestra base de datos tenemos que tener un lenguaje de programación que nos ayuda a diseñar nuestra base de datos al gusto que elijamos y darle un entorno más llamativo y útil en la vida cotidiana.
  • 57. 57 “FUENTES DE INFORMACION” Bibliografía Barrantes, H. (04 de 02 de 2010). bloc. Recuperado el 23 de 03 de 2014, de bloc: http://www.codigofantasma.com/blog/conectar-java-con-mysql-usando-jdbc/ Carlos, J. (2013). Webtaller. Recuperado el 22 de 03 de 2014, de Webtaller: http://www.webtaller.com/construccion/lenguajes/java/lecciones/conectar-java-mysql- netbeans.php faci, L. h. (15 de 05 de 2013). Conectar Mariadb con c#. Recuperado el 24 de 03 de 2014, de https://www.youtube.com/watch?v=lKMo857Sj5E Guest. (09 de 06 de 2009). Slideshare. Recuperado el 22 de 03 de 2014, de Slideshare: http://www.slideshare.net/guest044583b/conexin-a-base-de-datos-en-netbeans Monillo. (2010). blogspot. Recuperado el 22 de 03 de 2014, de blogspot: http://monillo007.blogspot.com/2007/11/conectar-una-base-de-datos-en-mysql-con.html