it-swarm.com.de

Einfacher dynamischer Breadcrumb

Ich denke, dieses Skript ist für jeden Noob hier von großem Interesse :) einschließlich mir :)

Was ich erstellen möchte, ist ein kleiner Code, den ich in jeder Datei verwenden kann und einen Breadcrumb wie folgt generieren werde:

Wenn die Datei " website.com/templates/index.php " heißt, sollte der Breadcrumb Folgendes anzeigen:

Website.com > Templates

^^ link ^^ Klartext

Wenn die Datei " website.com/templates/template_some_name.php " heißt, sollte der Breadcrumb Folgendes anzeigen:

Website.com > Templates > Template Some Name

^^ link ^^ link ^^ Klartext

16
Adrian M.

Hmm, aus den Beispielen, die Sie gegeben haben, scheint es, als ob "$ _SERVER ['REQUEST_URI']" und die explode () - Funktion Ihnen helfen könnte. Sie können explode verwenden, um die URL nach dem Domänennamen in ein Array aufzuteilen und an jedem Schrägstrich zu trennen.

Als sehr einfaches Beispiel könnte so etwas implementiert werden:

$crumbs = explode("/",$_SERVER["REQUEST_URI"]);
foreach($crumbs as $crumb){
    echo ucfirst(str_replace(array(".php","_"),array(""," "),$crumb) . ' ');
}
26
Sam152

Dies kann für einen einfachen Breadcrumb ein Übermaß sein, aber es ist einen Versuch wert. Ich erinnere mich, dass ich dieses Problem vor langer Zeit hatte, als ich anfing, aber ich habe es nie wirklich gelöst. Das heißt, bis ich mich gerade dazu entschied, das jetzt aufzuschreiben. :)

Ich habe so gut ich kann Inline dokumentieren können, unten sind 3 mögliche Anwendungsfälle. Genießen! (zögern Sie nicht, Ihre Fragen zu stellen)

<?php

// This function will take $_SERVER['REQUEST_URI'] and build a breadcrumb based on the user's current path
function breadcrumbs($separator = ' &raquo; ', $home = 'Home') {
    // This gets the REQUEST_URI (/path/to/file.php), splits the string (using '/') into an array, and then filters out any empty values
    $path = array_filter(explode('/', parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH)));

    // This will build our "base URL" ... Also accounts for HTTPS :)
    $base = ($_SERVER['HTTPS'] ? 'https' : 'http') . '://' . $_SERVER['HTTP_Host'] . '/';

    // Initialize a temporary array with our breadcrumbs. (starting with our home page, which I'm assuming will be the base URL)
    $breadcrumbs = Array("<a href=\"$base\">$home</a>");

    // Find out the index for the last value in our path array
    $last = end(array_keys($path));

    // Build the rest of the breadcrumbs
    foreach ($path AS $x => $crumb) {
        // Our "title" is the text that will be displayed (strip out .php and turn '_' into a space)
        $title = ucwords(str_replace(Array('.php', '_'), Array('', ' '), $crumb));

        // If we are not on the last index, then display an <a> tag
        if ($x != $last)
            $breadcrumbs[] = "<a href=\"$base$crumb\">$title</a>";
        // Otherwise, just display the title (minus)
        else
            $breadcrumbs[] = $title;
    }

    // Build our temporary array (pieces of bread) into one big string :)
    return implode($separator, $breadcrumbs);
}

?>

<p><?= breadcrumbs() ?></p>
<p><?= breadcrumbs(' > ') ?></p>
<p><?= breadcrumbs(' ^^ ', 'Index') ?></p>
41
Dominic Barnes

Auch ein kleines Skript mit RDFa erstellt (Sie können auch Mikrodaten oder andere Formate verwenden) Check out out bei google .__ Dieses Skript berücksichtigt auch die Struktur Ihrer Site.

