Nach Dateneintrag in Datenbank soll eine html Tabelle erzeugt und mit gespeichert werden

Sky-Kay · 26. August 2021

Hallo Liebe Community,

ich habe da mal ein problemchen und ich komme nicht weiter

Ich habe eine Datenbank in der die Daten eingetragen werden, jetzt soll wenn die Daten gespeichert werden eine html Tabelle zu dieser id mit erstellt werden.

Wenn ich jetzt z.B. nach Test suche, dann sollen die Daten [Test] und die html Tabelle ausgegeben werden.

Ich hoffe ich habe es verständlich erklärt, und ihr könnt mir helfen

Danke schonmal

Grüssle

Sky-Kay

franky77 · 26. August 2021

Hello,

neee noch hab ich nicht ganz verstanden was du da brauchst. Kann dir zwar nicht viel helfen aber würds versuchen.

Du möchtest das bei einem Datenbankeintrag automatisch htmlcode geschrieben wird und dir ne Datenbank ausgibt?

Wenn du, wo, nach [Test] suchst soll die Tabelle ausgegeben werden?

Du kannst doch eine Tabelle erstellen und die Daten generell aus der DB abrufen. Ok ggf musst du dich noch mit Suchfunktionen befassen aber....

Meinst du so etwas?

html-seminar.de/woltlab/attachment/3158/html-seminar.de/woltlab/attachment/3158/

Sky-Kay · 26. August 2021

Hallo franky77

was deine Tabellen angeht, das meine ich nicht,

hier mal der code der Tabelle die ich hinzu/verbinden möchte...

html

HTML

<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8">
<title>changecolorklick</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script src="js/jquery-1.5.2.min.js"></script>
<script src="js/script.js"></script>
</head>

<body>
<br>
<table border="1">
 <tr>
  <th id="A"> Text </th>
  <th id="B"> Text </th>
  <th id="C"> Text </th>
 </tr>
 <tr id="aa" onMouseOver="hor_ein('aa');" onMouseOut="hor_aus('aa');">
  <th onMouseOver="ver_ein('A');" onMouseOut="ver_aus('A');"> Text </th>
  <td onMouseOver="ver_ein('B');" onMouseOut="ver_aus('B');"> XX </td>
  <td onMouseOver="ver_ein('C');" onMouseOut="ver_aus('C');"> XX </td>
 </tr>
 <tr id="bb" onMouseOver="hor_ein('bb');" onMouseOut="hor_aus('bb');">
  <th onMouseOver="ver_ein('A');" onMouseOut="ver_aus('A');"> Text </th>
  <td onMouseOver="ver_ein('B');" onMouseOut="ver_aus('B');"> XX </td>
  <td onMouseOver="ver_ein('C');" onMouseOut="ver_aus('C');"> XX </td>
 </tr>
 <tr id="cc" onMouseOver="hor_ein('cc');" onMouseOut="hor_aus('cc');">
  <th onMouseOver="ver_ein('A');" onMouseOut="ver_aus('A');"> Text </th>
  <td onMouseOver="ver_ein('B');" onMouseOut="ver_aus('B');"> XX </td>
  <td onMouseOver="ver_ein('C');" onMouseOut="ver_aus('C');"> XX </td>
 </tr>
</table>
<br>
<form method="post">
    <input name="Submit2" type="submit" value="Speichern" /></form>
    <br>
<hr>
</body>
</html>

Alles anzeigen

css

Code

/* CSS Document */

body {
   font-family: Verdana, Arial, Sans-Serif;
   background-color: Whitesmoke;
  }

td {
   border-collapse: collapse;
   background: Whitesmoke; 
   cursor: pointer; 
   padding: 1px 
  }

Alles anzeigen

JavaScript + jQuery jquery-1.5.2.min.js

Code

$(function() {
    $('td').toggle(function() {
        $(this).css('background', 'red');
    }, function() {
        $(this).css('background', 'green');
    }, function() {
        $(this).css('background', 'Whitesmoke');
    });
});

function hor_ein(x) {
 document.getElementById(x).style.backgroundColor="#FFFF8C";
}

function hor_aus(x) {
 document.getElementById(x).style.backgroundColor="transparent";
}

function ver_ein(x) {
 document.getElementById(x).style.backgroundColor="#FFFF8C";
}

function ver_aus(x) {
 document.getElementById(x).style.backgroundColor="transparent";
}

Alles anzeigen

