Xampp : comment lister les projets

Contexte

Vous travaillez sur plusieurs projets Web locaux et chaque fois que vous souhaitez lancer l’un d’eux dans un navigateur Web, vous devez taper leur adresse dans la barre d’adresse. Comment faire pour avoir tous les projets Web en temps réel sous Xampp.

Créer un lien vers une liste de répertoires

Ouvrez le fichier xampp\htdocs\dashboard\index.html.

Repérez le code suivant

 

  
<section class="top-bar-section">
 <!-- Right Nav Section -->
 
<ul class="right">
 
<li class=""><a href="/applications.html">Applications</a></li>

 
<li class=""><a href="/dashboard/faq.html">FAQs</a></li>

 
<li class=""><a href="/dashboard/howto.html">HOW-TO Guides</a></li>

 
<li class=""><a target="_blank" href="/dashboard/phpinfo.php">PHPInfo</a></li>

 
<li class=""><a href="/phpmyadmin/">phpMyAdmin</a></li>

 </ul>

 </section>

ajoutez le lien désiré, et le code devient (ligne 57):

 

 
<section class="top-bar-section">
 <!-- Right Nav Section -->
 
<ul class="right">
 
<li class=""><a href="/applications.html">Applications</a></li>

 
<li class=""><a href="/dashboard/faq.html">FAQs</a></li>

 
<li class=""><a href="/dashboard/howto.html">HOW-TO Guides</a></li>

 
<li class=""><a target="_blank" href="/dashboard/phpinfo.php">PHPInfo</a></li>

 
<li class=""><a href="/phpmyadmin/">phpMyAdmin</a></li>

 
<li class=""><a href="/projects.php">Liste des projets</a></li>

 </ul>

 </section>


Créer la page de listing de vos applis :

  • Allez dans le répertoire  xampp\htdocs et créez le fichier projects.php
  • Collez le code ci-dessous

Notez juste ligne 13 la liste des répertoires à exclure : tous les répertoires listés là sont les répertoires créé par défaut par Xampp (ou l’OS pour . et ..) , sauf le répertoire téléchargements que j’ai créé pour mes propres besoins et qui n’est pas un projet à part entière.

Si vous rajoutez des répertoires dans htdocs autres que des répertoires projets, il suffit de les rajouter dans ce tableau.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <link href="dashboard/stylesheets/all.css" rel="stylesheet" type="text/css">
 <title>
 </title>
</head>
<body style="background-color:#FFFFFF;">
<?php
 $handle=opendir(".");
 $projectContents = '';
 $excludes=["dashboard", "img", "téléchargements", "webalizer", "xampp", ".", ".."];
 
 while ($file = readdir($handle)) {
   if (is_dir($file) && ! in_array($file, $excludes)) { 
     $projectContents .= '
<li><a href="'.$file.'">'.$file.'</a></li>

';
   }
 }
 closedir($handle);
 if (!isset($projectContents)) { 
   $projectContents .= "
<li>No Projects</li>

";
 }
?>

<div id="wrapper">
  
<div class="hero">
    
<div class="row">
      
<div class="large-12 columns">
        
<h1><img src="/dashboard/images/xampp-logo.svg" />XAMPP
        <span> Liste des projets : </span></h1>

      </div>

    </div>

  </div>

  
<div class="row tobottom">
    
<div class="large-12 columns">
      
<ul id="projectList">
        <?php echo $projectContents ?>
      </ul>

      
      <a href="/">retour à Xampp</a> 
    </div>

  </div>

</div>

</body>
</html>

Le résultat :

Lorsque dans votre navigateur vous tapez l’url http://localhost, le nouvel entête de la page est :

Et votre toute nouvelle liste de projets :

Liste de liens vers les projets

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

19 + 5 =