Wir treffen uns, OrgChart, wenn ich dich am meisten brauche

Lassen Sie uns über die Verwendung von OrgChart sprechen, einer eleganten Möglichkeit, ein komfortables Organigramm für Sie anzuzeigen.

Vorwort

Ich habe nichts zu tun, um eine mehrstufige Benutzerbeziehungsebene zu schreiben, also gibt es eine ein Anzeigeproblem. Hier kommt OrgChart zum Einsatz.

Bei der Verwendung bin ich auf ein kleines Problem gestoßen, das ich verwenden werde, um die Verwendung dieses Plug-Ins vorzustellen.

Der Endeffekt ist wie folgt

Natürlich ist der Endeffekt, den Kaka erreichen muss, definitiv nicht so. Dies ist nur der Effekt, den dieses Plug-In erzielen kann. Nachdem Sie sich dieses Bild angesehen haben, wissen Sie, ob es für Ihr Projekt geeignet ist.

1. Stellen Sie eine Verbindung zu OrgChart her

Die Download-Adresse kann nicht von Kaka bereitgestellt werden. Wenn Sie sie nicht finden können, sehen Sie sich den Kommentarbereich an.

Dies ist die heruntergeladene Datei. Mit Ausnahme von CSS, JS und Schriftart sind die anderen Ordner im Ordner verschiedene Arten von Organigrammen.

Hier verwendet Kaka die erste Ajax-Datenquelle

Legen Sie einfach die erforderlichen Dateien in das Ressourcenverzeichnis.

Unter dem Ordner „Ajax-Datenquelle“ befindet sich eine index.html, in der Fälle enthalten sind. Derzeit , wir müssen diesen Code auf die Seite kopieren, die im Projekt angezeigt werden soll, um einfach den Ladepfad von CSS und JS zu konfigurieren.

Ja! Das ist es, es ist ganz einfach! Es ist wirklich einfach. Sehen wir uns den Effekt an! Wenn Sie zu diesem Zeitpunkt Fragen haben, woher kommen diese Daten? Lassen Sie uns gemeinsam danach suchen!

Die Daten sind ursprünglich hier, dann müssen wir diesen JS-Code an die Stelle kopieren, an der wir ihn anzeigen müssen. Aber die Daten sind definitiv nicht fixiert, sie werden im Hintergrund übertragen. Nun ja, das stimmt

Machen Sie sich zu diesem Zeitpunkt keine Sorgen, werfen wir einen Blick auf die Datenstruktur, die Name und Titel enthält.

Stellen Sie sich also vor, wenn wir diese Werte ändern, werden sie dann immer noch normal angezeigt?

Wie erwartet ist es so cool. Warum müssen Sie diesen Schlüsselwert ändern? Weil Ihre Datenbankfelder damit nicht vollständig konsistent sein können!

Zu diesem Zeitpunkt müssen Sie die Dokumentation lesen. Die Lösung finden Sie direkt hier.

Sie müssen nur eine Zeile Code hinzufügen. Die restlichen Parameter müssen noch in der Dokumentation überprüft werden!

Okay, jetzt ist alles fertig, Sie müssen nur noch die Daten aus dem Hintergrund übergeben, und schließlich ist der letzte Schritt übrig.

Kaka speicherte die Daten in der Eingabe, rief sie dann ab und fertig war es schließlich.

Komm schon! ausstellen! Nani! Warum ist das so? Warum ist ein Wert leer?

Ohne zu diesem Zeitpunkt etwas zu sagen, schaltete ich den Hintergrund ein, um die Daten auszudrucken und zu sehen, was passiert ist. Die Daten sind in Ordnung.

Hier Bildbeschreibung einfügen

2. Analysieren Sie das Problem

Angesichts der oben genannten Probleme muss ich zum Demonstrationsfall zurückkehren.

Tatsächlich können Sie in dieser Datenstruktur deutlich erkennen, dass die Schlüsselwerte alle in Anführungszeichen stehen.

Wenn Sie es nicht glauben, testen Sie es, passen Sie ein Datenelement an und überprüfen Sie es dann.

Es wurde bestätigt, dass solche Daten akzeptabel sind. Versuchen wir es also mit den tatsächlichen Daten im Unternehmen.

Nach einiger Überprüfung glaube ich, dass alle Partner dieses Problem verstanden haben.

Schauen Sie sich zunächst den von der Datenbank bereitgestellten Datentyp an. Ich werde nicht erwähnen, warum int hier verwendet! Das Projekt braucht es, hm! Keine weitere ErklärungSie müssen zu diesem Zeitpunkt eine Typkonvertierung durchführen. Öffnen Sie die Dokumentation des TP-Frameworks und werfen Sie einen Blick darauf. Nach der Abfrage unterstützt das TP-Framework derzeit nur diese Arten von Konvertierungen.

Da diese Straße nicht erreichbar ist, sollten Sie nach anderen Straßen suchen, nicht wahr?

Es gibt zwei Funktionen in MySQL, die die Typkonvertierung durchführen können, sowohl CAST als auch CONVERT.

Aber Kaka wird euch heute einen neuen Weg verraten, den jeder schon einmal gesehen hat, nämlich die Funktion rtrim in PHP.

Das kann man doch sagen, oder? Das ist alles in Ordnung, rtirm weiß, dass es rechts leere Zeichenfolgen oder vordefinierte Zeichen verarbeitet

Aber werfen wir einen Blick auf die technischen Details. Was zurückgegeben wird, ist die geänderte Zeichenfolge, was großartig ist!

Fass es zusammen und ändere die Abfragemethode.

Komm schon! Schauen Sie sich den Effekt an, er ist sehr schön

IV. Zusammenfassung

• Erfahren und verwenden Sie OrgChart
• Verstehen Sie die Typkonvertierung des TP-Frameworks rtirm-Funktion
• Beharrlich lernen, beharrlich bloggen und beharrlich teilen sind die Überzeugungen, an denen Kaka seit seinen Anfängen festgehalten hat. Ich hoffe, dass Kakas Artikel im riesigen Internet Ihnen ein wenig helfen können. Ich bin Kaka, bis zum nächsten Mal.

Das obige ist der detaillierte Inhalt vonWir treffen uns, OrgChart, wenn ich dich am meisten brauche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!