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 :
Genial pour le code.
C’est formidableeeeeeeeeeeeee.
Merci!!!!!!!!!!!!
De rien :))