Cadastro e Login - #8 Classe de Layout

12/09/2018

Na aula de hoje vamos desenvolver a ClassLayout. Essa classe será responsável por renderizar as tags html do nosso sistema de forma que não precisemos repetir as tags comuns em cada nova view.

Criando a Classe PHP de Layout

A criação da classe de layout ficará assim:

<?php
namespace Classes;

class ClassLayout{

    #Setar as tags do head
    public static function setHead($title , $description , $author='Webdesign em Foco')
    {
        $html="<!doctype html>\n";
        $html.="<html lang='pt-br'>\n";
        $html.="<head>\n";
        $html.="  <meta charset='UTF-8'>\n";
        $html.="  <meta name='viewport' content='width=device-width, initial-scale=1'>\n";
        $html.="  <meta name='author' content='$author'>\n";
        $html.="  <meta name='format-detection' content='telephone=no'>\n";
        $html.="  <meta name='description' content='$description'>\n";
        $html.="  <title>$title</title>\n";
        #FAVICON
        #STYLESHEET
        $html.="</head>\n\n";
        $html.="<body>\n";
        echo $html;
    }

    #Setar as tags do footer
    public static function setFooter()
    {
        #JAVASCRIPT
        $html="</body>\n";
        $html.="</html>";
        echo $html;
    }
}

A utilização da classe acima será feita em cada nova view criada, da seguinte forma:

<?php \Classes\ClassLayout::setHead('Homepage','Essa é a home page do nosso site.','Thiago Arteweb'); ?>
//CORPO DO SITE
<?php \Classes\ClassLayout::setFooter(); ?>

Repare que a classe de layout oferece parâmetros para a mudança do title, da description e do author que são tags que devem ser mudadas sempre de uma página para outra.

Receba as aulas da Webdesign em Foco em Seu Email

Posts Relacionados

Cadastro e Login - #7 Diagrama de Classes

Na vídeo-aula de hoje aprenderemos como criar um diagrama de classes do nosso sistema. O diagrama de classes apoia toda a equipe de desenvolvedores.

Cadastro e Login - #9 Design do Cadastro

Hoje trabalharemos com o design do formulário de cadastro. Para isso, utilizaremos o css, o html e o javascript.

Cadastro e Login

Neste curso vamos aprender a criar um sistema completo de cadastro e login.