function breadcrumbs($text = 'You are here: ', $sep = ' &raquo; ', $home = 'Home') {
//Use RDFa breadcrumb, can also be used for microformats etc.
$bc     =   '<div xmlns:v="http://rdf.data-vocabulary.org/#" id="crums">'.$text;
//Get the website:
$site   =   'http://'.$_SERVER['HTTP_Host'];
//Get all vars en skip the empty ones
$crumbs =   array_filter( explode("/",$_SERVER["REQUEST_URI"]) );
//Create the home breadcrumb
$bc    .=   '<span typeof="v:Breadcrumb"><a href="'.$site.'" rel="v:url" property="v:title">'.$home.'</a>'.$sep.'</span>'; 
//Count all not empty breadcrumbs
$nm     =   count($crumbs);
$i      =   1;
//Loop the crumbs
foreach($crumbs as $crumb){
    //Make the link look Nice
    $link    =  ucfirst( str_replace( array(".php","-","_"), array(""," "," ") ,$crumb) );
    //Loose the last seperator
    $sep     =  $i==$nm?'':$sep;
    //Add crumbs to the root
    $site   .=  '/'.$crumb;
    //Make the next crumb
    $bc     .=  '<span typeof="v:Breadcrumb"><a href="'.$site.'" rel="v:url" property="v:title">'.$link.'</a>'.$sep.'</span>';
    $i++;
}
$bc .=  '</div>';
//Return the result
return $bc;}
6
3eighty

verwenden Sie parse_url und geben Sie das Ergebnis in einer Schleife aus:

$urlinfo = parse_url($the_url);
echo makelink($urlinfo['hostname']);
foreach($breadcrumb in $urlinfo['path']) {
  echo makelink($breadcrumb);
}

function makelink($str) {
  return '<a href="'.urlencode($str).'" title="'.htmlspecialchars($str).'">'.htmlspecialchars($str).'</a>';
}

(Pseudocode)

3
knittl

Ich habe mit dem Code von Dominic Barnes angefangen, das Feedback von cWoDeR integriert und hatte immer noch Probleme mit den Breadcrumbs der dritten Ebene, als ich ein Unterverzeichnis verwendete. Also habe ich es neu geschrieben und den folgenden Code eingefügt.

Beachten Sie, dass ich meine Websitestruktur so eingerichtet habe, dass Seiten, die einer Seite auf der Stammebene untergeordnet werden sollen (wie verlinkt werden sollen), wie folgt eingerichtet sind:

  • Erstellen Sie einen Ordner mit dem gleichen Namen wie EXACT (einschließlich der Großschreibung) und dem Suffix als Ordner auf der Stammebene

  • legen Sie alle untergeordneten Dateien/Seiten in diesem Ordner ab

