des photos, des vidéos, un peu de Flex, Spip, Php... tout et n’importe quoi

    Item Renderer Spark Datagrid

    22 décembre 2011, par Nico - Commenter l'article

    Pour faire suite à un commentaire, lors de l’article Flex DataGrid ItemRenderer 1, je vous propose de réaliser le même exemple mais cette fois avec le composant Flex Spark DataGrid.

    Voilà le code de l’application :

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    3.    xmlns:s="library://ns.adobe.com/flex/spark"
    4.    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    5. <fx:Declarations>
    6. <!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
    7. </fx:Declarations>
    8. <fx:Script>
    9. <![CDATA[
    10. import mx.collections.ArrayCollection;
    11. import renderer.spdgrenderer;
    12. import spark.skins.spark.DefaultGridItemRenderer;
    13. [Bindable] private var mesDonnees_AC:ArrayCollection = new ArrayCollection([
    14.         {Type:"Voiture", Marque:"Renault", Couleur:"Rouge", activation:true, prix:80000},
    15.         {Type:"Voiture", Marque:"Renault", Couleur:"Vert", activation:false, prix:35000},
    16.         {Type:"Voiture", Marque:"Peugeot", Couleur:"Jaune", activation:false, prix:22300},
    17.         {Type:"Voiture", Marque:"Citroen",  Couleur:"Orange", activation:false, prix:20000},
    18.         {Type:"Moto", Marque:"Honda", Couleur:"Rouge", activation:false, prix:20000},
    19.         {Type:"Moto", Marque:"Honda", Couleur:"Rouge", activation:false, prix:30000},
    20.         {Type:"Moto", Marque:"Yamaha", Couleur:"Rouge", activation:true, prix:3000},
    21.         {Type:"Moto", Marque:"Yamaha", Couleur:"Rouge", activation:false, prix:1200} ]);
    22. private function prixRendererFunction(item:Object, column:GridColumn):ClassFactory {
    23.        
    24.         if(item.prix>10000)
    25.                 return new ClassFactory(DefaultGridItemRenderer);
    26.         else
    27.                 return new ClassFactory(spdgrenderer);
    28. }
    29. ]]>
    30. </fx:Script>
    31. <s:DataGrid x="79" y="128" width="243" height="128" dataProvider="{mesDonnees_AC}"
    32.         requestedRowCount="4">
    33. <s:columns>
    34. <s:ArrayList>
    35.         <s:GridColumn headerText="Type" dataField="Type" itemRendererFunction="prixRendererFunction"/>
    36.         <s:GridColumn headerText="Marque" dataField="Marque" itemRendererFunction="prixRendererFunction"/>
    37.         <s:GridColumn headerText="Prix" dataField="prix" itemRendererFunction="prixRendererFunction"/>
    38.        
    39. </s:ArrayList>
    40. </s:columns>
    41. </s:DataGrid>
    42. </s:Application>
    Télécharger

    Et celui de notre rendu (pour flahs builder : Fichier -> Nouveau -> Rendu d’élément) :

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
    3.                 xmlns:s="library://ns.adobe.com/flex/spark"
    4.                 xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">
    5. <fx:Script>
    6. <![CDATA[
    7. override public function prepare(hasBeenRecycled:Boolean):void {
    8.         lblData.text = data[column.dataField]
    9. }
    10. ]]>
    11. </fx:Script>
    12. <s:Rect top="0" bottom="0" right="0" left="0">
    13. <s:fill>
    14. <s:SolidColor color="0x99cc99" />
    15. </s:fill>
    16. </s:Rect>
    17. <s:Label id="lblData" top="9" left="7" />
    18. </s:GridItemRenderer>
    Télécharger

    Et voilà le résultat :

    lire la suite...

    Mots clés : Flex Item Renderer - AdvancedDataGrid

    Yii et Base de Données

    22 août 2011, par Nico - Commenter l'article

    Où en sommes nous

    Un coup d’oeil sur les précédents articles si :

    Notre projet

    Je vous arrête tout de suite cela ne sera pas une application complète... Nous allons faire simple afin de comprendre le mécanisme de Yii. Imaginons un club de sports disposant de joueurs, et d’équipes. Chouette ! Nous avons nos deux tables..... :-)

    Ouvrez un éditeur pour Mysql (PhpMyAdmin [4], MySqlWorkBench [5]), utilisez les scripts de connexions ci-dessous pour la création des tables :

    1. CREATE TABLE `equipes` (
    2.   `id` tinyint(3) UNSIGNED NOT NULL AUTO_INCREMENT,
    3.   `nom` VARCHAR(40) DEFAULT NULL,
    4.   PRIMARY KEY (`id`),
    5.   UNIQUE KEY `nom` (`nom`)
    6. ) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;
    7. CREATE TABLE `joueurs` (
    8.   `id` mediumint(8) UNSIGNED NOT NULL AUTO_INCREMENT,
    9.   `equipeId` tinyint(3) UNSIGNED NOT NULL COMMENT 'CONSTRAINT FOREIGN KEY (equipeId) REFERENCES Equipes(id)',
    10.   `nom` VARCHAR(20) NOT NULL,
    11.   `prenom` VARCHAR(40) NOT NULL,
    12.   `info` VARCHAR(60) NOT NULL,
    13.   PRIMARY KEY (`id`),
    14.   KEY `name` (`nom`),
    15.   KEY `equipeId` (`equipeId`)
    16. ) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=latin1
    Télécharger

    Yii Code Generator

    Souvenez-vous on a activé un module nommé Gii dans notre fichier main.php. Pour y accéder c’est lire la suite...

    Mots clés : Framework - Yii - MySql - Gii

    Yii Configuration de l’application

    22 août 2011, par Nico - Commenter l'article

    Où en sommes nous ?

    Cet article est le troisième de la série concernant le framework Yii. Nous avons déjà vu comment installer, puis créer notre première application avec ce framework. Cet article, lui va aborder quelques points de configuration.

    Le fichier main.php

    Ce fichier est situé à l’emplacement : votreAppli\protected\config\main.php Si je reprends notre exemple pour moi ce sera : I:\phproot\tutoYii\protected\config\main.php

    • Modifions le nom du projet
    1. return array(
    2.         'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..',
    3.         'name'=>'My Web Application',
    Télécharger
    • Activons Gii
      Gii est un outil graphique qui remplacera l’invite de commande pour la création des modèles, du CRUD... Pour cela il suffit simplement lire la suite...
    Mots clés : Framework - Yii - MySql - Gii

    Yii création du premier projet

    21 août 2011, par Nico - Commenter l'article

    Où en sommes nous ?

    Cet article est le deuxième de la série A la découverte du Framework Yii. Dans le premier article nous avons configurer notre serveur Web (Apache), télécharger, installer le framework Yii.

    Reportez-vous à cet article si une étape vous manque.

    Création du projet

    Yii va créer notre arborescence de dossier tout seul, comme un grand garçon framework. Il faut juste lui donner notre feux vert. Pour cela, ouvrons une invite de commande (démarrer, exécuter, cmd pour Windows par exemple)

    La fonctionnalité recherchée pour la création de notre projet est dans un répertoire du framework Yii. Nous allons donc modifier lire la suite...

    Mots clés : Framework - Yii

    Yii Installation et Configuration

    20 août 2011, par Nico - Commenter l'article

    Pourquoi le framework Yii ?

    Les frameworks sont plein de promesses... mais vite décourageants car ils nécessitent de nombreuses heures (semaines ?) d’apprentissage. C’est un peu repoussant au départ car le choix d’utiliser un framework est surtout axé sur le gain de temps de développement et ne pas avoir l’impression de réinventer la roue à chaque fois (système d’identification, d’autorisation, CRUD...).

    Choisir un framework est également une épreuve et il n’y a pas de mystère il faut les essayer pour savoir si le feeling avec lui est bon. J’ai donc commencé par CakePhp, puis Symfony2, testé rapidement CodeIgniter... La progression avec certains fut parfois difficile.

    Alors pour répondre à la question "Pourquoi le framework Yii ?" c’est surtout une question de feeling.

    Installation du framework Yii

    1. Pré-Requis
      • Un serveur Web (Apache par exemple)
      • PHP 5.1.0 ou supérieur
    2. Téléchargement
      Télécharger directement sur le site de l’éditeur la dernière version stable de Yii. J’ai utilisé pour cette série de tutoriel la version : 1.1.8 (26 Juin, 2011)
    3. Installation
      Nous allons débuter cette installation par la configuration de... notre serveur Web. Pour ce tutoriel j’utilise un serveur Apache 2 installé sous Windows 7 ainsi que PHP Version 5.3.6.

    J’ai l’habitude de configurer des VirtualHosts.

    Par cette configuration nous déterminons lire la suite...

    Mots clés : Framework - Yii

0 | 5 | 10 | 15 | 20 | 25