{"id":134,"date":"2025-01-27T08:08:24","date_gmt":"2025-01-27T07:08:24","guid":{"rendered":"http:\/\/cibis.de\/blog\/?p=134"},"modified":"2025-01-21T08:20:57","modified_gmt":"2025-01-21T07:20:57","slug":"linksammkung-teil-3-feinheiten","status":"publish","type":"post","link":"https:\/\/cibis.de\/blog\/linksammkung-teil-3-feinheiten\/2025\/","title":{"rendered":"Linksammlung Teil 3 – Feinheiten"},"content":{"rendered":"\n

Mit Teil 2<\/a> war die Linksammlung fast schon vollst\u00e4ndig. Heute kommen noch ein paar Feinheiten dazu. Z.B. sollen die Tags ausgegeben und geordnet werden und die M\u00f6glichkeit bestehen Links wieder zu l\u00f6schen.<\/p>\n\n\n\n\n\n\n\n

\/\/ Tag-Liste ausgeben\necho \"<h2>Tags:<\/h2>\";\necho \"<ul class=\\\"tag-list\\\">\";\nforeach ($tags as $tag) {\n    echo \"<li><a href=\\\"?tag=$tag\\\">$tag<\/a><\/li>\";\n}\necho \"<\/ul>\";\n\n\/\/ Links nach Tag filtern\nif (isset($_GET[\"tag\"])) {\n    $tag = $_GET[\"tag\"];\n    $sql = \"SELECT * FROM links WHERE tags LIKE '%$tag%'\";\n    echo \"<button onclick=\\\"window.location.href='urls.php'\\\">Zur\u00fcck<\/button>\";\n} else {\n    \/\/ Alle Links abrufen und nach Datum sortieren\n    $sql = \"SELECT * FROM links ORDER BY created_at DESC\";\n}\n\n$result = $conn->query($sql);\n\nif ($result->num_rows > 0) {\n    echo \"<h2>Links:<\/h2>\";\n    echo \"<ul>\";\n    while($row = $result->fetch_assoc()) {\n        echo \"<li>\";\n        echo \"<a href=\\\"\" . $row[\"url\"] . \"\\\" target=\\\"_blank\\\">\" . $row[\"name\"] . \"<\/a>\";\n        echo \" <a href=\\\"?delete=\" . $row[\"id\"] . \"\\\" class=\\\"delete-button\\\">L\u00f6schen<\/a>\";\n        echo \"<\/li>\";\n    }\n    echo \"<\/ul>\";\n} else {\n    echo \"Keine Links gefunden.\";\n}<\/code><\/pre>\n\n\n\n
Eigentlich fehlen jetzt nur noch die jeweiligen Tags um das PHP zu kennzeichnen, sowie eventuell CSS. Komplett w\u00fcrde die Datei folgenderma\u00dfen aussehen:<\/p>\n\n\n\n
<?php\n\n\/\/ Datenbankverbindungsdaten\n$servername = \"localhost\";\n$username = \"dein_benutzername\";\n$password = \"dein_passwort\";\n$dbname = \"db_name\";\n\n\/\/ Datenbankverbindung herstellen\n$conn = new mysqli($servername, $username, $password);\n\n\/\/ \u00dcberpr\u00fcfen, ob die Verbindung erfolgreich war\nif ($conn->connect_error) {\n    die(\"Verbindung fehlgeschlagen: \" . $conn->connect_error);\n}\n\n\/\/ Datenbank erstellen, falls sie noch nicht existiert\n$sql = \"CREATE DATABASE IF NOT EXISTS $dbname\";\nif ($conn->query($sql) === TRUE) {\n    \/\/echo \"Datenbank erfolgreich erstellt\";\n} else {\n    echo \"Fehler beim Erstellen der Datenbank: \" . $conn->error;\n}\n\n\/\/ Datenbank ausw\u00e4hlen\n$conn->select_db($dbname);\n\n\/\/ Tabelle erstellen, falls sie noch nicht existiert\n$sql = \"CREATE TABLE IF NOT EXISTS links (\n    id INT AUTO_INCREMENT PRIMARY KEY,\n    url VARCHAR(255) NOT NULL,\n    name VARCHAR(255) NOT NULL,\n    tags VARCHAR(255),\n    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n)\";\nif ($conn->query($sql) === TRUE) {\n    \/\/echo \"Tabelle erfolgreich erstellt\";\n} else {\n    echo \"Fehler beim Erstellen der Tabelle: \" . $conn->error;\n}\n\n\/\/ Link hinzuf\u00fcgen\nif ($_SERVER[\"REQUEST_METHOD\"] == \"POST\" && isset($_POST[\"url\"]) && isset($_POST[\"name\"]) && isset($_POST[\"tags\"])) {\n    $url = $_POST[\"url\"];\n    $name = $_POST[\"name\"];\n    $tags = $_POST[\"tags\"];\n\n    \/\/ Prepared Statement verwenden, um SQL-Injection zu verhindern\n    $stmt = $conn->prepare(\"INSERT INTO links (url, name, tags) VALUES (?, ?, ?)\");\n    $stmt->bind_param(\"sss\", $url, $name, $tags);\n\n    if ($stmt->execute() === TRUE) {\n        \/\/echo \"Link erfolgreich hinzugef\u00fcgt\";\n    } else {\n        echo \"Fehler beim Hinzuf\u00fcgen des Links: \" . $stmt->error;\n    }\n    $stmt->close();\n}\n\n\/\/ Link l\u00f6schen\nif (isset($_GET[\"delete\"])) {\n    $id = $_GET[\"delete\"];\n\n    \/\/ Prepared Statement verwenden, um SQL-Injection zu verhindern\n    $stmt = $conn->prepare(\"DELETE FROM links WHERE id=?\");\n    $stmt->bind_param(\"i\", $id);\n\n    if ($stmt->execute() === TRUE) {\n        \/\/echo \"Link erfolgreich gel\u00f6scht\";\n    } else {\n        echo \"Fehler beim L\u00f6schen des Links: \" . $stmt->error;\n    }\n    $stmt->close();\n}\n\n?>\n\n<!DOCTYPE html>\n<html>\n<head>\n  <title>Linksammlung<\/title>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <style>\n    body {\n      font-family: Arial, sans-serif; color: black; background-color: white;\n background-repeat: no-repeat; background-position: right top;\nbackground-attachment: fixed; \nopacity: 0.7; \nmargin: 50px;\nborder: 1px dashed black; \/* 1px breite, gestrichelte, schwarze Linie *\/ padding: 20px; \/* 20px Abstand \n    }\na { text-decoration: none; \ncolor: black;  \n}\na:visited { color: black; \/* Setzt die Farbe f\u00fcr besuchte Links ebenfalls auf schwarz *\/ }\n    .tag-list {\n      list-style: none;\n      padding: 0;\n      margin-bottom: 20px;\n    }\n    .tag-list li {\n      display: inline-block;\n      margin-right: 10px;\n    }\n    .delete-button {\n      color: red;\n      font-size: smaller;\n    }\n    \/* Responsive Design f\u00fcr kleinere Bildschirme *\/\n    @media (max-width: 600px) {\n      input[type=\"text\"] {\n        width: 100%;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<h1>Linksammlung<\/h1>\n\n<form method=\"post\">\n  URL: <input type=\"text\" name=\"url\" required><br><br>\n  Name: <input type=\"text\" name=\"name\" required><br><br>\n  Tags (durch Komma getrennt): <input type=\"text\" name=\"tags\"><br><br>\n  <input type=\"submit\" value=\"Link hinzuf\u00fcgen\">\n<\/form>\n\n<?php\n\n\/\/ Tags abrufen und alphabetisch sortieren\n$sql = \"SELECT DISTINCT tags FROM links\";\n$result = $conn->query($sql);\n$tags = array();\nif ($result->num_rows > 0) {\n    while($row = $result->fetch_assoc()) {\n        $tags = array_merge($tags, explode(\",\", $row[\"tags\"]));\n    }\n    $tags = array_unique($tags);\n    sort($tags);\n}\n\n\/\/ Tag-Liste ausgeben\necho \"<h2>Tags:<\/h2>\";\necho \"<ul class=\\\"tag-list\\\">\";\nforeach ($tags as $tag) {\n    echo \"<li><a href=\\\"?tag=$tag\\\">$tag<\/a><\/li>\";\n}\necho \"<\/ul>\";\n\n\/\/ Links nach Tag filtern\nif (isset($_GET[\"tag\"])) {\n    $tag = $_GET[\"tag\"];\n    $sql = \"SELECT * FROM links WHERE tags LIKE '%$tag%'\";\n    echo \"<button onclick=\\\"window.location.href='urls.php'\\\">Zur\u00fcck<\/button>\";\n} else {\n    \/\/ Alle Links abrufen und nach Datum sortieren\n    $sql = \"SELECT * FROM links ORDER BY created_at DESC\";\n}\n\n$result = $conn->query($sql);\n\nif ($result->num_rows > 0) {\n    echo \"<h2>Links:<\/h2>\";\n    echo \"<ul>\";\n    while($row = $result->fetch_assoc()) {\n        echo \"<li>\";\n        echo \"<a href=\\\"\" . $row[\"url\"] . \"\\\" target=\\\"_blank\\\">\" . $row[\"name\"] . \"<\/a>\";\n        echo \" <a href=\\\"?delete=\" . $row[\"id\"] . \"\\\" class=\\\"delete-button\\\">L\u00f6schen<\/a>\";\n        echo \"<\/li>\";\n    }\n    echo \"<\/ul>\";\n} else {\n    echo \"Keine Links gefunden.\";\n}\n\n$conn->close();\n\n?>\n\n<\/body>\n<\/html><\/code><\/pre>\n
<\/div>","protected":false},"excerpt":{"rendered":"
Mit Teil 2 war die Linksammlung fast schon vollst\u00e4ndig. Heute kommen noch ein paar Feinheiten dazu. Z.B. sollen die Tags ausgegeben und geordnet werden und die M\u00f6glichkeit bestehen Links wieder zu l\u00f6schen.<\/p>\n","protected":false},"author":1,"featured_media":135,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,7],"tags":[10,8,9,4],"class_list":["post-134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code","category-php","tag-bookmark","tag-code","tag-mysql","tag-php"],"_links":{"self":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":4,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/posts\/134\/revisions\/138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/media\/135"}],"wp:attachment":[{"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cibis.de\/blog\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}