Extbase et Fluid

Réunion TUGLausanne

Présentation de Xavier PerseguersMonday, September 21, 2009

Agenda

Extbase

Extbase

Fluid + Extbase

Présentation du mini-projet

Modèle de données métier

Persistence des données

Affichage et modification des informations

Idées d’amélioration

Monday, September 21, 2009

Présentation dumini-projet


Présentation du mini-projet

Cahier des chargesBase de données de films

Liste de films (titre, réalisateur, genre)

Ajout de nouveaux films

Modification des données existantes





Qu’est-ce qu’un film ?



Qu’est-ce qu’un film ?

Un film?

Titre

Date de sortie

Acteurs

Réalisateur

Phrase marquante

Genre



Base de donnéesOn l’oublie !

Elle ne sert “à rien”

On se concentre sur le métier !

N’essaie pas de tordre la cuillère, car c’est impossible.Tu dois essayer de te concentrer pour faire éclater la vérité : la cuillère n’existe pas !

Matrix



Attribut / Entité

Attribut : Informations sur un objetnom, téléphone, âge, ...

Entité : qui a une identité, qui a des méthodesExemple : compte bancaire, personne

Dépendant du métier



Entité, Attribut, ...Film : Entité / Agrégat racine (Aggregate Root)

Réalisateur : relation 1:n vers une “Personne”

Genre : relation 1:n vers un “Genre”

Acteurs : relation m:n vers des “Personne”s

Personne : Entité (Entity)

Nom, Prénom, ...

Genre : Object valeur (Value Object)





22.09.2009 - Génération du codedu modèle de données uniquement !



Création de l’extension









Création des objetsClasses/Domain/Model/Genre.php :



Création des objetsClasses/Domain/Model/Movie.php :



Création des objetsClasses/Domain/Model/Movie.php :

Classe à créer selon le même

principe

Compléter avec tous les

attributs



Dépôt d’objets (repository)Point d’entrée pour accéder aux entités = Guichet

Méthode add(), remove(), replace(), update()

Méthodes findAll(),findBy*()



Création des dépôts d’objetsClasses/Domain/Repository/MovieRepository.php :

Classes/Domain/Repository/PersonRepository.php :





Nom “compatible” avec Extbase





Création des champsRépéter l’opération pour les tables :

tx_movies_domain_model_person

tx_movies_domain_model_movie

Relation vers une autre entité



Création des champsBon à savoir :

Colonne “director” ↔ Attribut “Director”

Colonne “firstname” ↔ Attribut “Firstname”

Colonne “release_date” ↔ Attribut “ReleaseDate”



Réorganisation pour Extbase



Mise à jour des références

Fichier ext_tables.php (pour toutes les tables) :




Fichier ext_tables.php (pour toutes les tables) :




Fichier Configuration/TCA/tca.php :




Fichier Configuration/TCA/tca.php :



Relation Modèle ↔ Tables



Relation Modèle ↔ Tables

Pour toutes les relations uniquement


Démonstration(films dans le backend)


Affichage / Modification des données


Affichage des données

FonctionnementCréation d’un plugin qui affiche les films

Le plugin contient une action (p. ex. “index”)

L’action prépare les données et les transmet à Fluid

Fluid utilise un gabarit pour afficher les informations



Création d’un pluginInformer TYPO3 de la présence de notre plugin :

Fichier ext_tables.php :

Avec un texte traduisible, p. ex. :LLL:EXT:movies/Resources/Private/Language/locallang_db.xml:plugin.pi1



Création d’un pluginContrôleur Classes/Controller/MovieController.php

C’est tout !



Création d’un pluginGabarit Resources/Private/Templates/Movie/index.html

Nom du contrôleur Action Format de rendu(html par défaut)



Création d’un pluginGabarit Resources/Private/Templates/Movie/index.html

Tx_Movies_Domain_Model_Movie



Création d’un pluginAssocier le code à exécuter pour afficher notre plugin

Fichier ext_localconf.php :



Création d’un pluginAssocier le code à exécuter pour afficher notre plugin

Fichier ext_localconf.php :

Attention : nom de plugin identique à celui du fichier ext_tables.php


Démonstration(ajout du plugin)


Modification des données

Ajouter un filmCréer l’action “new” qui est présente dans le gabarit :

Elle doit afficher un formulaire de saisie qui une fois posté doit ajouter le nouveau film au dépôt



Ajouter un filmGabarit Resources/Private/Templates/Movie/new.html :




Ajouter un filmGabarit Resources/Private/Templates/Movie/new.html :



Ajouter un filmActions “new” et “create” :



Ajouter un filmRéférencer les nouvelles actions dans ext_localconf.php :



Modifier un filmModifier le gabarit de la liste des films :

Enregistrer les 2 nouvelles actions :



Modifier un filmModifier le gabarit de la liste des films :

Enregistrer les 2 nouvelles actions :



Modifier un filmActions “edit” et “update” :



Modifier un filmGabarit Resources/Private/Templates/Movie/edit.html :


en plus !

valeur actuelle

valeur actuelle





Modèle de donnéesFilms :

Gestion des acteurs ainsi que leur(s) rôle(s)

Personnes :

Ajout / Modification



PluginsFilms :

Configuration FlexForm pour choisir un genre (DEMO)

Ajout de l’affiche dans le rendu (DEMO)

Intégration d’informations supplémentaires extraites dehttp://www.imdb.com (The Internet Movie Database)

Personnes :

Ajout / Modification

Utilisation de ExtJS pour le rendu (DEMO)


http://www.imdb.com

http://www.imdb.com

Démonstration


Conclusion

RésuméExtbase = Modèle et Contrôleur de MVC

Fluid = Vue de MVC

(mvc_extjs = “colle” entre Extbase, Fluid et ExtJS)


Conclusion

RésuméAjouter un élément

newAction (affichage du formulaire)

createAction (ajout au dépôt)

Modifier un élément

editAction (affichage du formulaire)

updateAction (mise à jour dans le dépôt)


Conclusion

RésuméMise en place délicate sans Kickstarter Extbase “complet”

Mais ...

Le jeu en vaut la chandelle !


Documentation et LiensExtbase, Fluid et l’extension blog_examplehttp://forge.typo3.org/projects/show/typo3v4-mvc

MVC + ExtJShttp://forge.typo3.org/projects/show/extension-mvc_extjs

Présentation et fichiershttp://xavier.perseguers.ch/tutoriels/typo3/developpement/extbase-fluid.html


http://forge.typo3.org/projects/show/typo3v4-mvc

http://forge.typo3.org/projects/show/typo3v4-mvc

http://forge.typo3.org/projects/show/extension-mvc_extjs

http://forge.typo3.org/projects/show/extension-mvc_extjs

http://xavier.perseguers.ch/tutoriels/typo3/developpement/extbase-fluid.html




Merci de votre attention


Questions ?

Merci de votre attention



Self Improvement

Extbase et Fluid