Photo de profil de Miglisoft Hacker Noon

@miglisoftMiglisoft

Plugins, scripts et outils de haute qualité pour le développement Web

Au moment où vous êtes ici, vous avez probablement des idées sur la programmation Web: HTML, CSS, PHP, MySQL, Javascript et autres. Que vous soyez un professionnel, un développeur dans une agence, ou que vous ayez simplement développé vos propres projets personnels, vous avez probablement dû créer un panneau d’administration pour gérer vos données à un moment donné.

C’est exactement ce dont nous allons parler ici, et je vais vous présenter un outil qui vous permettra de créer un administrateur de tableau de bord professionnel et entièrement personnalisé en un temps record et sans codage.

CMS ou pas CMS?

Une solution simple à première vue l’est aussi Choisissez un CMS: Il y en a en effet beaucoup, les plus populaires sont par exemple WordPress, Joomla!, Drupal ou, pour la vente en ligne, Prestashop et Magento. Tous ces CMS ont une fenêtre d’administration intégrée qui peut faire presque tout ce que vous lui demandez. Oui, … mais « presque ». Les CMS sont un bon choix dans certaines situations, en particulier si vous avez un projet standard et que vous souhaitez le réaliser rapidement avec des ressources ou des efforts limités.

Souhaitez-vous créer un site Web ou un blog d’entreprise? Pas de problème: téléchargez WordPress, achetez un thème ou utilisez un thème gratuit parmi les centaines de milliers que vous pouvez trouver sur le marché. Avez-vous besoin d’intégrer un formulaire? Pas de problème, ajoutez un plugin. Améliorer la sécurité? Accélérer le temps de chargement? Améliorez votre référencement? créer un plan du site? un système de paiement? Pas de problème, ajoutez plus de plugins. Etc.

Des difficultés peuvent souvent surgir ici dès qu’un projet nécessite des fonctions qui sortent des sentiers battus.

Les plugins ne font pas toujours exactement ce dont vous avez besoin, et pour les changer, vous devez engager un développeur. Vous devrez ensuite les mettre à jour – les problèmes de sécurité imposent de mettre à jour régulièrement les plugins. Lorsqu’un plugin a un bogue … le moyen le plus simple de le contourner … sinon, changez le code, mais vous devez être très prudent lors de sa mise à jour … sinon signalez le bogue au développeur et espérons qu’il Je vais en tenir compte … dans peu de temps.

Peut-être voulez-vous un design qui reflète votre image d’entreprise plutôt qu’un thème standard? Engagez un développeur.

Il y a deux autres raisons pour lesquelles je n’utilise presque jamais de CMS. Encore une fois, c’est un choix personnel, je ne veux pas le dénigrer, juste signaler ses faiblesses.

  1. Ces systèmes sont difficiles. S’il faut entrer le code ou la base de données, on peut voir à quel point ils sont devenus obèses en voulant faire quoi que ce soit. En règle générale, la question est: « Où puis-je trouver cette fonctionnalité?« ou alors »Où puis-je trouver cet attribut dans la base de données?« .
  2. Les panneaux d’administration ne sont pas faciles pour tout le monde. Ils ne sont pas faits sur mesure. Lorsque vous travaillez pour des clients qui ont besoin de le faire, cela peut parfois être problématique. Même souvent.

Pour ces raisons, de nombreuses agences web et développeurs préfèrent le choisir Développement personnalisé.

  • Je choisis mes outils de développement en fonction de mes besoins et préférences.
  • Je structure mon projet selon sa logique interne.
  • Je code exactement ce dont j’ai besoin pour coder.
  • Je ne charge que ce dont j’ai besoin.
  • Je structure clairement ma base de données et nomme les tables et leur contenu respectif.

Ne réinventez pas la roue

Bien sûr, il est impensable de nos jours de tout programmer de A à Z.

Les frameworks CSS sont très utiles (voire indispensables) pour le responsive design, par exemple. Mais je peux choisir celui qui me convient le mieux: Bootstrap, Bulma, Pure, Semantic UI, … et super, je peux optimiser et compiler SCSS.

De la même manière, vous pouvez opter pour un framework Javascript comme VueJs ou React, ou utiliser PHP et jQuery de manière plus traditionnelle, en fonction de vos préférences et de vos objectifs.

Cependant, il n’est pas nécessaire de répéter à chaque fois les mêmes travaux préparatoires. Lorsque je travaille sur un site internet, j’utilise majoritairement la même base, que j’adapte ensuite aux besoins.

Voici un exemple: Projet de démarrage Bootstrap 4.

Ce répertoire est une base de travail qui contient les fonctions suivantes:

  • Structure MVC
  • Système de routage
  • Système de cache PHP
  • Bootstrap SCSS
  • Optimisation CSS, JS et image
  • Compilateur Gulp

Pour moi, c’est une bonne base pour mon travail. Mais maintenant nous arrivons au point.
Je vais créer ma base de données, utiliser son contenu pour remplir mes pages. J’ai besoin de créer un backend pour gérer tout cela. Voici donc la grande question.

Comment puis-je créer mon administrateur de tableau de bord sans passer des semaines à travailler dessus?

Voici la petite histoire:

