SPIP tourne en boucles pour afficher vos données
Maintenant que vous êtes face à votre page blanche tel un écrivain, il va falloir la remplir. C’est à ce moment précis que la notion de site Web dynamique rentre en scène.
En effet, la grande différence avec un site Web dit « statique » réside dans le fait que le contenu éditorial à afficher n’est pas physiquement inscrit dans votre page. Il est stocké dans une base données et par le biais de scripts, on y fait appel.
Cette base de donnée, c’est celle que vous aviez créé lors de l’installation de SPIP et qui contient 50 tables. Il va falloir maintenant aller y chercher les données dont vous avez besoin. Pour cela SPIP à crée pour vous un langage de « boucles » qui lui est propre.
Pourquoi parle-t-on de boucles ?
Tout simplement parce que les petits scripts que vous allez installer de façon très simple vont tourner en boucle jusqu'à extraire de la base de données l'ensemble le contenu dont vous avez besoin.
Attention ! Une boucle SPIP, ce n’est ni du HTML ni du PHP mais bien un langage propre à SPIP mais facile à manipuler.
Voici une première boucle SPIP très simple qui va vous permettre d’afficher, les uns sous les autres, l’ensemble des articles contenu dans votre base de données avec leur titre, leur chapeau et leur contenu texte respectif :
<BOUCLE_article(ARTICLES)>
<h1>#TITRE</h1>
<h2>#CHAPO</h2>
<div>#TEXTE</div>
</BOUCLE_article>
Pour se faire, dans la page « sommaire.html » que vous avez créé avec la note précédente, supprimez « Ma page sommaire » et inscrivez à la place, entre les balises , les cinq ligne de codes ci-dessus.
En lançant votre projet sur un navigateur Web vous devriez voir s’afficher l’ensemble des 4 articles que vous avez intégré dans l’interface d’administration SPIP en suivant la note « Intégrez vos premières données SPIP dans l’interface d’administration Ecrire ».
On parle alors de contenu « dynamique ». Un contenu dont les données vont être manipulées non pas à partir de votre fichier « sommaire.html » mais à partir de l’interface d’administration « Ecrire » (monsitespip.com/ecrire/).
Ainsi, lorsque l’apparence de vos pages vous conviendra, vous n’aurez plus besoin de toucher à vos fichier html pour mettre à jour le contenu de votre projet. Seul de l’interface d’administration « Ecrire » comptera.
Essayons de modifier des données en allant sur monsitespip.com/ecrire/ sans toucher au code source du fichier sommaire.html
Ouvrez une nouvelle fenêtre de navigateur Web en laissant la page publique affichée puis entrez dans l’interface « Ecrire » et allez modifier le titre de l’article 1.
N’oubliez pas de valider vos changements en cliquant sur le bouton « Enregistrer » tout en bas.
Lorsque c’est fait, revenez sur la fenêtre de la partie publique qui affiche vos quatre article et « recharger » la page. Le nouveau titre modifié devrait apparaître à la place de l’ancien.
Maintenant revenez dans l’interface « Ecrire » et ajoutez un cinquième article dans la « Rubrique 2 ». Validez-le en sélectionnant « publier en ligne » puis recharger la page du navigateur affichant les quatre articles. Le cinquième article devrait apparaître.
Vous venez ainsi de prendre le contrôle de l’affichage d'un site Web dynamique via une base de données.
Et en apprenant à maîtriser les boucles SPIP et leur manipulation, vous apprendrez à maîtriser l’affichage de votre contenu.
Mr Vertigo
En effet, la grande différence avec un site Web dit « statique » réside dans le fait que le contenu éditorial à afficher n’est pas physiquement inscrit dans votre page. Il est stocké dans une base données et par le biais de scripts, on y fait appel.
Cette base de donnée, c’est celle que vous aviez créé lors de l’installation de SPIP et qui contient 50 tables. Il va falloir maintenant aller y chercher les données dont vous avez besoin. Pour cela SPIP à crée pour vous un langage de « boucles » qui lui est propre.
Pourquoi parle-t-on de boucles ?
Tout simplement parce que les petits scripts que vous allez installer de façon très simple vont tourner en boucle jusqu'à extraire de la base de données l'ensemble le contenu dont vous avez besoin.
Attention ! Une boucle SPIP, ce n’est ni du HTML ni du PHP mais bien un langage propre à SPIP mais facile à manipuler.
Voici une première boucle SPIP très simple qui va vous permettre d’afficher, les uns sous les autres, l’ensemble des articles contenu dans votre base de données avec leur titre, leur chapeau et leur contenu texte respectif :
<BOUCLE_article(ARTICLES)>
<h1>#TITRE</h1>
<h2>#CHAPO</h2>
<div>#TEXTE</div>
</BOUCLE_article>
Pour se faire, dans la page « sommaire.html » que vous avez créé avec la note précédente, supprimez « Ma page sommaire » et inscrivez à la place, entre les balises , les cinq ligne de codes ci-dessus.
En lançant votre projet sur un navigateur Web vous devriez voir s’afficher l’ensemble des 4 articles que vous avez intégré dans l’interface d’administration SPIP en suivant la note « Intégrez vos premières données SPIP dans l’interface d’administration Ecrire ».
On parle alors de contenu « dynamique ». Un contenu dont les données vont être manipulées non pas à partir de votre fichier « sommaire.html » mais à partir de l’interface d’administration « Ecrire » (monsitespip.com/ecrire/).
Ainsi, lorsque l’apparence de vos pages vous conviendra, vous n’aurez plus besoin de toucher à vos fichier html pour mettre à jour le contenu de votre projet. Seul de l’interface d’administration « Ecrire » comptera.
Essayons de modifier des données en allant sur monsitespip.com/ecrire/ sans toucher au code source du fichier sommaire.html
Ouvrez une nouvelle fenêtre de navigateur Web en laissant la page publique affichée puis entrez dans l’interface « Ecrire » et allez modifier le titre de l’article 1.
N’oubliez pas de valider vos changements en cliquant sur le bouton « Enregistrer » tout en bas.
Lorsque c’est fait, revenez sur la fenêtre de la partie publique qui affiche vos quatre article et « recharger » la page. Le nouveau titre modifié devrait apparaître à la place de l’ancien.
Maintenant revenez dans l’interface « Ecrire » et ajoutez un cinquième article dans la « Rubrique 2 ». Validez-le en sélectionnant « publier en ligne » puis recharger la page du navigateur affichant les quatre articles. Le cinquième article devrait apparaître.
Vous venez ainsi de prendre le contrôle de l’affichage d'un site Web dynamique via une base de données.
Et en apprenant à maîtriser les boucles SPIP et leur manipulation, vous apprendrez à maîtriser l’affichage de votre contenu.
Mr Vertigo
posté par Mr Vertigo le
jeudi, juin 01, 2006
3 Commentaire(s):
Merci pour cete introduction à SPIP... bien plus claire que ce que j'ai trouvé sur leur site!
Dommage que ça s'arrête ici, j'aimerais bien des trucs pour la personnalisation des squelettes...
Par
Anonyme, le vendredi, 07 juillet, 2006
Entièrement d'accord avec l'avis précédent. Quand on y pige que dalle, il faut avoir les neurones bien accroché pour déchiffrer tout cela.Dommage que je n'ai pas lu ca avant ca m'aurait évité de me prendre la tête. Et dommage que ca s'arrête là. Je cherche à me sortir de l'habillage classique ou figé des squelettes proposés, qu'on retrouve partout (avant je ne savais pas que ce genre de sites étaient fait sous Spip, ou Joomla,... et je trouvais ca très moche et très ennuyeux). Là je viens de découvrir un plug-in pour créer des boucles dans Dreamweaver, je ne sais pas encore si ca sera ma solution, mais je ne trouve pas grand chose sur le net pour m'aider. Il va me falloir beaucoup d'huile de neurone.... ;}
Par
Quebeuls, le mercredi, 07 mars, 2007
Bonjour, vous avez de la chance car moi qui recherchais une expliquation facile,jais lamentablement échoué.
Tant pis pour moi.
Il faut dire que j'avais déja des fichiers dans easyphp une bidouille mal faite pour intégrer un joli player ou j'ai échouer aussi.
Voila bonne chance a tous quand a moi je vais rechercher encore et encore sur le net le bon point de départ.
Par
Anonyme, le lundi, 19 mars, 2007
Enregistrer un commentaire
Links to this post:
Créer un lien
<< Accueil