Laravel

Maintenant qu’on a créé l’essentiel de la gestion des images, qu’on a des utilisateurs et des catégories, on va enfin passer à la réalisation de la galerie elle-même pour visualiser les images sur la page d’accueil. On va aussi donner la possibilité de zoomer les images. On va prévoir une pagination, un affichage par catégorie… Pour les besoins de visualisation des images, on va utiliser une light box. Il en existe de multiples et le choix n’est pas facile. Après analyse d’un certain nombre, je me suis finalement décidé pour SimpleLightbox. Elle est simple, efficace, élégante et légère, que demander de plus ? Une nouvelle directive Blade On va ajouter…

Notre galerie avance bien. On a désormais des catégories pour classer les photos et des utilisateurs qui peuvent s’authentifier. On a aussi une base de données bien organisée. On va maintenant voir comment ajouter des photos pour remplir notre galerie. Pour le faire, un utilisateur doit être enregistré ou bien administrateur. On va donc créer de nouveaux composants avec Volt et encore utiliser les superbes composants de MaryUI. On conservera les images en deux formats : les dimensions d’origine pour l’affichage en plein écran et une version plus petite pour afficher dans la galerie. Pour créer la version réduite, on va utiliser le superbe plugin Intervention Image. J’ai eu des…

Dans ce chapitre, nous nous concentrerons sur la gestion des données et la construction du schéma de base de données pour notre application de galerie photos. Laravel est équipé d’un système de migrations robuste et flexible couplé à un constructeur de schéma tout aussi puissant. De plus, nous disposons également d’un système de population de données (seeder) qui facilite grandement la création et le remplissage de tables de données. Nous compléterons cette étape en créant les modèles associés avec leurs relations. Nous commencerons par travailler avec des données simples : les utilisateurs, les catégories et les images. Nous compléterons notre application avec des fonctionnalités plus complexes dans les étapes suivantes.…

Dans cette partie de notre travail sur l’application de galerie photos, nous allons nous concentrer sur l’amélioration de l’apparence et de l’intégration des formulaires d’authentification. Bien que Laravel propose des kits d’authentification prêts à l’emploi tels que Breeze et Jetstream, nous allons cette fois-ci opter pour une approche plus personnalisée en nous basant uniquement sur les fonctionnalités dont nous avons vraiment besoin., ce qui nous permettra d’ajuster le système d’authentification à nos exigences spécifiques. Nous exploiterons les capacités de MaryUI et Volt pour concevoir des formulaires d’authentification élégants et fonctionnels, intégrés de manière homogène à l’ensemble de l’application. Grâce à la flexibilité de ces outils, nous créerons une expérience utilisateur…

J’avais proposé il y a longtemps un projet alors en Laravel 5 concernant la gestion de photos. Depuis les versions se sont succédées et la technologie n’a cessé de s’améliorer. Alors, j’ai eu envie de reprendre l’esprit de ce projet, mais cette fois de le réaliser avec Volt et maryUI. Volt est assez récent, c’est une façon plus compacte d’utiliser Livewire. Quand à maryUI, c’est une bibliothèque de composants UI pratique et élégante qui évite d’aller trop mettre les doigts dans le verbiage de Tailwind. Introduction Volt Volt offre une nouvelle perspective à l’utilisation de Livewire en simplifiant la création et la gestion des composants. Au lieu de gérer des…

J’avais commencé dans un précédent article de voir comment créer une simple application Laravel 9 en détaillant toutes les étapes. Une application qui s’adresse donc aux débutants qui désirent découvrir ce framework et peut-être aux moins débutants qui aimeraient se rafraichir un peu les idées ! Comme les choses avaient un peu évoluées avec Laravel 10 je vous avais proposé une version actualisée. Je continue sur cette lancée avec cette nouvelle version à l’occasion de la sortie de Laravel 11, toujours dans le même esprit de découverte du framework au travers d’un application simple mais suffisamment étoffée pour explorer les éléments essentiels. On va ainsi créer un simple gestionnaire de…