Création d'un forum
Pour commencer nous allons créer la page maître de notre forum. C'est cette page qui contiendra les différentes catégories.
Tout d'abord nous allons créer un dossier que nous applerons f_forum. Ensuite, nous allons créer une nouvelle page que l'on nommera forum.php à l'intérieur du dossier f_forum.
Dans notre fichier menu.php que nous avons déjà créer auparavant nous allons ajouter un lien qui nous permettra d'accéder à notre nouvelle page forum.php
Page menu.php
<li class="nav-item">
<a class="nav-link" href="forum">Forum</a>
</li>
Nous allons également modifier notre fichier .htaccess afin d'appliquer l'URL souhaitée.
Fichier .htaccess
RewriteRule ^forum$ f_forum/forum
Ensuite dans notre page forum.php nous allons afficher les catégories que nous avons créées à la main.
Page forum.php
<?php
session_start();
include('../bd/connexionDB.php'); // Fichier PHP contenant la connexion à votre BDD
$req = $DB->query("SELECT *
FROM forum
ORDER BY ordre");
$req = $req->fetchAll();
?>
<!DOCTYPE html>
<html>
<head>
<base href="/"/>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<title>Forum</title>
<link rel="stylesheet" href="../css/bootstrap.min.css"/>
<link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<?php
require_once('../menu.php');
?>
<div class="container">
<div class="row">
<div class="col-sm-0 col-md-0 col-lg-0"></div>
<div class="col-sm-12 col-md-12 col-lg-12">
<h1 style="text-align: center">Forum</h1>
<div class="table-responsive" style="margin-top: 10px">
<table class="table table-striped">
<tr>
<th>ID</th>
<th>Titre</th>
</tr>
<?php
foreach($req as $r){
?>
<tr>
<td>
<?= $r['id'] ?>
</td>
<td>
<a href="forum/<?= $r['id'] ?>"><?= $r['titre'] ?></a>
</td>
</tr>
<?php
}
?>
</table>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</body>
</html>
Par Clouder le 20 Apr 2018
Vous pouvez télécharger les fichiers de l'article