Anzeige von Daten aus der Datenbank

Wir verwenden als Beispiel die Bewertungstabelle aus der Datenbank 'billowing_brook_6146'. Sie enthält die folgenden Daten:

id	text	datum	sterne	nutzer_id
1	very good	2021-09-01	3	5
2	bestes Rezept allerzeiten	2024-05-13	5	4

Um Daten aus einer Datenbank auf einer Website anzeigen zu können, müssen wir mit der Datenbank kommunizieren können. Eine Möglichkeit ist, das Script 'query.js' im <head> einzubinden:

<script src="https://m290.bbz.cloud/query.js"></script>

Das Skript erlaubt uns, beliebige Abfragen an die Datenbank zu schicken, und deren Resultat dann auf der Website anzuzeigen. Wenn wir beispielsweise eine Liste der Bewertungen anzeigen möchten, können wir den folgenden Code auf unserer Website einbinden:

    query({
      db: 'billowing_brook_6146',
      query: 'SELECT text, datum FROM bewertung',
      mustache: 'ratings.mustache',
      target: '#ratings',
    })

Die Angaben 'db' und 'query' definieren, welche Datenbank angesprochen wird und welche Abfrage ausgeführt werden soll. Mit den Angaben 'mustache' und 'target' sagen wir, wie und wo die Resultate auf der Website landen sollen.

Mustache-Dateien erlauben es uns, HTML-Code mit Platzhaltern zu schreiben, in welche automatisch die Datenbankdaten eingetragen werden. Ein Beispiel könnte so aussehen:

    {{#results}}
      <div class="rating">
        <p>{{datum}}: {{text}}</p>
      </div>
    {{/results}}

Darin wird für jede Zeile in der Antwort der Datenbank ein <div> generiert, in dem das 'datum' und der 'text' aus der Datenbank stehen. Die Platzhalter werden automatisch mit den Daten aus der Datenbank gefüllt. Sobald das geschehen ist, wird der fertige HTML-Code in das Element, das in 'target' angegeben wurde, eingefügt.

Anzeige von Daten aus der Datenbank

Beispiel - Ratings