Mysql > HTML/ CSS

[Perdaems]

Goedenavond.

Momenteel heb ik op mijn website de volgende HTML:

<div id="bg-container-2">
<a href="#about" class="scroll_a"> Back to top</a> <span class="border-top"></span>
  <div class="bg2"></div>
  <div class="container">
    <div class="section-title">
      <h2>Recensies</h2>
    </div>
    <article class="twelve columns offset-by-two" >
      <div id="testimonials">
        <ul >
          <li><blockquote>&quot;Prachtige, goed onderhouden camping! &quot;</blockquote><cite>Piet Evers</cite> </li>
          <li><blockquote>&quot;Zeer nette camping met vriendelijke eigenaren.&quot;</blockquote><cite>Edwin</cite> </li>
          <li><blockquote>&quot;Geweldige ervaring gehad op het Munnikenhof. Zeker een aanrader!&quot;</blockquote><cite>Jan Verbeek</cite> </li>
        </ul>
      </div>
    </article>
    <br class="clear">
  </div>
</div>

Dit is een gebied waar recensies zichtbaar worden, maar nu wil ik dit uitbreiden zodat bezoekers zelf een recensie kunnen achterlaten.
Nu heb ik dit gevonden:

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
     die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT id, firstname, lastname FROM MyGuests";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
     // output data of each row
     while($row = $result->fetch_assoc()) {
         echo "<br> id: ". $row["id"]. " - Name: ". $row["firstname"]. " " . $row["lastname"] . "<br>";
     }
} else {
     echo "0 results";
}

$conn->close();
?>

Dit kan natuurlijk werken, alleen weet ik niet hoe ik de volgende functies moet toevoegen.
- Dat er maximaal 5 recensies worden geladen.
- Dat er voor elke weergeven recensie een nieuwe

<li><blockquote>&quot;Prachtige, goed onderhouden camping! &quot;</blockquote><cite>Piet Evers</cite> </li>

wordt aangemaakt.

Alvast bedankt !

 

[wampier]

Je hebt daarvoor ook een backend oplossing voor nodig, en/of eventueel javascript.

De resultaten kun je via het aanpassen van de SQL query makkelijk beperken (TOP 5). Het aanpassen van het HTML block is ook redelijk eenvoudig met PHP.

Een voorbeeld staat eigenlijk al in je code:

if ($result->num_rows > 0) {
     // output data of each row
     while($row = $result->fetch_assoc()) {
         echo "<br> id: ". $row["id"]. " - Name: ". $row["firstname"]. " " . $row["lastname"] . "<br>";
     }

Ipv de huidige "Echo" zou het iets als dit worden:

echo "<li><blockquote>&quot;". $row["commentaar"] . "&quot;</blockquote><cite>" . $row["commentator"] . "</cite> </li>"

Aangenomen dat je tabel in SQL de kolommen "commentaar" en "commentator" heeft natuurlijk. Het is allemaal wel te bevatten in stapjes, maar als je het voor het eerst doet lijkt het vaak een enorme berg informatie.