Sites


Créer son site avec Drupal 8

Organiser ses données

Tout le travail effectué jusqu’à présent à construire de quoi affiner l’interface de saisie des utilisateurs du site et à afficher les informations recueillies dans des types de contenu. Ces informations, à travers les formulaires, sont stockées dans des bases de données gérées par Drupal 8. À l’affichage, ces données sont présentées avec une structure par défaut qui correspond à l’interface de saisie. Dans bien des cas, il sera utile d’extraire certaines données et les mixer avec d’autres en provenance de formulaires différents (par exemple un carnet d’adresse d’utilisateur et les villes disponibles). Ces données peuvent alors être non seulement extraites de la base de données, mais aussi présentées de façon cohérente et spécifique à travers des URL définies.

Drupal 8 aide grandement à la réalisation de ces taches complexes grâce aux Vues (Views). Les Vues sont un outil très pratique permettant de communiquer avec la base de données pour en extraire les contenus, et spécifier comment ces données seront affichées.

La vue, comme le contenu, va au final produire une page présentée à l’utilisateur. Ce qui différencie la vue d’un type de contenu c’est la relation à la saisie des données. Dans le cas des contenus standards, l’utilisateur choisit son type de contenu, suite à quoi un formulaire lui est présenté pour l’écriture. Ces informations sont ensuite affichée conformément à ce qui est défini pour le type de contenu.

Dans le cas de la vue, il n’y aura pas de saisie. Une vue repose sur des données existantes, saisies par ailleurs dans d’autres contextes, mais qui seront présentées communément pour un besoin particulier. D’un certaine façon, il s’agit d’une sorte de tri croisé automatique.

Les vues permettent d’effectuer tellement de croisement qu’elles donnent la possibilité de faire de nombreuses actions sans pour autant avoir recours à la programmation.

Créer une vue

La création du vues se fait simplement dans la partie Structure de l’espace d’administration. Il suffira d’y créer de nouvelles vues et de définir précisément les différents champs à afficher. Commençons par un cas simple qui sera affiné.

  1. Aller dans Structure > Vues
  2. Cliquer sur le bouton Ajouter une nouvelle vue
  3. Donner un nom à la vue, puis dans les paramètres sélectionner les valeurs de base pour les guides :
  4. En Afficher, chosir Contenu
  5. En type, choisir Guide

Créer une vue dans Drupal8

Pour afficher ces données, nous aurons la possibilité de créer directement une page pour cette vue :

  1. Cocher la case Créer une page pour ouvrir les champs correspondant
  2. Saisir le Titre, qui peut être le même que le nom de la vue.
  3. Saisir le Chemin, qui doit absolument être unique puisqu’il s’agit de l’adresse URL permettant d’accéder aux informations
  4. L’option Éléments à afficher permet de mentionner le nombre de réponses maximal à mettre dans une page. En complément, la pagination donne la possibilité de répartir les réponses sur plusieurs pages.
  5. Enfin, il est possible de créer un lien de menu. S’il doit être en page d’accueil, choisir Navigation principale dans Menu et en Texte du lien, informer du texte à afficher dans le menu.
  6. Enfin, enregistrer les informations après cette première étape importante.

définir la page de la vue en drupal8 

À l’enregistrement, Drupal se dirige vers une nouvelle page qui affiche de nombreux paramètres qui vont permettre de préciser un peu les choses. Cependant, il peut être intéressant de faire un premier test de vérification avant de continuer plus loin. Pour cela, il suffit de cliquer sur le bouton Retour au site, en haut à gauche de la barre d’administration.

Première vérification du fonctionnement de la vue dans Drupal8

 

Le tout a l’air de fonctionner :

  • le menu est présent avec son texte
  • les guides sont affichées par ordre alphabétique
  • chaque information saisie dans le contenu des guides est visible…

Affiner la présentation de la vue

Cette présentation n’est cependant pas satisfaisante. Autant de détails à ce niveau n’est sans doute pas nécessaire, par exemple, l’age pourrait sans doute être omis, voire, à ce niveau, la langue, et à l’inverse la ville présentée. Il sera donc nécessaire de modifier notre vue pour définir exactement l’affichage qui doit être fait.

Pour cela, il suffit d’aller dans la liste des vues et de cliquer sur Modifier pour la vue souhaitée. Cela nous affiche donc la liste des option d’Affichages suivi plus bas d’un aperçu bien pratique pour voir l’impact de nos modifications. Ce dernier ressemble évidemment au résultat de la page finale.

Gestion de l’affichage des vues dans Drupal8

 

Nous voyons ici que nous avons accès à :

  • un affichage de type page
  • qui porte le titre Liste des guides
  • présenté sous forme de liste
  • et qui contient le contenu de l’accroche défini dans l’affichage du type de page Guide
  • le tout filtrer selon deux critères : le contenu doit être publié, et il doit être de type Guide
  • enfin, l’ensemble est affiché par ordre descendant

Ces critéres correspondent évidemment à ce qui a été saisi au moment de la création de la vue. Mais ici, il va être possible de tout affiner. En premier lieu, nous souhaitons ne pas afficher l’ensemble de l’accroche mais seulement le nom, la ville et éventuellement une photo.

  1. Dans la rubrique Format, cliquer sur contenu et sélectionner Fields, et cliquer sur Appliquer.
    Changement de type de contenu dans l’affichage d’une vue Drupal 8
    rusultat du changement dans la vue drupal8
    Il ne reste donc bien que le Titre visible conformément à ce qui est spécifier dans la partie Fields. Ce champ, qui était auparavant vide a donc automatiquement été paramétré de la sorte.
  2. Pour ajouter une information, dans Fields, cliquer sur Ajouter. Drupal affiche alors la longue liste des champs disponibles pour le site. Il suffit d’écrire le nom de champ recherché pour qu’il soit affiché.
    Ajouter un champ dans une uue, Drupal 8
  3. Cocher la case devant le champ voulu (en particulier si plusieurs correspondent au critère) et Appliquer.
  4. Une fenêtre d’options s’affiche alors pour gérer l’affichage. Dans notre cas, nous pouvons laisser tel quel et appliquer. Nous pourrions par exemple y modifier le code HTML ou la classe utilisée pour l’affichage en CSS.
  5. Il suffit de faire la même chose pour tous les autres champs souhaités comme par exemple l’image du guide : Fields > Ajouter, chercher photo, et choisissez les paramètres d’affichage comme le style d’image.
    ajout d’une image dans les vues drupal8

Il ne reste alors plus qu’a définir éventuellement l’ordre des éléments. Cela se fera simplement, sur la ligne Fields, en choisissant le menu Réordonner à la place de Ajouter.

 

 

 Ajouter des conditions :

- avec les critéres de tri

- avec avancé filtres contextuels

 

 

Pour views y'a pas de changement entre le 7 et 8, ça a été intégré. Avec views y'a un certain nombre de vue déjà créé avec views ex liste de tout nos contenus c une vue et on peut la modifier. Admin/content est une view

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.