toujours dans la suite du tutoriel sur JSON, nous allons extraire des données depuis une base de données MySQL.

Créons maintenant notre table :

 
CREATE TABLE  `utilisateur` (
 `id` INT( 5 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
 `nom` VARCHAR( 100 ) NOT NULL ,
 `prenom` VARCHAR( 100 ) NOT NULL ,
 `email` VARCHAR( 100 ) NOT NULL
) ENGINE = MYISAM ;

Puis nous allons extraire les donnés depuis la table "utilisateur" et les convertire au format JSON

code PHP:

<?php
 
    define( 'HOST', 'localhost:8889' );
    define( 'USER', 'root' );
    define( 'PASSWORD', 'root' );
    define( 'DATABASE', 'myDB' );    
 
    $link = mysql_connect(HOST, USER, PASSWORD) or die(mysql_erro());
    mysql_select_db(DATABASE);
 
    $query = mysql_query("select * from utilisateur", $link) or die(mysql_error());
    $row = mysql_fetch_assoc($query);
 
    $json_data = array();
 
    do{
 
        array_push($json_data, $row);
 
    }while($row = mysql_fetch_assoc($query));
 
    echo json_encode($json_data);
 
?>

Dans ce tutoriel nous allons créer des données et les convertir au format JSON.

avant de commencer nous allons d'abord vérifier si la biblioth

voici un de mes premier tutoriel sur flex et j'espere sera le debut d'une longue serie de tutoriels sur flex et action script 3.

dans ce tuto nous n'allons pas stocké les images dans un fichier externe mais on va faire plsu simple, on va utiliser un tableau (Array) et on developpera ça au fur et a mesure.

code MXML:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]"
creationComplete="loadImage()">

<mx:states>
<mx:State name="display">
<mx:RemoveChild target="{tile1}"/>
<mx:AddChild position="lastChild">
<mx:Image id="imageDisplay" bottom="10" left="10" top="46" right="10"/>
</mx:AddChild>
<mx:AddChild position="lastChild">
<mx:Button y="16" label="Retour" right="10" click="currentState=''"/>
</mx:AddChild>
</mx:State>
</mx:states>

<mx:Script>
<![CDATA[
private var imageList:Array = [
{name:"Image 1", path:"assets/images/image1.jpg"},
{name:"Image 2", path:"assets/images/image2.jpg"}
];

private function loadImage():void
{
imageRepeater.dataProvider = imageList;
}

private function showImage(imageObj:Object):void
{
currentState = "display";
imageDisplay.source = imageObj.path;
}

]]>
</mx:Script>

<mx:Label x="10" y="10" text="Flex Gallery" fontSize="18" id="title"/>

<mx:Tile right="10" left="10" top="46" bottom="10" id="tile1">
<mx:Repeater id="imageRepeater">
<mx:VBox>
<mx:Image source="{imageRepeater.currentItem.path}" width="140" height="140" click="showImage(event.currentTarget.getRepeaterItem())" useHandCursor="true"  buttonMode="true"/>
<mx:Label text="{imageRepeater.currentItem.name}" width="140" textAlign="center" />
</mx:VBox>

</mx:Repeater>
</mx:Tile>

</mx:Application>

source

la version beta final de flex 3 est disponible Flex Beta 3 (M4)

Salut tout le monde, vu que je navigue trop sur internet et je rencentre pas mal d'erreur sur certains sites, je me suis dit pourquoi pas prendre des capture d''cran, et les faires connaitre.

un truc pour le fun c'est tout, rien de mechant.

www.microchoix.ma