24th September 2008

Flex y MySql

posted in PHP, Programacion |

En este primer post dedicado a la publicación o uso de bases de datos Mysqlcon nuestras aplicaciones Flex, vamos a abordar la conexión a través de una pasarela creada en PHP.

Esta primera solución es la más sencilla de todas y nos permite tener por ejemplo el frontend de nuestra aplicación en HTML y el backend en Flex.

Pongamos de ejemplo una tienda online que tiene un catálogo de productos y que queremos crear un administrador de éste mediante Flex.

El primer paso que vamos a hacer es la creación de un fichero PHP que haga las consultas pertinentes a la base de datos MySQL y nos devuelva el conjunto de resultados en XML. Este XML será procesado o consumido desde la aplicación Flex y será asociado mediante Data Binding (enlace entre controles y datos) a los controles de nuestro administrador.

Un ejemplo podría ser el siguiente:

  1. <productos>
  2. <?php
  3.     if(!($link=mysql_connect(“localhost”,“[usuario]“,“[contraseña]“))){
  4.           echo “Error conectando a la base de datos.”;
  5.           exit();
  6.     }
  7.            
  8.     if (!mysql_select_db(“[nombre_bd]“,$link)) {
  9.           echo “Error seleccionando la base de datos.”;
  10.           exit();
  11.     }
  12.  
  13.     $sql = “SELECT nombre, referencia, precio “;
  14.     $sql .= “FROM productos “;
  15.     $sql .= “ORDER BY referencia”;
  16.  
  17.     $result = mysql_query($sql,$link);
  18.     while($row = mysql_fetch_object($result)){
  19. ?>
  20.     <producto>
  21.         <referencia><?php echo $row->referencia ?></referencia>
  22.         <nombre><?php echo $row->nombre ?></nombre>
  23.         <precio><?php echo $row->precio ?></precio>
  24.     </producto>
  25. <?php
  26.     }   
  27. ?>
  28. </productos>

 

Como resultado este fichero devolverá algo como lo siguiente:

  1. <?xml version=“1.0″ encoding=“utf-8″?>
  2. <productos>
  3.      <producto>
  4.           <referencia>1</referencia>
  5.           <nombre>Primer Producto</nombre>
  6.           <precio>10.99</precio>
  7.      <producto>
  8.  
  9.      <producto>
  10.           <referencia>2</referencia>
  11.           <nombre>Segundo Producto</nombre>
  12.           <precio>15.45</precio>
  13.      <producto>
  14.  
  15.      <producto>
  16.           <referencia>3</referencia>
  17.           <nombre>Tercer Producto</nombre>
  18.           <precio>58.99</precio>
  19.      <producto>
  20. </productos>

 

Ahora pasamos a la parte Flex que se encargará de consumir este XML que nos devuelve PHP. Para ello crearemos un DataGrid que nos mostrará el resultado. Lo asociaremos mediante data binding al resultado de la llamada al php (mediante HTTPService). Usaremos el formato E4X para mayor comodidad.

  1. <?xml version=“1.0″ encoding=“utf-8″?>
  2. <mx:Application xmlns:mx=“http://www.adobe.com/2006/mxml”layout=“absolute” creationComplete=“prodRPC.send()” width=“100%”>
  3.    
  4.     <mx:HTTPService id=“prodRPC”url=“http://localhost/productos.php” resultFormat=“e4x”/>
  5.    
  6.             <mx:DataGrid id=“dgProductos” x=“10″ y=“10″dataProvider=“{prodRPC.lastResult..producto}” width=“561″height=“526″>
  7.                 <mx:columns>
  8.                     <mx:DataGridColumn dataField=“referencia” />
  9.                     <mx:DataGridColumn dataField=“nombre” />
  10.                     <mx:DataGridColumn dataField=“precio” />
  11.                 </mx:columns>
  12.             </mx:DataGrid> 
  13.    
  14. </mx:Application>

 

El resultado sería el siguiente:

Flex DataGrid Mysql

This entry was posted on Wednesday, September 24th, 2008 at 18:18 and is filed under PHP, Programacion. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply