Extbase et Fluid

Réunion TUG
Lausanne

Présentation de Xavier Perseguers
Monday, September 21, 2009

Agenda
Présentation du mini-projet

Modèle de données métier Extbase

Persistence des données Extbase

Afﬁchage et modiﬁcation des informations Fluid + Extbase

Idées d’amélioration


Présentation du
mini-projet


Présentation du mini-projet

Cahier des charges
Base de données de films

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

Ajout de nouveaux films

Modification des données existantes


Modèle de données
métier


Modèle de données métier

Qu’est-ce qu’un ﬁlm ?



Qu’est-ce qu’un ﬁlm ?
Titre
Date de sortie

Acteurs Un ﬁlm?

Réalisateur Genre
Phrase marquante



Base de données
On 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 objet
nom, téléphone, âge, ...

Entité : qui a une identité, qui a des méthodes
Exemple : 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 code
du modèle de données uniquement !



Création de l’extension



Création des objets
Classes/Domain/Model/Genre.php :



Classes/Domain/Model/Movie.php :



Classes/Domain/Model/Movie.php :

Compléter
avec tous les
attributs
Classe à créer
selon le même
principe



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 ﬁndAll(),
ﬁndBy*()



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

Classes/Domain/Repository/PersonRepository.php :


Persistence des
données


Persistence des données

Nom “compatible”
avec Extbase



Création des champs
Ré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 champs
Bon à savoir :

Colonne “director” ↔ Attribut “Director”

Colonne “ﬁrstname” ↔ 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) :



Mise à jour des références
Fichier Conﬁguration/TCA/tca.php :



Relation Modèle ↔ Tables



Relation Modèle ↔ Tables

Pour toutes les
relations uniquement


Démonstration
(ﬁlms dans le backend)


Afﬁchage / Modiﬁcation
des données


Affichage des données

Fonctionnement
Cré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 plugin
Informer 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



Contrôleur Classes/Controller/MovieController.php

C’est tout !



Gabarit Resources/Private/Templates/Movie/index.html
Nom du contrôleur Action Format de rendu
(html par défaut)



Gabarit Resources/Private/Templates/Movie/index.html

Tx_Movies_Domain_Model_Movie



Associer le code à exécuter pour afﬁcher notre plugin

Fichier ext_localconf.php :



Associer le code à exécuter pour afﬁcher notre plugin

Fichier ext_localconf.php :

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


Démonstration
(ajout du plugin)


Modification des données

Ajouter un film
Cré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 ﬁlm
Gabarit Resources/Private/Templates/Movie/new.html :
(html par défaut)



Ajouter un ﬁlm
Gabarit Resources/Private/Templates/Movie/new.html :



Ajouter un ﬁlm
Actions “new” et “create” :



Ajouter un ﬁlm
Référencer les nouvelles actions dans ext_localconf.php :



Modifier un film
Modifier le gabarit de la liste des films :

Enregistrer les 2 nouvelles actions :



Modiﬁer un ﬁlm
Actions “edit” et “update” :



Modiﬁer un ﬁlm
Gabarit Resources/Private/Templates/Movie/edit.html :
(html par défaut)

en plus !

valeur actuelle

valeur actuelle



Modèle de données
Films :
Gestion des acteurs ainsi que leur(s) rôle(s)

Personnes :
Ajout / Modiﬁcation



Plugins
Films :
Configuration FlexForm pour choisir un genre (DEMO)
Ajout de l’affiche dans le rendu (DEMO)
Intégration d’informations supplémentaires extraites de
http://www.imdb.com (The Internet Movie Database)

Personnes :
Ajout / Modification

Utilisation de ExtJS pour le rendu (DEMO)


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 Liens
Extbase, Fluid et l’extension blog_example
http://forge.typo3.org/projects/show/typo3v4-mvc

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

Présentation et ﬁchiers
http://xavier.perseguers.ch/tutoriels/typo3/developpement/
extbase-ﬂuid.html


Merci de votre attention


Merci de votre attention

Questions ?


Extbase et Fluid

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (19)

Extbase et Fluid