die Tabelle soll zudem online bearbeitet und durch Aktualisierung gespeichert werden können.

m.scatello · 26. August 2021

Zitat von Sky-Kay

jetzt soll wenn die Daten gespeichert werden eine html Tabelle zu dieser id mit erstellt werden

Warum? Du kannst doch jederzeit mit PHP eine HTML-Tabelle mit diesen Daten zusammenbauen. Es gibt also keinen Grund diese HTML-Tabelle auch noch in die Datenbank zu schreiben.

Sky-Kay · 26. August 2021

Die Tabelle ist eine Ergänzung zum Datenbank Eintrag, da die Tabelle in den Zellen Farblich bei einem Klick die Farbe wechselt

wenn die Farbe geändert wurde soll man das ganze auch noch speichern können.

m.scatello · 26. August 2021

Das speichere den jeweiligen Status, aber mit dem HTML-Code speicherst du redundante Daten, und das sollte man immer vermeiden.

Sky-Kay · 26. August 2021

Ich möchte ja den jeweiligen Status der Tabelle speichern, aber mit dem Bezug zu den/einen Datenbank Eintrag.

Das mit redundante hatte ich nicht vor anzuwenden.

m.scatello · 26. August 2021

Zitat von Sky-Kay

Ich habe eine Datenbank in der die Daten eingetragen werden

Zitat von Sky-Kay

jetzt soll wenn die Daten gespeichert werden eine html Tabelle zu dieser id mit erstellt werden

Zitat von Sky-Kay

Das mit redundante hatte ich nicht vor anzuwenden

Aber genau das machst du doch mit der HTML-Tabelle, da stehen die Daten doch ebenfalls drin.

basti1012 · 26. August 2021

Sky-Kay du solltest mal deine anderen Codes zeigen.

Datenbankstruktur.

PHP Scripte , da wo die Daten in der DB geschrieben werden?

Ggf. auch das was du für die Ausgabe der Daten nutzt.

Dann kann man das auch besser nachvollziehen was du da vor hast .

Deine Tabelle mit den ganzen mouseover und out kannst du auch einfacher halten.

Du nutzt ja schon jQuery, dann mach es da mit addClass ,bzw toogle.

Warum nutzt du jquery-1.5.2.min.js?

Fliegt dir 3.6.0 um die Ohren bei dem Code?

Bei mir irgendwie schon.

Zitat von Sky-Kay

wenn die Farbe geändert wurde soll man das ganze auch noch speichern können.

Wie ?

Mit den Speicher Button der da ist?

Zitat von Sky-Kay

<form method="post">
<input name="Submit2" type="submit" value="Speichern" /></form>

So kommen dann aber keine geänderte Werte in der Datenbank an

Mit Ajax, der gleich ein Request sendet, wenn die Farbe geändert wurde?

Es gibt auch ein fertiges Plugin, was die Clientseitige Editierung der Tabellendaten direkt in der Tabelle macht.

Ich weiß den Namen nicht mehr. Sempervivum , kennst du das Plugin noch , du hattest da auch mal mitgearbeitet glaube ich.

Das war so ähnlich wie das hier

https://markcell.github.io/jquery-tabledit/#examples

Das könnte dir vielleicht um einiges ersparen.

Jetzt bist du dran und erklär dein Vorhaben mal genauer

Ich glaube das du hier zur Zeit falsch verstanden wirst.

Sempervivum · 26. August 2021

Zitat

Es gibt auch ein fertiges Plugin, was die Clientseitige Editierung der Tabellendaten direkt in der Tabelle macht.

Das ist jsGrid:

http://js-grid.com

Ich hatte auch schon überlegt, ob ich das dem TO empfehlen sollte aber weil mir nicht ganz klar war, was er eigentlich vor hat und ob es auf seine Anwendung passt, habe ich es erst Mal nicht getan.

Ich vermute, der TO will die Zustände in der Tabelle, die durch das Toggeln eingestellt werden, in der Datenbank speichern. Dabei wird ihm das HTML ohnehin nicht helfen weil die Zustände ja durch das CSS gesteuert werden.

Sky-Kay · 28. August 2021

Hallo basti1012

Code ist am Ende des Threads...

Zitat von basti1012

Deine Tabelle mit den ganzen mouseover und out kannst du auch einfacher halten.

Du nutzt ja schon jQuery, dann mach es da mit addClass ,bzw toogle.

Warum nutzt du jquery-1.5.2.min.js?

