
Date de publication : 19 juin 2009. Date de mise à jour : 6 septembre 2011.
Par
Jérôme Réaux

![]() | Cette source est parfaitement fonctionnelle en l'état. (tester la démo) Néanmoins, quelques adaptations seront nécessaires pour bonne intégration dans votre site : - styles CSS à adapter à votre design ; - intégration dans votre(vos) page(s)... Ces fichiers sont open source, vous pouvez donc les modifier à votre convenance. |
![]() | Cette source est aussi un tutoriel. Les fichiers contiennent de nombreux commentaires et explications, qui ont aussi une valeur pédagogique : « copier-coller, c'est bien, comprendre, c'est mieux ». N'hésitez pas à télécharger l'archive, et à jeter un œil au code ! |
| TÉLÉCHARGEZ l'ARCHIVE zip | |
|---|---|
| PHP - Système de Gestion-Affichage de Nouvelles avec photo + fichier joint (version 4) |
PHP-GESTION-NEWS-v4.zip
(
miroir
)
|
| Testez la démonstration | Démo |
| Vous pouvez déposer vos commentaires ou poser vos questions sur cette source |
126 commentaires |
| PRINCIPE | |
|---|---|
| 1- CONFIGURATION | -> Configurer vos paramètres personnels (table des News, connexion à la base de données, style CSS...) |
| 2- PROTECTION / IDENTIFICATION | -> Création d'un dossier news_ADMIN dans lequel on met ses pages d'administration de la News |
| 3- GESTION / ADMINISTRATION | Dans le dossier news_ADMIN : -> Ajouter / Modifier / Supprimer une News -> Editeur WYSIWYG : aucun / tinymce / fckeditor (au choix) -> Ajouter / Supprimer une photo -> Ajouter / Supprimer un fichier joint |
| 4- PHOTO | -> Création d'un dossier news_photos, pour stocker les photos Ce dossier doit être déprotégé en écriture (chmod : 777) -> Possibilité d'uploader une photo -> Redimensionnement automatique des photos |
| 5- FICHIER JOINT | -> Création d'un dossier news_fichiers, pour stocker les fichiers Ce dossier doit être déprotégé en écriture (chmod : 777) -> Possibilité d'uploader un fichier (joint à l'article) |
| 6- AFFICHAGE | -> Afficher le listing des News (résumé avec pagination), -> Afficher la fiche de chaque News |
| Liens/Tutoriels en rapport avec le sujet | |
|---|---|
| Grand débutant |
Développement web (Zone Grand Débutant)
Tutoriel pour "grands débutants pressés" |
| Éditeurs WYSIWYG | Éditeurs WYSIWYG (FCKeditor, TinyMCE, XStandard) |
| Redimensionnement d'image | Fonctions de redimensionnement d'image |
| Tableau HTML |
Affichage de données en tableau HTML
|
| Pagination | Cours : Créer un système de pagination automatique |
| 1- CONFIGURATION | |
|---|---|
| fonctions/_connexion.php | Configuration de vos paramètres personnels pour la connexion à la base de données |
| fonctions/news_config.php | Configuration des paramètres pour la News (table, dossier photo, éditeur...) |
| dossier news_photos | Dossier de stockage des photos (déprotégé : chmod 777) |
| dossier news_fichiers | Dossier de stockage des fichiers (déprotégé : chmod 777) |
| dossier utilitaires/fckeditor, ou dossier utilitaires/tinymce |
Éditeur WYSIWYG (au choix) : mise en forme du contenu de la News |
![]() | Configurez ici : - vos paramètres personnels pour la connexion à la base de données ; - le nom de la table des News (par défaut : TABLE_NEWS) ; - le nom du dossier pour les photos (par défaut : news_photos/) ; - le nom du dossier pour les fichiers (par défaut : news_fichiers/) ; - le choix de l'éditeur WYSIWYG (par défaut : fckeditor). |
| news_config.php |
|
| 2- PROTECTION / IDENTIFICATION | |
|---|---|
| news_ADMIN/fonctions_adm/_protect.php |
Configuration de vos identifiant et mot de passe pour la partie Administration |
| news_ADMIN/fonctions_adm/_protectpage.php | Protection des pages |
| news_ADMIN/fonctions_adm/_deconnexion.php | Déconnexion |
| news_ADMIN/index.php | Page d'identification pour la partie Administration |
![]() | Les fichiers permettent, pour la partie "Administration" (dossier news_ADMIN) : - de configurer vos identifiant et mot de passe ; - de vous connecter (formulaire d'identification) ; - de protéger vos pages d'administration ; - de vous déconnecter en sécurité. |

| 3- GESTION / ADMINISTRATION | |
|---|---|
| news_ADMIN/news_admin.php | Listing des News + boutons Ajouter / Modifier / Supprimer une News |
| news_ADMIN/news_formuler.php news_ADMIN/news_formulerfckeditor.php news_ADMIN/news_formulertinymce.php |
Formulaire Ajouter / Modifier / Supprimer une News (en fonction de l'éditeur WYSIWYG choisi : aucun / fckeditor / tinymce) |
| news_ADMIN/news_traiter.php | Traitement Ajouter / Modifier / Supprimer |
| news_ADMIN/news_ADM_style.CSS | Style CSS utilisé (dans news_ADMIN ; à adapter à votre site) |
![]() | Listing des News + Ajouter / Modifier / Supprimer En fonction de l'éditeur WYSIWYG que vous aurez choisi, vous utiliserez : - news_formuler.php : aucun éditeur (texte brut) ; - news_formulerfckeditor.php : éditeur fckeditor, version "simplifié" (Toolbar personnalisée, modifiable dans le fichier utilitaires/fckeditor/fckconfig.js) ; - news_formulertinymce.php : éditeur tinymce, version "simplifié" (options masquées). Les éditeurs WYSIWYG permettent une "mise en forme" du contenu de la News : Téléchargez les dossiers nécessaires (ps : déjà présents dans l'archive) : Éditeurs WYSIWYG (FCKeditor, TinyMCE). news_ADM_style.CSS : configurez le style CSS à utiliser pour la partie "Administration". Ces captures d'écran montrent son utilisation avec l'éditeur FCKeditor. |




| 4- PHOTO | |
|---|---|
| news_ADMIN/news_photo.php | Traitement automatique de la photo : Ajouter(upload) / Supprimer la photo |
| fonctions/fctredimimage.php | Fonction de "redimensionnement physique proportionnel" automatique d'image |
![]() | Traitement de la photo : - upload, avec gestion d'erreur ; - redimensionnement automatique si nécessaire ; - enregistrement du nom dans la base de données + de la photo dans le dossier "news_photos" ; - suppression éventuelle de l'ancienne photo. news_photo.php contient un script de modification du nom des photos avant enregistrement dans le dossier (ex. : "Les Nénuphars.JPEG" -> "les-nenuphars.jgp"). |
![]() | Voir : Fonctions de redimensionnement d'image |
| 5- FICHIER JOINT | |
|---|---|
| news_ADMIN/news_fichier.php | Traitement du fichier joint : Ajouter(upload) / Supprimer le fichier |
![]() | Traitement du fichier : - upload, avec gestion d'erreur ; - enregistrement du nom dans la base de données + du fichier dans le dossier "news_fichiers" ; - suppression éventuelle de l'ancien fichier. |
| 6- AFFICHAGE | |
|---|---|
| (news_liste.php et news_fiche.php peuvent être intégrés dans une autre page) | |
| news_liste.php | Listing des News (avec résumé du contenu + pagination) |
| template/CSS/news_style.CSS | Style CSS utilisé pour la News (à adapter à votre site) |
| news_liste2.php + template/CSS/news_CSS2.php |
Variante avec affichage sur deux colonnes |
| news_fiche.php | Fiche pour chaque News : titre, date, contenu, photo |
| fonctions/fct_resume_brut.php fct_resume_html.php |
Fonctions permettant d'afficher le "résumé" du contenu : soit brut, soit formaté (avec mise en forme HTML) (au choix) |
![]() | news_liste.php : vous pouvez configurer l'affichage de la liste des News : - nombre par page (+ pagination) ; - choix d'un "résumé" du contenu : brut ou formaté, - le nombre de caractères du résumé ; - la taille de la photo de prévisualisation (picto). news_liste2.php : variante, avec affichage sur deux colonnes. news_style2.CSS : portion de style CSS à ajouter pour l'affichage sur deux colonnes. |




![]() | fct_resume_brut.php, avec résumé "brut" : le résumé est affiché sans formatage. - Suppression des balises html ; - pour ne pas couper un mot, on va à l'espace suivant ; - on renvoie le résumé "brut" du texte sans formatage. |
| fct_resume_brut.php |
|
![]() | fct_resume_html.php : le résumé est affiché "formaté", en conservant la mise en forme HTML du contenu : - les balises html sont conservées (ce qui permet aussi d'afficher les smileys), - pour ne pas couper un mot, on va à l'espace suivant, - on ajoute [...] à la fin (facultatif !), - on renvoie le résumé "HTML" du texte correctement formaté. Attention néanmoins à éviter une mise en forme du contenu trop complexe (table...). Fonction de "résumé HTML", Création juin 2009 en collectif : Xunil, jreaux62, s.n.a.f.u., FoxLeRenard, Doksuri, Patouche, suite à une discussion fort intéressante concernant la "réparation de code HTML". |
| fct_resume_html.php |
|
| TÉLÉCHARGEZ l'ARCHIVE zip | |
|---|---|
| PHP - Système de Gestion-Affichage de Nouvelles avec photo + fichier joint (version 4) |
PHP-GESTION-NEWS-v4.zip
(
miroir
)
|
| Testez la démonstration | Démo |
| Vous pouvez déposer vos commentaires ou poser vos questions sur cette source |
126 commentaires |
![]() | Ce système de Nouvelles avec photo et fichier joint devrait vous apporter satisfaction... N'hésitez pas à télécharger l'archive ou à tester la démonstration. Toutes remarques, corrections, ajouts, permettant d'améliorer ou d'étoffer ce tutoriel seront les bienvenus. Cette source est parfaitement fonctionnelle en l'état. (tester la démo) Néanmoins, quelques adaptations seront nécessaires pour une bonne intégration dans votre site : - styles CSS à adapter à votre design ; - intégration dans votre(vos) page(s)... Ces fichiers sont open source, vous pouvez donc les modifier à votre convenance. |
![]() | Erreurs courantes : - Bibliothèque GD : vérifiez qu'elle est bien activée (traitement des photos). - Chez free.fr : il faut créer un dossier sessions à la racine du site pour que ça fonctionne. |
![]() | Un grand remerciement à tous les participants : Fonction de "résumé HTML", Création juin 2009 en collectif : Xunil, jreaux62, s.n.a.f.u., FoxLeRenard, Doksuri, Patouche, suite à une discussion fort intéressante concernant la "réparation de code HTML". Remerciements à Claude Leloup pour sa relecture. "Special Thanks" à ma chienne Candy, qui a posé pour les photos ! |
Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2009 Jérôme Réaux. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Droits de diffusion permanents accordés à Developpez LLC. Cette page est déposée.
Copyright © 2000-2012 - www.developpez.com