(zB wenn Sie Seiten für Customers.php nachstellen wollen:

  • erstellen Sie einen Ordner namens Customers auf derselben Ebene wie Customers.php

  • fügen Sie dem Customers-Ordner eine index.php -Datei hinzu, die auf die aufrufende Seite für den Ordner umleitet (Code siehe unten)

Diese Struktur funktioniert für mehrere Ebenen von Unterordnern.

Stellen Sie einfach sicher, dass Sie der oben beschriebenen Dateistruktur folgen, und fügen Sie eine index.php-Datei mit dem in jedem Unterordner angezeigten Code ein.

Der Code auf der Seite index.php in jedem Unterordner sieht folgendermaßen aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Redirected</title>
</head>
<body>
<?php 
$root_dir = "web_root/" ;
$last_dir=array_slice(array_filter(explode('/',$_SERVER['PHP_SELF'])),-2,1,false) ;
$path_to_redirect = "/".$root_dir.$last_dir[0].".php" ; 
header('Location: '.$path_to_redirect) ; 
?>
</body>
</html>

Wenn Sie das Root-Verzeichnis des Servers als Web-Root verwenden (z. B./var/www/html), setzen Sie $ root_dir = "": (lassen Sie das nachgestellte "/" NICHT). Wenn Sie ein Unterverzeichnis für Ihre Website verwenden (z. B./var/www/html/web_root, setzen Sie $ root_dir = "web_root /"; (ersetzen Sie web_root durch den tatsächlichen Namen Ihres Webverzeichnisses).

jedenfalls ist hier mein (abgeleiteter) Code:

<?php

// Big Thank You to the folks on StackOverflow
// See http://stackoverflow.com/questions/2594211/php-simple-dynamic-breadcrumb
// Edited to enable using subdirectories to /var/www/html as root
// eg, using /var/www/html/<this folder> as the root directory for this web site
// To enable this, enter the name of the subdirectory being used as web root
// in the $directory2 variable below
// Make sure to include the trailing "/" at the end of the directory name
// eg use      $directory2="this_folder/" ;
// do NOT use  $directory2="this_folder" ;
// If you actually ARE using /var/www/html as the root directory,
// just set $directory2 = "" (blank)
// with NO trailing "/"

// This function will take $_SERVER['REQUEST_URI'] and build a breadcrumb based on the user's current path
function breadcrumbs($separator = ' &raquo; ' , $home = 'Home') 
{

    // This sets the subdirectory as web_root (If you want to use a subdirectory)
    // If you do not use a web_root subdirectory, set $directory2=""; (NO trailing /)
    $directory2 = "web_root/" ;

    // This gets the REQUEST_URI (/path/to/file.php), splits the string (using '/') into an array, and then filters out any empty values
    $path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH) ;
    $path_array = array_filter(explode('/',$path)) ;

    // This line of code accommodates using a subfolder (/var/www/html/<this folder>) as root
    // This removes the first item in the array path so it doesn't repeat
    if ($directory2 != "")
    {
    array_shift($path_array) ;
    }

    // This will build our "base URL" ... Also accounts for HTTPS :)
    $base = ($_SERVER['HTTPS'] ? 'https' : 'http') . '://' . $_SERVER['HTTP_Host'] . '/'. $directory2 ;

    // Initialize a temporary array with our breadcrumbs. (starting with our home page, which I'm assuming will be the base URL)
    $breadcrumbs = Array("<a href=\"$base\">$home</a>") ;

    // Get the index for the last value in our path array
    $last = end($path_array) ;

    // Initialize the counter
    $crumb_counter = 2 ;

    // Build the rest of the breadcrumbs
    foreach ($path_array as $crumb) 
    {
        // Our "title" is the text that will be displayed representing the filename without the .suffix
        // If there is no "." in the crumb, it is a directory
        if (strpos($crumb,".") == false)
        {
            $title = $crumb ;
        }
        else
        {
            $title = substr($crumb,0,strpos($crumb,".")) ;
        }

        // If we are not on the last index, then create a hyperlink
        if ($crumb != $last)
        {
            $calling_page_array = array_slice(array_values(array_filter(explode('/',$path))),0,$crumb_counter,false) ;
            $calling_page_path = "/".implode('/',$calling_page_array).".php" ;
            $breadcrumbs[] = "<a href=".$calling_page_path.">".$title."</a>" ;
        }

        // Otherwise, just display the title
        else
        {
            $breadcrumbs[] = $title ;
        }

        $crumb_counter = $crumb_counter + 1 ;

    }
    // Build our temporary array (pieces of bread) into one big string :)
    return implode($separator, $breadcrumbs) ;
}

// <p><?= breadcrumbs() ? ></p>
// <p><?= breadcrumbs(' > ') ? ></p>
// <p><?= breadcrumbs(' ^^ ', 'Index') ? ></p>
?>
3
Ramblin

hey dominic Ihre Antwort war Nice, aber wenn Sie eine Site wie http: //localhost/project/index.php haben, wird der 'Projekt'-Link wiederholt, da er Teil von $ base ist und auch im $ path-Array erscheint. Also habe ich das erste Element im $ path-Array angepasst und entfernt. 

//Trying to remove the first item in the array path so it doesn't repeat
array_shift($path);

Ich weiß nicht, ob das der eleganteste Weg ist, aber jetzt funktioniert es für mich.

Ich füge diesen Code vor Zeile 13 oder so hinzu

// Find out the index for the last value in our path array
$last = end(array_keys($path));
2
briankip

Hier ist ein großartiger einfacher dynamischer Breadcrumb (Tweak nach Bedarf): 

    <?php 
    $docroot = "/zen/index5.php";
    $path =($_SERVER['REQUEST_URI']);
    $names = explode("/", $path); 
    $trimnames = array_slice($names, 1, -1);
    $length = count($trimnames)-1;
    $fixme = array(".php","-","myname");
    $fixes = array(""," ","My<strong>Name</strong>");
    echo '<div id="breadwrap"><ol id="breadcrumb">';
    $url = "";
    for ($i = 0; $i <= $length;$i++){
    $url .= $trimnames[$i]."/";
        if($i>0 && $i!=$length){
            echo '<li><a href="/'.$url.'">'.ucfirst(str_replace($fixme,$fixes,$trimnames[$i]) . ' ').'</a></li>';
    }
    elseif ($i == $length){
        echo '<li class="current">'.ucfirst(str_replace($fixme,$fixes,$trimnames[$i]) . ' ').'</li>';       
    }
    else{
        echo $trimnames[$i]='<li><a href='.$docroot.' id="bread-home"><span>&nbsp;</span></a></li>';
    }
}
echo '</ol>';
?>
2
BenDZN

Eine bessere Funktion mit explode()-Funktion ist wie folgt ...

Vergessen Sie nicht, Ihre URL-Variable im Hyperlink href zu ersetzen.

<?php 
    if($url != ''){
        $b = '';
        $links = explode('/',rtrim($url,'/'));
        foreach($links as $l){
            $b .= $l;
            if($url == $b){
                echo $l;
            }else{
                echo "<a href='URL?url=".$b."'>".$l."/</a>";
            }
            $b .= '/';
         }
     }
?>

Dies ist der Code, den ich persönlich auf meinen Websites verwende. Funktioniert außerhalb der Box.

<?php
function breadcrumbs($home = 'Home') {
  global $page_title; //global varable that takes it's value from the page that breadcrubs will appear on. Can be deleted if you wish, but if you delete it, delete also the title tage inside the <li> tag inside the foreach loop.
    $breadcrumb  = '<div class="breadcrumb-container"><div class="container"><ol class="breadcrumb">';
    $root_domain = ($_SERVER['HTTPS'] ? 'https' : 'http') . '://' . $_SERVER['HTTP_Host'].'/';
    $breadcrumbs = array_filter(explode('/', parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH)));
    $breadcrumb .= '<li><i class="fa fa-home"></i><a href="' . $root_domain . '" title="Home Page"><span>' . $home . '</span></a></li>';
    foreach ($breadcrumbs as $crumb) {
        $link = ucwords(str_replace(array(".php","-","_"), array(""," "," "), $crumb));
        $root_domain .=  $crumb . '/';
        $breadcrumb .= '<li><a href="'. $root_domain .'" title="'.$page_title.'"><span>' . $link . '</span></a></li>';
    }
    $breadcrumb .= '</ol>';
    $breadcrumb .= '</div>';
    $breadcrumb .= '</div>';
    return $breadcrumb;
}
echo breadcrumbs();
?>

Die CSS:

.breadcrumb-container {
    width: 100%;
    background-color: #f8f8f8;
    border-bottom-color: 1px solid #f4f4f4;
    list-style: none;
    margin-top: 72px;
    min-height: 25px;
    box-shadow: 0 3px 0 rgba(60, 57, 57, .2)
}

.breadcrumb-container li {
    display: inline
}
.breadcrumb {
    font-size: 12px;
    padding-top: 3px
}
.breadcrumb>li:last-child:after {
    content: none
}

.breadcrumb>li:last-child {
    font-weight: 700;
    font-style: italic
}
.breadcrumb>li>i {
    margin-right: 3px
}

.breadcrumb>li:after {
    font-family: FontAwesome;
    content: "\f101";
    font-size: 11px;
    margin-left: 3px;
    margin-right: 3px
}
.breadcrumb>li+li:before {
    font-size: 11px;
    padding-left: 3px
}

Fühlen Sie sich frei, mit der CSS-Polsterung und den Rändern herumzuspielen, bis Sie es für Ihre eigene Website gefunden haben.

0
Skeptic