Fliegt dir 3.6.0 um die Ohren bei dem Code?

Bei mir irgendwie schon.

Das mit den mouseover und out soll so sein, da die Tabelle später größer ausfällt

Ich hatte es mit jquery-3.6.0.min.js versucht und da habe ich auch kein Ergebnis erreicht

mit jquery-1.5.2.min.js funktioniert es so wie es soll

Mit addClass ,bzw toogle tu ich mir noch ein bisschen schwer darum bin ich ja hier

Zitat von basti1012

Wie ?

Mit den Speicher Button der da ist?

Den Button {ohne bezug} habe ich nur so eingefügt, da ich ja noch nicht weiß wo hin gespeichert werden soll

Wollte noch einen [Ändern] Button zur Gedächtnisstütze einfügen das ich nicht vergesse

Zitat von basti1012

Das war so ähnlich wie das hier

https://markcell.github.io/jquery-tabledit/#examples

Das könnte dir vielleicht um einiges ersparen.

Habe mir die Seite Angeschaut, wenn man das nun mit den Ändern und Speichern Button so umbauen kann, das ich die gesamte Tabelle anspreche, und eine Tabellen mit der ID eines Eintrags in der Datenbank verbinden/in Bezug setzen kann. Dann würde es klappen.

Wenn ich das mit der Zellen Farbwechsel bei Klick in Zelle mit einbauen kann.

Zitat von Sempervivum

Das ist jsGrid:

http://js-grid.com

Sempervivum

Ich bin noch nicht dazu gekommen mir es anzuschauen, mach ich aber am Wochenende

-----------------------------------------------------------------------------------------------------------------------------------------

Ich hoffe ich konnte ein paar fragen beantworten?

Sempervivum · 28. August 2021

Zitat

Ich hatte es mit jquery-3.6.0.min.js versucht und da habe ich auch kein Ergebnis erreicht

mit jquery-1.5.2.min.js funktioniert es so wie es soll

Das braucht nicht zu verwundern, siehe hier:

https://api.jquery.com/toggle/

Zitat

This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9.

Toggeln einer Klasse wird dir nicht helfen, da Du drei Zustände hast.

Sky-Kay · 28. August 2021

So hier noch die Code's... Grundgerüst was ich zum testen verwende.

suchen.php

PHP

<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8">
  <title>Nachrichten suchen</title>

  <style>
  body {
   font-family: Verdana, Arial, Sans-Serif;
   background-color: Whitesmoke;
  }

  a:link, a:visited {
   color: Royalblue;
   text-decoration: None;
  }
  </style>

 </head>
<body>

<nav>
 <a href="auslesen.php">Nachrichten</a> |
 <a href="eintragen.php">Eintragen</a> |
 <a href="bearbeiten.php">Bearbeiten</a> |
 <u>Suchen</u>
</nav>

<form action="suchen.php" method="get">
 <p>
  <input type="text" name="suchbegriff" required="required"
   value="<?php echo isset($_GET["suchbegriff"]) ? htmlspecialchars($_GET["suchbegriff"], ENT_HTML5, 'UTF-8') : '' ?>">
  <input type="submit" name="suche" value="los">
 </p>
</form>

