Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

MVC Completo - #14 Breadcrumbs

18/04/2018

Na vídeo-aula de hoje vamos aprender a criar breadcrumbs que é aquele mapa de links que fica na parte superior dos sites. Os breadcrumbs facilitam a navegação dos usuários pelo site e geram diversos links para fins de SEO.

Criando mapa de links automáticos (Breadcrumbs)

Vamos criar a ClassBreadcrumb que gera links de navegação no nosso site. Essa class vai usar nossa TraitUrlParser que transforma nossa url em um array de acordo com a quantidade de barras. O código segue abaixo:

namespace Src\Classes;

class ClassBreadcrumb{
    use \Src\Traits\TraitUrlParser;

    #Cria os breadcrumbs do site
    public function addBreadcrumb()
    {
        $Contador=count($this->parseUrl());
        $ArrayLink[0]='';
        echo "<a href=".DIRPAGE.">home</a> > ";
        for($I=0; $I < $Contador; $I++){
            $ArrayLink[0].=$this->parseUrl()[$I].'/';
            echo "<a href=".DIRPAGE.$ArrayLink[0].">".$this->parseUrl()[$I]."</a>";
            if($I < $Contador - 1){
                echo " > ";
            }
        }
    }
}

Posteriormente vamos instanciar a class no nosso arquivo Layout.php e chamar o método addCrumb.

<?php
$BreadCrumb = new Src\Classes\ClassBreadcrumb();
$BreadCrumb->addBreadcrumb();
?>
<br><br><hr>
Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

MVC Completo - #13 Exemplificando a View
Nesse tutorial iremos criar uma view completa, exemplificando esse arquivo do sistema MVC na prática.
Saiba mais!
MVC Completo - #15 Model I
Iniciamos agora nossas aulas sobre model. Nessa primeira aula vamos criar nosso banco de dados, uma tabela de testes e a class de conexão ao banco de dados.
Saiba mais!
MVC Completo
Neste curso aprenderemos como criar o padrão de projeto MVC completo, analisando desde sua estrutura até a programação.
Saiba mais!