Xampp : comment lister les projets

  • Auteur/autrice de la publication :
  • Post category:environnement de dev
  • Dernière modification de la publication :Dernière modification :24 mai 2019
Partagez ...

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

[code lang= »js » firstline= »49″]

<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>

[/code]

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

[code lang= »js » firstline= »49″ highlight= »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>

[/code]

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.

[php highlight= »13″]

<!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>

[/php]

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

Cet article a 2 commentaires

  1. Nestor Junior

    Genial pour le code.
    C’est formidableeeeeeeeeeeeee.
    Merci!!!!!!!!!!!!

Répondre à Nestor Junior Annuler la réponse

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.