<?php
// Wurde eine Suchanfrage über GET gesendet?
if (isset($_GET["suche"])) {

 // Leerzeichen im Suchbegriff löschen.
 $_GET["suchbegriff"] = trim($_GET["suchbegriff"]);

 // Suchbegriff größer als 3 Zeichen?
 if (strlen($_GET["suchbegriff"]) >= 4) {

  // Verbindung zur Datenbank aufbauen.
  include "verbinden.php";

  /* Nachrichten auslesen
   prepare() führt die SQL-Anweisung aus, die eine
   Ergebnismenge als PDO-Statement Objekt zurück gibt. */
  $select = $db->prepare("SELECT *
                          FROM `nachrichten`
                          WHERE (`titel` LIKE :suchbegriff OR
                                 `autor` LIKE :suchbegriff OR
                                 `nachricht` LIKE :suchbegriff OR
                                 `kategorie` LIKE :suchbegriff)
                             AND `anzeige` = '1'
                          ORDER BY `datum` DESC
                          LIMIT 0, 25");

  /* $select->bindValue() bindet einen Wert an den angegebenen Variablennamen
   (der Platzhalter wird mit dem Inhalt der GET-Variable ersetzt). */
  $select->bindValue(':suchbegriff', '%' . $_GET["suchbegriff"] . '%');

  // $select->execute() führt die vorbereitete Anweisung aus.
  if ($select->execute() == false) {
   // Gibt bei einer fehlerhaften Anweisung eine SQL-Fehlermeldung aus.
   print_r($select->errorInfo());
  }

  // $select->fetchAll() gibt ein Array mit allen Datensätzen zurück.
  $nachrichten = $select->fetchAll();

  // Anzahl der Nachrichten überprüfen
  $AnzahlNachrichten = $select->rowCount();
  if ($AnzahlNachrichten > 0) {
   echo '<p>&#9655; ' . $AnzahlNachrichten .
    ($AnzahlNachrichten == 1 ? ' Nachricht' : ' Nachrichten') . ' gefunden.</p>';

   // Die gefundenen Nachrichten über eine Foreach-Schleife ausgeben.
   foreach ($nachrichten as $nachricht) {
    sscanf($nachricht['datum'], "%4s-%2s-%2s", $jahr, $monat, $tag);
    echo '<p><small>' . $tag . '.' . $monat . '.' . $jahr .
     '</small> - <b>' . $nachricht['titel'] . '</b><br> Autor: <em>' .
     $nachricht['autor'] . '</em><br> Kategorie: ' .
     $nachricht['kategorie'] . '<br>' .
     nl2br($nachricht['nachricht']) . '</p>';
   } 
  }
  else {
   echo '<p>&#9655; Es wurden keine Nachrichten gefunden!</p>';
  }
 }
 else {
  echo '<p>&#9655; Suchbegriff mit mind. 4 Zeichen!</p>';
 }
}
?>

</body>
</html>

Alles anzeigen

eintragen.php

PHP

<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8"> 
  <title>Nachricht eintragen</title>

  <style>
  body {
   font-family: Verdana, Arial, Sans-Serif;
   background-color: Whitesmoke;
  }

  a:link, a:visited {
   color: Royalblue;
   text-decoration: None;
  }
  </style>

 </head>
<body>

<nav>
 <a href="auslesen.php">Nachrichten</a> |
 <u>Eintragen</u> |
 <a href="bearbeiten.php">Bearbeiten</a> |
 <a href="suchen.php">Suchen</a>
</nav>

<form action="eintragen.php" method="post">

 <p>
  <label>Titel: 
   <input type="text" name="titel" size="45" maxlength="80" required="required" autofocus="autofocus">
  </label>
 </p>

 <p>
  <label>Autor: 
   <input type="text" name="autor" size="25" maxlength="30" required="required">
  </label>
 </p>

 <p>
  <label>Kategorie: 
   <select name="kategorie" size="1" required="required">
    <option>Aktuell</option>
    <option>Hardware</option>
    <option>Software</option>
   </select>
  </label>
 </p>

 <p>
  <label>Nachricht:<br>
  <textarea rows="10" cols="40" name="nachricht" required="required"></textarea>
  </label>
 </p>

 <p>
  <label>
  <input type="checkbox" name="anzeige"> Nachricht anzeigen
  </label>
 </p>

 <p>
  <input type="submit" value="Absenden">
 </p>

</form>

<?php
// Wurde das Formular abgesendet?
if ("POST" == $_SERVER["REQUEST_METHOD"]) {

 /* Die Formulareingaben müssen hier überprüft werden,

 /* Verbindung zur Datenbank aufbauen.
  Die Verbindung sollte erst aufgebaut werden, wenn diese benötigt wird. */
 include "verbinden.php";

 /* Der Variable $anzeige einen Wert zuweisen, entweder 1 oder 0.
  Je nachdem ob die Checkbox gesetzt (ausgewählt) wurde. */
 $anzeige = isset($_POST["anzeige"]) ? 1 : 0;

 /* Nachricht eintragen
  prepare() (prepare = aufbereiten) bereitet die Anweisung für die Ausführung vor.
  Die Platzhalter werden hier anstatt den POST-Variablen eingesetzt. */
 $insert = $db->prepare("INSERT INTO `nachrichten`
                                 SET
                                  `titel`     = :titel,
                                  `autor`     = :autor,
                                  `nachricht` = :nachricht,
                                  `kategorie` = :kategorie,
                                  `anzeige` = :anzeige,
                                  `datum` = NOW()");

 /* Die Platzhalter werden mit $insert->bindValue() durch den
  Inhalt der POST-Variablen ersetzt und maskiert. */
 $insert->bindValue(':titel', $_POST["titel"]);
 $insert->bindValue(':autor', $_POST["autor"]);
 $insert->bindValue(':nachricht', $_POST["nachricht"]);
 $insert->bindValue(':kategorie', $_POST["kategorie"]);
 $insert->bindValue(':anzeige', $anzeige);

 /* $insert->execute() führt die vorbereitete Anweisung aus.
  Bei einem erfolgreichen Eintrag wird 'true' zurück gegeben. */
 if ($insert->execute()) {
  echo '<p>&#9655; Die Nachricht wurde eingetragen.</p>';

  /* Um die gerade eingetragene Nachricht bearbeiten zu können, benötigen
   wir die ID des zuletzt eingetragenen Datensatzes: lastInsertId() */
  $id = $db->lastInsertId();

  // Nun hängen wir an den Dateinamen (bearbeiten.php) die ID dran
  echo '<p><a href="bearbeiten.php?id=' . $id . '">Nachricht bearbeiten</a></p>';

 }
 else {
  // Andernfalls (bei 'false') wird eine SQL-Fehlermeldung ausgegeben.
  print_r($insert->errorInfo());
 }
}
?>

</body>
</html>

Alles anzeigen

Sky-Kay · 28. August 2021

bearbeiten.php

PHP

<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8">
  <title>Nachrichten bearbeiten</title>

  <style>
  body {
   font-family: Verdana, Arial, Sans-Serif;
   background-color: Whitesmoke;
  }

  a:link, a:visited {
   color: Royalblue;
   text-decoration: None;
  }
  </style>

 </head>
<body>

<nav>
 <a href="auslesen.php">Nachrichten</a> |
 <a href="eintragen.php">Eintragen</a> |
 <u>Bearbeiten</u> |
 <a href="suchen.php">Suchen</a>
</nav>

<?php
// Verbindung zur Datenbank aufbauen.
include "verbinden.php";

/* Die Nachricht aus der Datenbank zum bearbeiten in ein Formular laden.
 Wurde eine ID über $_GET gesendet? */
if (isset($_GET["id"])) {

/* Nachricht mit der ID auslesen
  prepare() bereitet die Anweisung für das auslesen vor. */
 $select = $db->prepare("SELECT `id`, `titel`, `autor`, `nachricht`, `kategorie`, `anzeige`, `datum`
                         FROM `nachrichten`
                         WHERE `id` = :id");

 // Der Platzhalter wird mit $select->bindParam() durch den Inhalt der GET-Variablen maskiert.
 $select->bindParam(':id', $_GET["id"], PDO::PARAM_INT);
 $select->execute(); // Führt die Anweisung aus.

 // $select->fetch() holt die betreffende Zeile aus dem Ergebnis.
 $nachricht = $select->fetch();

 // Mit $select->rowCount() überprüfen ob ein Datensatz zurückgegeben wurde.
 if ($select->rowCount() == 1) {

 // Die Auswahlliste für die Kategorie erstellen
 $AuswahllisteKategorie = '<select name="kategorie" size="1">';
 $kategorien = ["Aktuell", "Hardware", "Software"];
 foreach ($kategorien as $kategorie) {
  $AuswahllisteKategorie .= '<option' .
  ($kategorie == $nachricht["kategorie"] ? ' selected="selected"' : '') .
  '>' . $kategorie . '</option>';
 }
 $AuswahllisteKategorie .= '</select>';

  // Die Checkbox auswählen
  $anzeigeCK = ($nachricht["anzeige"] == "1") ? ' checked="checked"' : '';

  // Formular zum bearbeiten der Nachricht ausgeben
  echo '<form action="bearbeiten.php" method="post">
   <p>
    <label>Titel: 
     <input type="text" name="titel" value="' . $nachricht["titel"] . '" size="45" maxlength="80" required="required">
    </label>
   </p>

   <p>
    <label>Autor: 
     <input type="text" name="autor" value="' . $nachricht["autor"] . '" size="25" maxlength="30" required="required">
    </label>
   </p>

   <p>
    <label>Kategorie: 
     ' . $AuswahllisteKategorie . '
    </label>
   </p>

   <p>
    <label>Nachricht: <br>
     <textarea rows="10" cols="40" name="nachricht" required="required">' . $nachricht["nachricht"] . '</textarea>
    </label>
   </p>

   <p>
    <label>
     <input type="checkbox" name="anzeige"' . $anzeigeCK . '> Nachricht anzeigen
    </label>
   </p>

   <p>
    <label><input type="radio" name="option" value="edit" checked="checked"> Ändern</label>
    <label><input type="radio" name="option" value="delete" required="required"> Löschen</label>
    <input type="hidden" name="id" value="' . $nachricht["id"] . '">
   </p>

   <p>
    <input type="submit" name="execute" value="Absenden">
   </p>
  </form>';
 }
 else {
  echo '<p>Dieser Datensatz ist nicht vorhanden!</p>';
 }
}

// Nachricht ändern oder löschen
if (isset($_POST["execute"])) {

 // Nachricht ändern
 if ($_POST["option"] == 'edit') {

  /* Die Formulareingaben müssen hier überprüft werden,

 /*  Der Variable: $anzeige einen Wert zuweisen, entweder 1 oder 0.
   Je nachdem ob die Checkbox gesetzt (ausgewählt) wurde. */
  $anzeige = isset($_POST["anzeige"]) ? 1 : 0;

  // prepare() (prepare = aufbereiten) bereitet die Anweisung für die Ausführung vor.
  $update = $db->prepare("UPDATE `nachrichten`
                          SET
                            `titel`     = :titel,
                            `autor`     = :autor,
                            `nachricht` = :nachricht,
                            `kategorie` = :kategorie,
                            `anzeige` = :anzeige
                          WHERE `id` = :id");

  /* Die Platzhalter werden über ein assoziatives Array mit dem Inhalt der POST-Variablen übergeben.
   $update->execute() führt die Anweisung dann aus. */
  if ($update->execute( [':titel' => $_POST["titel"],
                         ':autor' => $_POST["autor"],
                         ':nachricht' => $_POST["nachricht"],
                         ':kategorie' => $_POST["kategorie"],
                         ':anzeige' => $anzeige,
                         ':id' => $_POST["id"] ])) {
   echo '<p>&#9655; Die Nachricht wurde überschrieben.</p>';
  }
  else {
   // SQL-Fehlermeldung anzeigen.
   print_r($update->errorInfo());
  }
 }

 // Nachricht löschen
 if ($_POST["option"] == 'delete') {

  // prepare() bereitet die Anweisung für die Ausführung vor.
  $delete = $db->prepare("DELETE FROM `nachrichten`
                          WHERE `id` = :id");

  /* Der Platzhalter wird über ein assoziatives Array mit dem Inhalt der POST-Variable übergeben.
   $delete->execute() führt die Anweisung dann aus. */
  if ($delete->execute( [':id' => $_POST["id"] ])) {
   echo '<p>&#9655; Die Nachricht wurde gelöscht.</p>';
  }
 }
}

/* Nachrichten auslesen
 $select->query() führt die SQL-Anweisung aus,
 die eine Ergebnismenge als PDOStatement Objekt zurück gibt. */
$select = $db->query("SELECT `id`, `titel`, `autor`, `nachricht`, `kategorie`, `anzeige`, `datum`
                      FROM `nachrichten`
                      ORDER BY `datum` DESC");

// $select->fetchAll(PDO::FETCH_OBJ) gibt ein Objekt mit allen Datensätzen zurück.
$nachrichten = $select->fetchAll(PDO::FETCH_OBJ);

// Anzahl der Nachrichten mit count($nachrichten) ausgeben.
echo '<h4>' . count($nachrichten) .
 (count($nachrichten) == 1 ? ' Nachricht' : ' Nachrichten') . '</h4>';

// Ausgabe über eine Foreach-Schleife
foreach ($nachrichten as $nachricht) {
 sscanf($nachricht->datum, "%4s-%2s-%2s", $jahr, $monat, $tag);
 echo '<p><small>' . $tag . '.' . $monat . '.' . $jahr .
  '</small> - <b>' . $nachricht->titel . '</b><br>' .
  ' Autor: <em>' . $nachricht->autor . '</em><br>' .
  ' Kategorie: ' . $nachricht->kategorie . '<br>' .
  nl2br($nachricht->nachricht) . '<br>' .
  'Anzeige: ' . $nachricht->anzeige . ' - ' .
  '<a href="?id=' . $nachricht->id . '"><small>Nachricht bearbeiten</small></a></p>';
}
?>

</body>
</html>

Alles anzeigen

auslesen.php

PHP

<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8">
  <title>Nachrichten</title>

  <style>
  body {
   font-family: Verdana, Arial, Sans-Serif;
   background-color: Whitesmoke;
  }

  a:link, a:visited {
   color: Royalblue;
   text-decoration: None;
  }
  </style>

 </head>
<body>

<nav>
 <u>Nachrichten</u> |
 <a href="eintragen.php">Eintragen</a> |
 <a href="bearbeiten.php">Bearbeiten</a> |
 <a href="suchen.php">Suchen</a>
</nav>

<?php
// Verbindung zur Datenbank aufbauen
include "verbinden.php";

// Anzahl der Datensätze (Nachrichten) pro Seite
$DatensaetzeSeite = 2;

// Anzahl der Datensätze ermitteln
$AnzahlDatensaetze = $db->query("SELECT COUNT(*) FROM `nachrichten` WHERE `anzeige` = '1'")->fetchColumn(0);

// Sind Datensätze vorhanden?
if ($AnzahlDatensaetze > 0) {

 // Die Anzahl der Seiten ermitteln
 $AnzahlSeiten = ceil($AnzahlDatensaetze / $DatensaetzeSeite);

 // Die aktuelle Seite ermitteln
 $AktuelleSeite = isset($_GET["seite"]) ? $_GET["seite"] : 1;

 // Den Wert überprüfen und ggf. ändern
 $AktuelleSeite = ctype_digit($AktuelleSeite) ? $AktuelleSeite : 1;
 $AktuelleSeite = $AktuelleSeite < 1 || $AktuelleSeite > $AnzahlSeiten ? 1 : $AktuelleSeite;

 // Den Versatz ermitteln
 $Versatz = $AktuelleSeite * $DatensaetzeSeite - $DatensaetzeSeite;
 
 /* Alle Datensätze auslesen die in der DB-Spalte `anzeige` den Wert 1 haben.
  Mit LIMIT die Ausgabe der Datensätze begrenzen (Versatz und Datensätze pro Seite). */
 $select = $db->prepare("SELECT `titel`, `autor`, `nachricht`, `kategorie`, `datum`
                         FROM `nachrichten`
                         WHERE `anzeige` = '1'
                         ORDER BY `datum` DESC
                         LIMIT :versatz, :DatensaetzeSeite");
 $select->bindParam(':versatz', $Versatz, PDO::PARAM_INT);
 $select->bindParam(':DatensaetzeSeite', $DatensaetzeSeite, PDO::PARAM_INT);
 $select->execute();
 $nachrichten = $select->fetchAll();

 // Ausgabe über eine Foreach-Schleife
 foreach ($nachrichten as $nachricht) {
  // Mit sscanf() wird das Format des Datums in die Variablen $jahr, $monat und $tag extrahiert.
  sscanf($nachricht['datum'], "%4s-%2s-%2s", $jahr, $monat, $tag);

  echo '<p><small>' . $tag . '.' . $monat . '.' . $jahr .
   '</small> - <b>' . $nachricht['titel'] . '</b><br>' .
   ' Kategorie: ' . $nachricht['kategorie'] . '<br>' .
   ' Autor: <em>' . $nachricht['autor'] . '</em><br>' .
   nl2br($nachricht['nachricht']) . '</p>';
 }

 // Formular.- und Blätterfunktion (Wer sich da auskennt bekommt einen Preis verliehen ;)
 echo '<form action="auslesen.php" method="GET" autocomplete="off">' . 
  (($AktuelleSeite - 1) > 0 ?
    '<a href="?seite=' . ($AktuelleSeite - 1) . '">&#9664;</a>' :
    ' &#9664;') .
 ' <label>Seite <input type="text" value="' . $AktuelleSeite . '" name="seite" size="3"' .
 ' title="Seitenzahl eingeben und die Eingabetaste drücken."> von ' . $AnzahlSeiten . '</label>' .
  (($AktuelleSeite + 1) <= $AnzahlSeiten ?
    ' <a href="?seite=' . ($AktuelleSeite + 1) . '">&#9654;</a>' :
    ' &#9654;') .
 '</form>';
}
else {
 echo '<p>Keine Nachrichten vorhanden!</p>';
}
?>

</body>
</html>

Alles anzeigen

basti1012 · 28. August 2021

Ich muss ehrlich sagen, dass es mich nur noch mehr verwirrt.

Ich verstehe immer noch nicht was deine Tabelle aus Beitrag 2# damit Zutun hat?

Wenn du in der suchen.php nach Test suchst , soll die Ausgabe dann wie in #2 aussehen?

Die Inhalte der erzeugten Tabelle könnte man dann mit http://js-grid.com/ bearbeiten.

Damit weiß ich auch nix anzufangen

Zitat von Sky-Kay

Ich habe eine Datenbank in der die Daten eingetragen werden, jetzt soll wenn die Daten gespeichert werden eine html Tabelle zu dieser id mit erstellt werden.

Stef · 29. August 2021

Hey Sky-Kay,

du kannst nach dem erfolgreichen Datenbankeintrag die gerade erst eingetragenen Daten selektieren, fetchen und mittels diesen die HTML-Tabelle erstellen, die du brauchst. Nachdem diese erstellt wurde weist du dieser einer Variable zu, welche du dann in die Datenbanktabelle wieder einfügst.

Ich stimme auch m.scatello zu. Dies ist eine gewisse redundante Datenspeicherung. Nur in einer anderen Form. Nur wenn sich die Daten der anderen einzelnen Felder ändert, musst du diese natürlich direkt auch in der Tabelle ändern. Sonst kommt es dazu, dass durch diese Vorgehensweise der Speicherung unterschiedliche Daten vorhanden sind und diese zwar an einer Stelle dann aktuell sind und in der Tabelle noch veraltet. Da musst du aufpassen.

Hier ist ein Beispielcode:

PHP

 // Beispiel

$result = $stmt->execute([data,...]);


if($result){
    $lastInsertId = $database->lastInsertId();

    $selectStmt = $database->prepare("SELECT xyz FROM xyz WHERE id = ?");
    $selectStmt->execute([$lastInsertId]);
    
    $data = $selectStmt->fetchAll(PDO::FETCH_OBJ);

    // Generiere deine Tabelle mit $data

    Generiere Tabelle....
    $table = ...;
    
    // Eventuell ist es auch einfach nur ein UPDATE-Statement
    $insertStmt = $database->prepare("INSERT INTO xyz (..., table) VALUES (..., $table)");
    $insertResult = $insertStmt->execute();
    
    if($insertResult){
        echo "Tabelle erfolgreich eingefügt";
    }
}

Alles anzeigen

Schöne Grüße,
Stef

Sky-Kay · 30. August 2021

Hallo Stef

Danke erstmal für den code

ich habe mal ein paar Bilder erstellt um zu fragen ob dann so in etwa ist ?

Bei den Bildern [Eintragen] sieht man was z.B. in der Datenbank gespeichert wird....

Bei den Bildern [suchen] würde man die Tabelle sehen wenn ich es richtig verstehe?

Wenn Ja, kommt dein Code dann an der angezeigten Stelle in der eintragen.php rein?

Code

<p>
  <label>
  <input type="checkbox" name="anzeige"> Nachricht anzeigen
  </label>
 </p>
        <---------------------- hier rein
 <p>
  <input type="submit" value="Absenden">
 </p>
</form>

Und kann ich die Farbe der Zellen durch einen klick ändern und durch einen Speichern Button aktualisieren ?

Das sind so die Kleinigkeiten wo ich mir schwer tue

Grüssle

Sky-Kay

Sempervivum · 30. August 2021

Zitat von Sky-Kay

Und kann ich die Farbe der Zellen durch einen klick ändern und durch einen Speichern Button aktualisieren ?

Meine Beiträge werden hier ja meistens ignoriert, aber ich versuche es noch Mal:

Sky-Kay Kannst Du diese Vermutung von mir aus Posting #10 bestätigen?

Zitat

Ich vermute, der TO will die Zustände in der Tabelle, die durch das Toggeln eingestellt werden, in der Datenbank speichern.

Sky-Kay · 30. August 2021

Hallo Sempervivum

entschuldige hatte es gelesen konnte aber mit TO nichts anfangen sorry

Zitat von Sky-Kay

Sempervivum
Ich bin noch nicht dazu gekommen mir es anzuschauen, mach ich aber am Wochenende

Zitat von Sempervivum

Meine Beiträge werden hier ja meistens ignoriert, aber ich versuche es noch Mal:

Und ich tu mir bei der Umsetzung bisschen schwer

Sempervivum · 30. August 2021

TO heißt "Thread Opener", d. h. der, der die Diskussion eröffnet hat, also Du. Tut mir Leid für die Unklarheit.

Nach Dateneintrag in Datenbank soll eine html Tabelle erzeugt und mit gespeichert werden

Jetzt mitmachen!

Teilen

Tags