Wie die Spitze der Seite zu erstellen mit einem PHP-Template

Der obere Teil der Seite ist eine der komplexeren Abschnitte für eine PHP-Template-System zu behandeln. Der obere Teil einer Web-Seite enthält die Dokumenttypdeklaration (DTD) zusammen mit Links zu den CSS und javascript jedem, der auf der Seite verwendet werden soll. Der obere Teil der Seite enthält auch den Titel und andere Meta-Informationen über die Seite.

Abgesehen von den Informationen im Abschnitt einer Seite, die oben auf der Seite, die Sie in diesem Beispiel unter Verwendung sind auch enthält das Menü hier gezeigt, mit den Links zu anderen Seiten auf der Website.

bild0.jpg

Die Klasse, die Sie in dieser Übung hat vier Methoden für die oben auf der Seite erstellen, einschließlich sowohl der Abschnitt und dem Menü. Wenn jedoch die Klasse verwenden, möchten Sie nicht anrufen zu müssen (oder erinnern zu nennen) die verschiedenen Methoden, alle in der richtigen Reihenfolge den oberen Bereich der Seite zu erstellen.

Alles um dich kümmern, dass Sie einen oberen Bereich der Seite erstellen. Daher ist es nur eine öffentliche Methode, die so genannte GetTop. Das GetTop Methode ist verantwortlich für alle Bits sammeln die gesamte Oberseite der Seite zu machen.

  1. Öffnen classPage.php wenn sie nicht bereits geöffnet ist.

  2. Innerhalb classPage, knapp unterhalb der public $ titleExtra = "" - Zeile geben Sie den folgenden Code:

    public function GetTop () {$ output = "" - $ output = $ this -.> _ getDocType () - $ output = $ this -.> _ getHtmlOpen () - $ output = $ this -.> _ getHead () - $ output . = file_get_contents ( "pageTop.txt") - Rückkehr Output- $} // Funktion GetTop end ()

  3. sparen classPage.php.

    Das GetTop () Verfahren erzeugt eine Variable für die Ausgabe. Dies gibt Flexibilität hinzuzufügen oder aus der Variablen zu entfernen, wie Sie benötigen. Das Verfahren nennt drei zusätzliche Methoden, packt einige einfache HTML aus einer Datei mit dem Namen pageTop.txt, und gibt die Ausgabe.

  4. Innerhalb classPage.php (Öffnen Sie es, wenn es nicht schon ist), unter der GetTop () Verfahren der schließenden Klammer, geben Sie den folgenden Code ein:

geschützten Funktion _getDocType ($ doctype = "html5") {if ($ Doctype == "html5") {$ dtd = ""-} Return $ dtd." N "-} protected function _getHtmlOpen ($ lang =" en-us ") {if ($ lang ==" en-us ") {$ htmlopen =""-} Return $ htmlopen." N "-} protected function _getHead () {$ output =". "- $ Output = file_get_contents (" pageHead.txt ") - if (! $ This-> titleExtra =" ") $ title = $ this-> titleExtra "else {$ title = $ this-> title -}. $ output =".". $ Title.". "- $ Output =" "-return $ Output-} // end function _getHead ()

Die drei Methoden, die Sie in Schritt 4 hinzufügen, sind verantwortlich für den Aufbau der Abschnitt der Seite. Die erste Methode, _getDocType, gibt die DTD, die für Ihren Fall HTML5 sein wird, könnte aber ein anderes gültiges Dokument-Typ sein.

DTDs geben dem Browser, welche Art von Dokument zu erwarten ist und welche Regeln das Dokument ehren. Dies hilft, den Browser, um Entscheidungen darüber, wie das Dokument angezeigt werden soll.

Die nächste Methode aufgerufen wird _getHtmlOpen (), das schafft das Element der Seite und setzt die Sprache. Wie andere Methoden kann die Sprache hier besonders angefertigt werden, wenn nötig.

Die letzte Methode aufgerufen ist _getHead () Verfahren. Diese Methode beinhaltet eine andere Datei mit dem Namen pageHead.txt. Das pageHead.txt Datei enthält Links zu CSS und javascript. Erinnere dich daran $ type Eigenschaft, die in der Set Seite Klasse?

Hier ist ein Ort, an dem Sie es verwenden könnte. Wenn Sie einen speziellen Seitentyp haben, die zusätzliche CSS oder javascript erfordert, können Sie eine bedingte Anweisung hier wie "hinzufügen Wenn der Typ speziell ist, dann verwenden pageSpecialHead.txt."

Das _getHead () Methode ist auch, wo der Titel der Seite ist, wenn die Soll $ titleExtra Eigenschaft festgelegt ist, dann wird es auch hier verwendet.

Jetzt haben Sie die Fähigkeit haben, die oben auf der Seite oder in der Nähe es sowieso zu bauen, weil Sie immer noch den Code für die beiden Textdateien benötigen, pageHead.txt und pageTop.txt. Sie legen diejenigen mit den folgenden Schritten.

  1. Erstellen Sie eine neue leere Datei in einem Texteditor.

  2. Innerhalb der Datei, geben Sie das folgende Markup:

  3. Speichern Sie die Datei als pageHead.txt in Ihrem Dokument Wurzel und der Versuchung widerstehen, dieses Element zu schließen!

Das Element wird in dieser Datei geöffnet wird (obwohl es auch innerhalb der geöffnet werden konnte _getHead () Verfahren). Da Sie jedoch andere Elemente hinzufügen müssen, wie der Titel, den Abschnitt, nicht schließen Sie das Element in dieser Datei. Lassen Sie stattdessen, dass für die _getHead () Verfahren zu tun. Dies gibt Ihnen die größtmögliche Flexibilität für Änderungen und Ergänzungen später.

Erstellen Sie nun die pageTop.txt Datei, die die Menüstruktur erstellt, die Sie in der früheren Figur zu sehen und wird von der aufgenommen pageTop () Verfahren.

  1. Erstellen Sie eine neue leere Datei in einem Texteditor.

  2. Innerhalb der Datei, fügen Sie das folgende Markup:

  3. Zuhause
  4. Etwa
  5. Kontaktiere mich

Ähnliche

Menü