Erstellen Sie schnell eine Vorlage für ein Backend-Managementsystem basierend auf thinkphp

Wenn wir eine Website erstellen und Back-End-Entwickler das Back-End-Verwaltungssystem schreiben, müssen sie es in den letzten Tagen oft neu schreiben, weil es an einer geeigneten Vorlage für das Back-End-Verwaltungssystem mangelt Aufgrund der Arbeit muss ich das Backend-Managementsystem von thinkcmf studieren, daher finde ich, dass das Modell meiner Meinung nach auf praktisch jedes Backend-Managementsystem angewendet werden kann große Blöcke, dreistufige Menüleiste, Inhalts-Iframe, Beschriftungsleiste, obere Leiste, wie unten gezeigt:

Finden Sie es in Ordnung? Gibt es einen Trick, der auf alle Backend-Managementsysteme angewendet werden kann? Da das gesamte Backend zu groß war, wir aber nur das Haupt-UI-Framework und nichts anderes wollten, habe ich es kopiert und erneut eingefügt und die Implementierung der von uns benötigten Benutzeroberfläche extrahiert.

Sehen Sie sich den Effekt an: http:// www.live086.cn/Text/ (Der Bereich wird am 23.09.2015 deaktiviert, sodass Sie den Quellcode herunterladen und direkt auf dem lokalen Server (wampserver) ausführen können)

Holen Sie sich den Quellcode : http://pan.baidu.com/s/1gdEqUYJ Passwort: c951

Das Besondere an dieser Benutzeroberfläche ist, dass der Inhalt im rechten Iframe ersetzt wird, wenn wir die Menüleiste der dritten Ebene auswählen Sofort erscheint der ausgewählte Menüpunkt auch in Form einer Beschriftung in der Tab-Leiste, die nach Belieben umgeschaltet oder geschlossen werden kann. Gleichzeitig können Sie auch auf klicken, um den aktuellen Inhalts-Iframe zu aktualisieren Der gesamte Vorgang ist komfortabel, einfach und bequem, und sein Code Diese Funktionen werden hauptsächlich aus mehreren Aspekten implementiert:

openapp(url, appid, appname, selectObj) 

Dies ist eine Kernfunktion, die darin besteht, den entsprechenden Iframe zu öffnen Die Menüleiste oder Tab-Leiste und die URL sind der Iframe-Pfad. Thinkphp verwendet die U-Methode, um die App-ID zu generieren. Sie ist die eindeutige Kennung des Iframes und muss beim Wechseln der Tab-Leiste übergeben werden und ob der Iframe ausgeblendet ist. Andernfalls hat das Klicken auf die Menüleiste keine Auswirkung. Sie können den Quellcode herunterladen. Appname ist der Anzeigename des Labels, selectObj ist das Triggerobjekt

und die Aktualisierungsfunktion verwendet das Attribut contentWindow des Iframes, was dem Abrufen des Fensterobjekts des Iframes entspricht, sodass Sie die Aktualisierungsfunktion erreichen können

$current_iframe[0].contentWindow.location.reload();