Html5 Builder – Conectarse a MySQL

Para mostrar cómo podemos conectar nuestras aplicaciones escritas en Html5 Builder a Mysql, crearemos una pequeña aplicación en php cuyo objetivo será mostrar el contenido de la tabla country que pertence a la base de datos de prueba Sakila.

Comenzaremos creando un nuevo proyecto “Server web application”

php-holamundo

y en el nuevo formulario que se nos muestra vamos a colocar los siguientes componentes:

Expandiremos la rama Standard de la Tool Palette y de ella vamos a dar doble click en un componente Label, o puedes seleccionarlo y arrastrarlo al formulario. Vamos a cambiar las siguientes propiedades del Label de la siguiente manera:

  • CAPTION: Contenido de la tabla Country
  • FONT / SIZE: 18px
  • FONT / Weigth: bold
  • LEFT: 27
  • TOP: 27

Expandiremos la rama Data Access y de ella tomaremos tres componentes: Daremos click primero en el componente Database. Este componente nos  permitirá establecer la conexión a nuestro servidor Mysql. Modificaremos sus propiedades de la siguiente manera:

  • HOST: Dirección Ip o DSN donde se encuentra nuestro servidor MySQL.
  • DRIVER NAME: Seleccionaremos MySQL.
  • PORT: Puerto de conexión a MySQL.
  • USERNAME: Nombre de usuario.
  • PASSWORD: Password.
  • DATABASENAME: Sakila.
  • CONNECTED: True.

Ahora en la misma rama Data Access vamos a dar doble click en el componente Table. Este componente abrirá una tabla aprovechando la conexión que configuramos en el punto anterior. Vamos a configurar sus propiedades de la siguiente manera:

  • DATABASE: Database1. Esta es una referencia al componente que configuramos previamente.
  • TABLENAME: country. Nombre de la tabla que usaremos. Esta pertenece a la base de datos Sakila que viene incluida en la versión 5.5 de MySQL.
    Active: True.

Como último componente de la rama DataAccess, vamos a dar doble click en Datasource y lo vamos a configurar de la siguiente manera.

  • DATASET: Table1

Con esos tres componentes de la rama Data Access configurados, somos capaces de conectarnos a MySQL y obtener acceso a los diferentes objetos contenidos en él. Ahora expandiremos la rama Data Controls y de ella vamos a dar doble click en el componente DBRepeater y modificaremos sus propiedades de la siguiente manera:

  • CAPTION:
  • HEIGHT: 27
  • LEFT: 27
  • TOP: 64
  • DATASOURCE: Datasource1. Es una referencia al componente configurado previamente.

El componente DbRepeater nos permite iterar tantas veces como registros existan en el dataset relacionado a través del datasource. Estas iteraciones parten del primer registro contenido en le Dataset y llegan al último, apuntando en cada iteración al registro activo.  Permitiendo  a los componentes contenidos en él hacer referencia a cada registro del Dataset.  Sabiendo esto vamos a seleccionar nuevamente la rama Standard y arrastraremos 3 componentes Label para colocarlos sobre nuestro DBRepeater. Una vez colocados vamos a configurar sus propiedades de la siguiente manera:

LABEL1

  • DATASOURCE: Datasource1.
  • DATAFIELD: country_id

LABEL2

  • DATASOURCE: Datasource1.
  • DATAFIELD: country

LABEL3

  • DATASOURCE: Datasource1.
  • DATAFIELD: last_update

Nuestra pantalla quedará en tiempo de diseño de la siguiente forma:

 

html5-form

Como has logrado darte cuenta, hasta este momento no hemos tenido necesidad de escribir una sola línea de código para crear un script en php que se conecte a MySQL y muestre el resultado en pantalla. Para probar nuestro pequeño programa vamos a presionar la tecla F9 y veremos el siguiente resultado en nuestro navegador:

html5-form-runtime

1 Trackback / Pingback

  1. Html5 Builder – Hola Mundo | Blog del Poli

Deja un comentario