Rencontrez votre organigramme quand j'ai le plus besoin de vous

Parlons de l'utilisation d'OrgChart, vous montrant un organigramme confortable de manière élégante,

Avant-propos

Je n'ai rien à faire pour écrire une couche de relation utilisateur multi-niveaux, il y a donc un problème d'affichage. C’est à ce moment-là qu’OrgChart s’avère utile.

Pendant le processus d'utilisation, il y a eu un petit problème. Kaka utilisera le problème pour présenter l'utilisation de ce plug-in.

L'effet final est le suivant

Bien sûr, l'effet final que Kaka doit obtenir n'est certainement pas comme celui-ci. C'est juste l'effet que ce plug-in peut obtenir. . Après avoir regardé cette photo, vous saurez si elle convient à votre projet.

1. Accédez à l'organigramme

L'adresse de téléchargement ne peut pas être fournie par Kaka, et une publicité vous sera demandée si vous ne la trouvez pas. cela, voir la zone de commentaires.

Il s'agit du fichier téléchargé. À l'exception des CSS, JS et Font, les autres dossiers du dossier sont différents types d'organigrammes.

Ici, Kaka utilise la première source de données ajax

Placez les fichiers requis dans le répertoire des ressources

En ajax -Il y a index.html sous le dossier source de données, et il contient des cas À ce stade, nous devons copier ce code sur la page qui doit être affichée dans le projet, qui consiste simplement à configurer le chemin de chargement de css et js.

Ouais ! Voilà, c'est très simple ! C'est vraiment simple. Voyons l’effet ! Si vous avez des doutes sur la provenance de ces données, cherchons-les ensemble !

Les données sont à l'origine ici, nous devons donc copier ce code js à l'endroit où nous devons l'afficher. Mais les données ne sont définitivement pas fixes, elles sont transmises en arrière-plan. Eh bien, oui, c'est vrai

Ne vous inquiétez pas pour le moment, jetons un coup d'œil à sa structure de données, qui contient le nom et le titre.

Imaginez, si nous modifions ces valeurs, s'afficheront-elles toujours normalement ?

Comme prévu, c'est trop cool, pourquoi avez-vous besoin de modifier cette valeur clé ! Parce que les champs de votre base de données ne peuvent pas être complètement cohérents avec cela !

À ce stade, vous devez lire la documentation. La solution est donnée directement ici.

Il vous suffit d'ajouter une seule ligne de code. Le reste des paramètres reste à vérifier dans la documentation !

D'accord, maintenant tout est prêt. Il ne vous reste plus qu'à transmettre les données de l'arrière-plan. Enfin, il reste la dernière étape.

Kaka a enregistré les données dans l'entrée, puis les a récupérées, et c'était finalement terminé.

Allez ! exposition! Nani ! Pourquoi est-ce comme ça ? Pourquoi une valeur est-elle vide ?

Sans rien dire pour le moment, j'ai ouvert l'arrière-plan et imprimé les données pour voir ce qui s'est passé. Les données sont bonnes.

Insérer la description de l'image ici

2. Analyse du problème

Visant ce qui précède problèmes, il faut revenir au cas de démonstration.

En fait, dans cette structure de données, vous voyez clairement que les valeurs clés sont toutes entre guillemets.

Si vous n'y croyez pas, testez-le, personnalisez une donnée, puis vérifiez-la.

Il a été vérifié que ces données sont acceptables, essayons donc des données réelles dans l'entreprise.

Après quelques vérifications, je crois que tous les partenaires ont compris ce problème

3 Résoudre le problème

Tout d'abord, jetons un œil au type de données donné par la base de données comme int. Je ne mentionnerai pas pourquoi int est utilisé ici ! Le projet en a besoin, hein ! Aucune autre explication

À ce stade, la conversion de type est requise. Ouvrez le document du framework TP et jetez-y un œil

Après l'interrogation, le framework TP ne prend actuellement en charge que ces types de conversions.

Puisque cette route n'est pas accessible, cherchez d'autres routes, toutes les routes mènent à des bugs, n'est-ce pas ?

Il existe deux fonctions dans MySQL qui peuvent gérer la conversion de type, à la fois CAST et CONVERT.

Mais Kaka vous expliquera aujourd'hui une nouvelle façon, que tout le monde a déjà vue, et c'est la fonction rtrim en PHP.

Vous pouvez dire ça, non ? Tout va bien, rtirm sait qu'il gère les chaînes vides ou les caractères prédéfinis à droite

Mais regardons les détails techniques. Ce qui est renvoyé, c'est la chaîne modifiée, ce qui est génial !

Rassemblez-le et modifiez la méthode de requête.

Allez ! Jetez un oeil à l'effet, c'est très sympa

4. Résumé

• Apprendre et utiliser OrgChart
• Comprendre le framework TP Conversion de type
• Apprendre et utiliser la conversion de type MySQL
• Apprendre la fonction rtirm

La persévérance dans l'apprentissage, la persévérance dans les blogs et la persévérance dans le partage sont les convictions auxquelles Kaka a toujours adhéré depuis ses débuts. J'espère que les articles de Kaka sur le grand Internet pourront vous apporter un peu d'aide. Je m'appelle Kaka, à la prochaine fois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!