Upload
tomecruzz
View
18
Download
0
Embed Size (px)
DESCRIPTION
Tutoriel Views
Citation preview
Anthony Da Cruz Views 2 pour Drupal 7 2012
1
Tutoriel Drupal « views »
Tutoriel pour la découverte et l’utilisation du module Drupal « Views »
Dans ce tutoriel nous allons d’abord voir comment se présente le module views sous Drupal 7 puis
comment l’utiliser au travers de quelques exemples illustrés.
Pour le tutoriel ci-présent nous avons choisi d’utiliser la dernière version de views c'est-à-dire views 2
qui possède une toute nouvelle interface graphique par rapport à la version 1.0 de views.
Le module Views vous permet de créer donc des vues (une page web) personnalisées sur votre site.
Ce module puissant permet de choisir :
- Sous quelle forme afficher le contenu d'une page (en liste, en tableau, en teasers...). - Dans quel ordre afficher le contenu d'une page (alphabétique, chronologique, selon le choix
de l'utilisateur...). - Quels types de contenu (nodes) afficher sur une page.
Ce tutoriel se présente sous forme d’étapes qui vous guideront pas à pas dans l’apprentissage et la
maitrise de ce module :
Les étapes… Qu’est-ce qu’une vue ? (view) ................................................................................................................. 1
1- Installation ....................................................................................................................................... 2
2- Prise en main ................................................................................................................................... 3
3- Création d’une vue simple ............................................................................................................... 4
4- L’éditeur de vue ............................................................................................................................... 7
5- Conclusion ..................................................................................................................................... 11
Qu’est-ce qu’une vue ? (view)
C’est une page qui contiendra précisément les informations que vous souhaitez, sans que
vous ne tapiez une seule ligne de code SQL/HTML/PHP.
Anthony Da Cruz Views 2 pour Drupal 7 2012
2
1- Installation
Le module views s’installe comme n’importe quel module Drupal, à une différence près, c'est-à-dire :
- Télécharger le module ici => http://drupal.org/project/views
- Ainsi que le module suivant => http://drupal.org/project/ctools
- Les décompresser indépendamment dans le dossier /sites/all/modules/ de votre site sous
Drupal.
- Maintenant, revenons à l’interface administrateur de votre site sous Drupal.
- Dans la section « modules » de la partie administration de votre site sous Drupal vous
trouverez deux nouvelles sections : Views et CTools (voir ci-dessous).
Mais contrairement à d’autres modules « views » nécessite un module
externe nommé « CTools » afin de fonctionner correctement
Anthony Da Cruz Views 2 pour Drupal 7 2012
3
- Comme sur l’image vous devez activez le module Chaos Tools de la section CHAOS TOOLS
SUITE, et ensuite cocher les deux modules de la section VIEWS.
- Ensuite, enregistrer la configuration et le module views 2 est activé pour votre site Drupal.
Vous êtes maintenant prêt à vous servir du module views.
2- Prise en main Tout d’abord, assurez-vous d’être toujours connecté en tant qu’administrateur du site.
Comment accéder au module « views » ?
- C’est très simple, rendez-vous dans la section « structure » du menu d’administration de
Drupal 7
- Cliquez ensuite sur « Views » (comme ci-dessous)
- Vous arrivez maintenant dans la page principale du module « views 2 »
- Nous allons donc décrire un peu cette page principale de l’administration du module.
Nous détaillerons « add view from
template » et « importer » plus tard.
La traduction en Français n’étant pas complète pour ce
module vous pourrez rencontrer de l’anglais comme tu
Français tout au long de la procédure
Commencer avec le module « views »
Anthony Da Cruz Views 2 pour Drupal 7 2012
4
Pour commencer à utiliser le module Views il va falloir choisir entre ces trois boutons.
3- Création d’une vue simple
« Add new view » Dans cette section, vous allez créer une vue à partir de zéro
Détaillons les différents critères présents sur cette page (dans l’ordre d’apparition sur la
page) :
View name (nom de la vue) : Ce sera le nom de la vue pour le système Drupal, ce nom sera celui
affiché sur la page principale du module « views » vue précédemment.
Description : Cocher si l’on souhaite ajouter une description à la vue pour mieux savoir ce qu’elle
représentera (la description ne serait visible que dans la page principale du module « views »)
Sur cette page nous allons donc entrer des paramètres globaux pour la
création de notre vue. Nous pourrons préciser d’avantage de critères plus
loin dans la création ou en rester à ceux-ci pour les vues les plus simples.
Page de création d’une vue
Anthony Da Cruz Views 2 pour Drupal 7 2012
5
Les critères :
- Afficher : permet de définir ce que cette vue affichera, nous avons le choix entre tous les
types de contenu présent sur le site. Par exemple du texte, des utilisateurs, des fichiers, etc.
- Of type (de type) : Définit comment la vue sera interprétée, soit sous forme de page, soit
sous forme d’article (correspond à l’affichage de la vue)
- Tagged with (tagué avec) : Uniquement disponible pour le type « article ».Le système
n’affichera dans la vue que les articles contenant au moins un des tags que vous aurez inscrit
dans ce champ.
- Sorted by (trié par) : sélectionner dans quel ordre sera affiché le contenu de votre vu. Vous
avez le choix entre les nouveaux en premier, les anciens en premier, par ordre alphabétique
des titres ou non trié
Create a page (créer une page) :
- Titre de la page : Le titre de votre page, affiché dans la barre d’onglet et en haut de votre
page.
- Chemin : Le chemin souhaité pour votre page (l’URL)
- Display format (format d’affichage) : Sélectionner de quelle façon votre contenu sera affiché.
- Of (des) : ce que vous voulez afficher de votre contenu. Vous avez le choix entre :
o Teasers (accroche ou début d’article)
o Full posts (articles / contenus complets)
o Titles (titres)
o Fields (champs)
- With or without links (avec ou sans liens) : Avec ou sans les liens rapides (ajouter un
commentaire etc.) sous chaque contenu ou résumé (suivant ce que vous aurez sélectionné
avant).
- With or without comment (avec ou sans commentaires)
Par la suite vous avez le choix entre « create a page » et
« create a bloc » ou vous pouvez cocher les deux. Le module
« view » va ainsi créer une page ou un bloc contenant les
informations choisies dans la section « critères » vue plus
haut
Anthony Da Cruz Views 2 pour Drupal 7 2012
6
- Items to display (articles à afficher) : Choisir combien d’articles vous souhaitez afficher sur
votre « views »
o Exemple : En choisissant 5 par exemple, votre vue affichera seulement les 5 derniers
articles parus sur votre site (si vous avez choisi les articles les plus récents en
premier)
- Diverses options supplémentaires : A cocher si nécessaire, use a pager, create menu link,
include RSS feed.
Create a block (créer un bloc) :
Un bloc est différent d’une page car il est possible de l’insérer sur une page, il ne représente pas
une adresse sur le site.
- Titre du bloc : Le titre de votre bloc
- Display format (format d’affichage) : Voir « display format » pour les pages
- Items per page (articles par page) : Voir « items per page » pour les pages
La première phase de création de la vue est terminée !
Maintenant vous avez le choix entre :
- Save & exit (sauver et quitter) : Votre vue gardera les paramètres choisis dans cette page, ce
sont les paramètres de base d’une vue, cela peut être utile afin de créer rapidement une vue.
- Continue & edit (continuer et éditer) : Continuer vers des paramètres et options plus
complètes.
Si la vue vous satisfait telle qu’elle est, alors cliquez simplement sur « save & exit » votre vue sera
créée avec les paramètres déjà choisis !
A l’inverse si vous voulez affiner les paramètres et options de votre vue, cliquez sur « continue &
edit ». C’est dans cette partie que le module « views » va exprimer toute sa puissance, nous allons
détailler cela juste après.
Anthony Da Cruz Views 2 pour Drupal 7 2012
7
4- L’éditeur de vue Dans cette partie nous allons détailler l’utilisation de l’outil avancé du module « views » qui est
l’éditeur de vue. Vous vous retrouverez sur celui-ci si vous choisissez de continuer l’édition lors de la
création d’une vue, ou si vous souhaitez modifier une vue depuis le menu principal de « views ».
Pour l’explication de cet outil, nous allons
utiliser la vue de test créée précédemment.
Cette vue affiche pour le moment les 10
derniers articles par leurs accroches, dans
l’ordre du plus récent au plus ancien. Voici
une capture de cette vue.
Afin de voir ce que donne cette vue depuis l’éditeur de vue, il suffit de retourner dans le menu
principal du module « views » de choisir notre vue « test » et de cliquer sur « modifier »
Vous voilà maintenant dans l’éditeur de vue !
Nous allons nous appuyer sur cette vue pour explorer
les différentes possibilités de « views » en nous axant
principalement sur les « pages » et les « blocs ».
La vue « test » interprété par Drupal
Acceder à l’éditeur de vue pour une vue déjà créée
Anthony Da Cruz Views 2 pour Drupal 7 2012
8
Pour notre vue « test » l’éditeur se présente comme suit :
Décryptons l’interface (n’oubliez pas qu’aucun changement n’est appliqué tant que vous n’avez pas
appuyé sur « enregistrer » en haut) :
1. Dans cette barre, nous trouvons les différentes façons d’afficher notre vue, soit en page soit
en bloc, mais aussi sous forme de RSS, de fichier attaché, etc. Ou nous pouvons encore créer
plusieurs pages/bloc pour une même vue, afin d’avoir plusieurs paramètres distincts sur une
même base.
2. Nous retrouvons dans ce segment beaucoup des critères qui sont présents sur la page de
création d’une page (étape 3 du tutoriel). Ce sont les paramètres essentiels d’une vue, sauf
qu’ici vous pouvez en ajouter à loisir, et les combiner.
3. Dans cette section nous retrouvons des paramètres déjà étudiés et quelques nouveautés
comme « Entête » et « Pied de page » que nous allons détailler, ainsi que « more link » qui
représente si en dessous de vos accroches vous souhaitez insérer un lien : « voir plus ».
a. Entête et Pied de page :
En cliquant sur « ajouter »
Un menu apparait, celui-ci permet
d’ajouter un entête à notre vue.
Nous avons le choix entre plusieurs
types d’entête/pieds :
- Result summary (résumé des résultats) : Affiche le nombre d’éléments sur la vue.
- Text Area (zone de texte) : Un simple texte que vous aurez défini.
- View Area (zone de vue) : Une autre vue en tant qu’entête.
Ajouter un entête
Anthony Da Cruz Views 2 pour Drupal 7 2012
9
Une fois choisi le type d’entête ou de pied de page que vous souhaitez, vous pourrez le modifier puis
valider afin d’appliquer le modèle.
Pour l’exemple ici j’ai choisi un
résumé des résultats en entête.
On retrouve bien l’entête ici
4. La dernière section représente les paramètres avancés pour la vue en cours
Commençons par les critères de filtrages et de tri du contenu :
- Vous pouvez ajouter beaucoup de critères afin d’affiner la sélection du contenu. La puissance
du module réside en grande partie ici. C’est là que vous affinez la requête SQL qui se trouve
derrière votre vue sans écrire une ligne de code !
- Pour ajouter un critère appuyer sur « ajouter »
La procédure est similaire pour les pieds de pages
Configuration du résumé des résultats
Le résumé des résultats en entête de la vue « test »
Anthony Da Cruz Views 2 pour Drupal 7 2012
10
- Apparait alors cette
boite de dialogue
- Choisissez ensuite le(s)
critère(s) que vous souhaitez.
- Une nouvelle fenêtre
apparait pour configurer vos
choix.
Ici vous configurez votre critère, j’ai choisi
comme critère le titre des articles. Ainsi
dans « Value » je rentre ma donnée de
titre, et dans « operator »ce que je veux
effectuer avec celle-ci.
Si je souhaite que ma vue affiche
du contenu ayant un titre égal à
cette valeur, ou différent, ou bien
qui contient cette valeur, etc.
Nous allons détailler ici les paramètres avancés pour
les vues.
- Contextual Filters(Filtres contextuels) : Permets de créer un filtre sur le filtre. Cela permet de
filtrer les résultats de la vue. (l’utilisation est similaire aux filtres de critères vus
précédemment)
- Relationship (Relations) : Permets de relier la requête à d’autres données de la base de
données. Par exemple pour un article on veut également afficher les commentaires, dans ce
cas on ajoute aux relations les commentaires. Cela étend la requête.
- No results behavior (Comportement si aucun résultat) : Définis ce que la vue doit afficher en
cas de résultat nul à la requête. Cela se présente comme un entête ou un pied de page.
La procédure est la même pour les critères de tri.
Ils existent encore d’autres paramètres avancés que nous
allons détailler plus bas
Menu d’ajout d’un critère
Configuration d’un filtre sur le critère : « titre »
Anthony Da Cruz Views 2 pour Drupal 7 2012
11
- Other (autres) :
o Machine Name (nom du modèle) : Ici
c’est une page, cela pourrait être un bloc par
exemple. C’est le nom du modèle que vous avez
créé.
o Commentaire : Ajouter un
commentaire sur ce que fait votre vue, uniquement
visible dans l’administration de « views ».
o Use AJAX (utiliser AJAX) : Si vous
souhaitez utiliser la technologie AJAX dans le fonctionnement de votre vue (pas de
chargement des pages)
o Hide attachments in summary (cacher les pièces jointes dans le résumé) : Utile si vous
avez des fichiers liés à votre contenu.
o Use aggregation (utiliser l’agrégation) : Utile en ce qui concerne les flux RSS.
o Query Settings (paramètres de la requête) : Paramètres avancés concernant le SQL
o Field Language (Champ de langage) : Ajouter un champ pour changer de langage si
votre site gère plusieurs langages utilisateur.
o Et diverses options graphiques.
5- Conclusion Vous savez maintenant comment vous servir du module « views », du moins vous avez les bases qui
vont vous permettre d’expérimenter beaucoup de choses sur le module, ce module n’est pas une
finalité, c’est un constructeur et par définition les possibilités sont presque infinies (flux RSS, page,
bloc, liste de fichier, galerie photo, etc.) ! Celui-ci est en effet bien trop vaste pour pouvoir en faire le
tour en un tutoriel. Il faudra essayer par vous-même, tenter et observer.
Ce module se couple très bien avec le module « panels », d’ailleurs il s’enrichit facilement en
installant d’autres modules pour Drupal, ce qui le rend vraiment puissant.
Autres options avancées