J’ai commencé à concevoir mes premiers panneaux d’administration à partir de zéro. Alors bien sûr vous gagnerez un peu de temps en copiant et collant un peu. Mais bientôt j’ai pensé qu’il serait intéressant de changer d’approche.

Je travaille avec la programmation POO en PHP. Chaque table de ma base de données est gérée par le système d’administration à l’aide d’un objet PHP dont les propriétés sont les champs de la table.

J’ai donc créé un système qui me permet d’extraire des tables et des champs de ma base de données et de les convertir en objets PHP. Super, ça marche très bien, j’économise des heures de travail et le résultat est parfait. Mais allons plus loin: ne serait-il pas possible de générer mes formulaires de la même manière? Parfait!

Pensons-y maintenant et allons un peu plus loin: une base de données est un système logique, les données sont caractérisées.

En d’autres termes, les champs d’une table ont chacun des propriétés identifiables. En obtenant chaque propriété, nous pouvons déduire la logique qui doit être implémentée dans le tableau de bord d’administration. Un système intelligent capable de lire correctement ces données devrait pouvoir générer la plupart du panneau d’administration de mes rêves.

Les différents types de champs sont donc utilisés par le programme « Générateur CRUD« .

Ce programme permet l’utilisation de formulaires simples pour afficher les champs de ma base de données. L’utilisateur examine les options proposées pour chaque champ puis valide le formulaire. le Générateur CRUD génère les fichiers d’administration du tableau de bord. En fait, c’est un peu magique.

Prenons quelques exemples:

Le générateur reconnaît un numériquement Champ: Il offre à l’utilisateur diverses options (nombre ou valeur booléenne). Dans l’administration générée, les formulaires valident les données en conséquence. Si le champ est de type booléen, les boutons radio Oui / Non apparaissent.

Le générateur reconnaît un Champ de texte: Les possibilités sont différentes. L’utilisateur peut souhaiter un simple champ de saisie ou une zone de texte. Il aura la possibilité d’intégrer d’autres plugins: Rich Text Editor (TinyMce), compteur de caractères.

Un champ de texte peut également être un Fichier / image. Dans ce cas, le générateur proposera de choisir le chemin pour enregistrer les fichiers / images, diverses options pour changer la taille de l’image, créer des vignettes, etc. Les formulaires intègrent automatiquement un plugin de téléchargement.

Le défi est alors, bien sûr, de gérer Des relations Générez des requêtes entre les tables pour filtrer les listes, gérer les utilisateurs et leurs droits respectifs et bien plus encore.

Ce programme a nécessité plusieurs années de développementD’abord de temps en temps au besoin, puis il est devenu intéressant de le publier et d’avoir une documentation complète et un système d’installation. Je ne vais pas détailler toutes les fonctionnalités ici, c’est à cela que sert le site officiel:

.https://www.phpcrudgenerator.com.

Vous trouverez une démo fonctionnelle du générateur CRUD, le tableau de bord d’administration généré, une documentation complète et de nombreux tutoriels. Le panneau d’administration est basé sur la base de données Sakila, un exemple de base de données relationnelle complète offerte par MySQL.

4 caractéristiques essentielles du générateur CRUD

  • Le générateur CRUD est une application Web. Tout ce dont vous avez besoin est votre navigateur.
  • Il est absolument indépendant de votre frontal. Il peut donc être utilisé pour gérer des sites Web ainsi que des applications mobiles.
  • C’est un système intelligent. Il analyse et interprète la structure de votre base de données, toutes sortes de relations et de champs et vous permet de générer votre administration en conséquence.
  • Le code généré est propre, clair et compréhensible. Si vous êtes programmeur, vous pouvez facilement le personnaliser en fonction de vos besoins.

4 fonctions essentielles du tableau de bord d’administration généré

  • Le panneau d’administration est très simple et peut facilement être utilisé par des personnes n’ayant aucune connaissance préalable de ce type de système de gestion de contenu.
  • Il est basé sur des outils et des frameworks communs connus de tous les programmeurs web: Bootstrap, jQuery, une structure MVC, un routeur et des templates TWIG (Symphony’s Template Engine)
  • Le système offre de nombreuses fonctions avancées telles que le filtrage, la recherche, l’exportation et l’impression de données.
  • Son design est soigné, une vingtaine de thèmes bootstrap sont inclus et peuvent être personnalisés via l’interface CRUD. Les formulaires utilisent les plugins adaptés à chaque champ: données, uploads, éditeur de texte, etc.

Conclusion

le Générateur de tableau de bord d’administration PHP Crud Bootstrap est parfait pour tous ceux qui souhaitent créer une application d’administration Web à partir de n’importe quelle base de données MySQL. C’est une solution très rapide et efficace qui peut vous faire économiser des semaines de travail. Vous obtiendrez un résultat professionnel très fiable et facile à utiliser pour la plupart des gens.

Les développeurs Web peuvent étendre leurs fonctions au besoin avec un code clair et bien organisé basé sur les outils de développement les plus populaires mentionnés ci-dessus.

Photo de profil de Miglisoft Hacker Noon

Mots clés

Rejoignez Hacker Noon

Créez votre compte gratuit pour débloquer votre expérience de lecture personnalisée.



Source link

Recent Posts