Come creare in alto alla pagina, con un modello di PHP

La parte superiore della pagina è una delle sezioni più complesse per un modello di sistema PHP da maneggiare. La parte superiore di una pagina web contiene la dichiarazione del tipo di documento (DTD) insieme con collegamenti al CSS e qualsiasi JavaScript che saranno utilizzati nella pagina. La parte superiore della pagina contiene anche il titolo e altre informazioni relative alla pagina.

A parte le informazioni nella sezione <head> della pagina, nella parte superiore della pagina che si sta utilizzando in questo esempio contiene anche il menu mostrato qui, con i link ad altre pagine del sito.

Come creare in alto alla pagina, con un modello di PHP

La classe che verrà creato in questo esercizio ha quattro metodi per la parte superiore della pagina, tra cui sia la sezione <head> e il menu. Tuttavia, quando si utilizza la classe, non vuole avere a chiamare (o ricordare di chiamare) tutti i vari metodi nell'ordine corretto per creare la sezione superiore della pagina.

Tutto quello che interessa è che si crea una sezione superiore della pagina. Pertanto, c'è solo un metodo pubblico, chiamato getTop. Il metodo getTop è responsabile per raccogliere tutti i bit per rendere l'intera parte superiore della pagina.

  1. Aprire classPage.php se non è già aperto.
  2. All'interno classPage, appena sotto i $ pubblico titleExtra = ""; linea, inserire il seguente codice:

    public function getTop () {
    $ Output = "";
    . $ Output = $ this -> _ getDocType ();
    $ Output = $ this -> _ getHtmlOpen ().;
    $ Output = $ this -> _ getHead ().;
    . $ Output = file_get_contents ("pageTop.txt");
    return $ uscita;
    } // Funzione getTop end ()
  3. Salva classPage.php.

    Il metodo getTop () crea una variabile per l'uscita. Questo dà la flessibilità per aggiungere o rimuovere dalla variabile come è necessario. Il metodo prevede tre metodi aggiuntivi, afferra qualche semplice HTML da un file chiamato pageTop.txt, e restituisce l'output.

  4. All'interno classPage.php (aprirlo se non lo è già), al di sotto della getTop () chiusura doppietta di metodo, inserire il seguente codice:

funzione protetta _getDocType ($ DOCTYPE = "HTML5") {
if ($ doctype == "HTML5") {
$ Dtd = "<! DOCTYPE html>";
}
return $ dtd. "\ N";
}

funzione protetta _getHtmlOpen ($ lang = "it-it") {
if ($ lang == "en-us") {
$ Htmlopen = "<html lang = \" it \ ">";
}
return $ htmlopen. "\ N";
}

funzione protetta _getHead () {
$ Output = "";
. $ Output = file_get_contents ("pageHead.txt");
if ($ this-> titleExtra! = "") {
$ Title = $ this-> titleExtra. "|". $ This-> titolo;
} Else {
$ Title = $ this-> titolo;
}
$ Output. = "<Title>". $ Titolo. "</ Title>";
. $ Output = "</ head>";
return $ uscita;
} // Funzione _getHead end ()

I tre metodi che si aggiungono al punto 4 sono responsabili per la costruzione della sezione <head> della pagina. Il primo metodo, _getDocType, restituisce la DTD, che per il vostro caso sarà HTML5, ma potrebbe essere qualsiasi altro tipo di documento valido.

DTD dicono al browser che tipo di documento da aspettarsi e quali regole quel documento onorerà. Questo aiuta il browser a prendere decisioni su come visualizzare il documento.

Il metodo successivo è chiamato _getHtmlOpen (), che crea il <html> elemento della pagina e imposta la lingua. Come altri metodi, la lingua può essere personalizzato qui se necessario.

L'ultimo metodo è il metodo chiamato _getHead (). Questo metodo include un altro file, chiamato pageHead.txt. Il file pageHead.txt contiene link a CSS e JavaScript. Ricordate che la proprietà $ tipo che è impostato in classe Page?

Qui è un posto dove si potrebbe usarlo. Se si dispone di uno speciale tipo di pagina che richiede ulteriori CSS o JavaScript, è possibile aggiungere un'istruzione condizionale qui come, "se il tipo è speciale, quindi utilizzare pageSpecialHead.txt."

Il metodo _getHead () è anche il luogo dove si trova il titolo della pagina; se la proprietà $ titleExtra è impostata, allora viene utilizzata anche qui.

Ora avete la possibilità di costruire la parte superiore della pagina, o vicino ad esso, in ogni caso, perché è ancora necessario il codice per i due file di testo, pageHead.txt e pageTop.txt. È possibile creare quelli che utilizzano le seguenti operazioni.

  1. Creare un nuovo file vuoto nel vostro editor di testo.
  2. All'interno del file, inserire il seguente codice:

    <Head>
    <Link rel = "stylesheet" href = "style.css" type = "text / css" />
  3. Salvare il file come pageHead.txt nel document root e resistere alla tentazione di chiudere quel <head> elemento!

L'elemento <head> si apre in questo file (anche se potrebbe anche essere aperto all'interno del metodo _getHead ()). Tuttavia, perché è necessario aggiungere altri elementi, come il titolo, per la sezione <head>, non chiudere il <head> in questo file. Lasciare invece che per il metodo _getHead () per fare. Questo ti dà la massima flessibilità per le modifiche e le aggiunte successive.

Ora creare il file pageTop.txt che crea la struttura di menu che si vede nella figura precedente e viene incorporato dal metodo pageTop ().

  1. Creare un nuovo file vuoto nel vostro editor di testo.
  2. All'interno del file, aggiungere il seguente codice:

    <Body>
    <Div id = "menu">
    <Ul>
    <Li> <a href="home.php"> Casa </a> </ li>
    <Li> <a href="about.php"> Chi </a> </ li>
    <Li> <a href="contact.php"> Contattami </a> </ li>
    </ Ul>
    </ Div> <! - Menu end →
  3. Salvare il file come pageTop.txt nella root del documento.