WEB Einleitung

PHP

PROZESS- & OO-PROGRAMMIERUNG

HTML

W3C • META • TAG · VIEW

MYSQL

DATENBANKDESIGN • CONTENT-ID

CSS

RESPONSIV • DEVICE

Asynchrones JavaScript und XML - AJAX

Auf dieser Seite findest Du einen Überblick über die technischen Möglichkeiten sich eine eigene dynamische Webseite zu erstellen, prinzipiell und und im Webflow-System.

Was ist AJAX?
_{Warum AJAX so cool ist 🚀}

AJAX, was für Asynchronous JavaScript and XML steht, ist eine Web-Technologie, die es ermöglicht, Daten vom Server zu laden und Webseiten dynamisch zu aktualisieren, ohne dass die gesamte Seite neu geladen werden muss. Das macht die User Experience erheblich schneller und flüssiger.

AJAX ist der heimliche Held vieler moderner Webanwendungen und hat die Art und Weise, wie wir das Internet nutzen, revolutioniert. Stell dir vor, du bist auf einer E-Commerce-Seite und fügst ein Produkt zum Warenkorb hinzu. Dank AJAX musst du nicht auf eine neue Seite weitergeleitet werden. Stattdessen wird nur der Warenkorb-Bereich im Hintergrund aktualisiert, während du ungestört weiter shoppen kannst.

Asynchronität: Das "A" in AJAX ist entscheidend. Es bedeutet, dass der Browser die Anfrage an den Server schickt und gleichzeitig weiterhin andere Aufgaben ausführen kann. Die Webseite blockiert nicht, während sie auf die Serverantwort wartet. Das führt zu einem nahtlosen Erlebnis.
Minimaler Datenverkehr: AJAX überträgt nur die notwendigen Daten, nicht die gesamte HTML-Struktur der Seite. Dies spart Bandbreite und beschleunigt die Ladezeiten, was besonders auf mobilen Geräten oder bei langsamen Internetverbindungen spürbar ist.
Interaktive Oberflächen: AJAX ermöglicht die Erstellung von hochgradig interaktiven und dynamischen Benutzeroberflächen, die sich wie Desktop-Anwendungen anfühlen. Beispiele dafür sind Live-Sucheingaben, "Unendlich-Scroll"-Seiten (Infinite Scroll) wie bei Facebook oder Instagram, und die automatische Validierung von Formularen, ohne dass der Benutzer die Seite verlassen muss.

AJAX und die modernen Web-Technologien

Obwohl das "X" in AJAX für XML steht, wird heute fast ausschließlich JSON (JavaScript Object Notation) für den Datenaustausch verwendet. JSON ist leichter, einfacher zu parsen und passt perfekt zur JavaScript-Welt. Die Grundprinzipien von AJAX sind aber geblieben und werden durch moderne JavaScript-APIs wie Fetch oder Axios noch einfacher umgesetzt.

Die Kombination aus PHP 8.3 und MariaDB/MySQL mit AJAX ist besonders leistungsfähig. PHP auf dem Server verarbeitet die AJAX-Anfrage, holt die benötigten Daten blitzschnell aus der Datenbank und sendet sie im JSON-Format zurück an den Browser. Dort wird der JSON-Datensatz von JavaScript empfangen und die Webseite dynamisch aktualisiert. Es ist eine perfekte Symbiose, die eine schnelle, sichere und interaktive Webanwendung ermöglicht.

Quelle: www.php-einfach.de

LOGIESCHE OPERATOREN

UND, ODER, NICHT: Die Logik-Operatoren
Diese drei Operatoren sind die Grundpfeiler jeder logischen Struktur in Programmierung und Datenbank-Abfragen. UND (AND) ist der strengste Filter: Das Ergebnis ist nur dann wahr, wenn alle verknüpften Bedingungen erfüllt sind. ODER (OR) ist flexibler: Das Ergebnis ist wahr, sobald mindestens eine Bedingung erfüllt ist. NICHT (NOT) hingegen negiert eine Bedingung und wird genutzt, um genau jene Datensätze oder Ergebnisse auszuschließen, welche die definierte Bedingung erfüllen. Sie ermöglichen präzise Entscheidungen und zielgerichtete Filterungen.

⋀ UND

B

A

1 ⋀
‍_GLIED

WAHRHEITSTABELLE

WERT A

WERT B

⋀

SCHALTFUNKTION UND

DB WERT A

PHP CODE

DB WERT B

FISCHER

GOLDFISCH

FISCHER

GOLDFISCH

⋁ ODER

B

A

0 1 1

1 0 1

1 ⋁
‍_GLIED

WAHRHEITSTABELLE

WERT A

WERT B

⋁

SCHALTFUNKTION ODER

DB WERT A

PHP CODE

DB WERT B

FISCHER

FISCHER

GOLDFISCH

FISCHER

GOLDFISCH

BEACHTE: NOR / NICHT-ODER / NODER
Das NOR ist ein aus ODER und NICHT zusammengeschaltetes Element. Es arbeitet wie ein ODER, dessen Ausgang negiert ist. Der Ausgang V ist immer dann 1, wenn die Eingänge A und B gleich 0 sind.
Quelle: https://www.elektronik-kompendium.de/sites/dig/0205185.htm

Sprichwort, wer A sagt muß auch B sagen.
‍
Henry Maurice Sheffer 1913_{Die boolesche Algebra ist nach}_{George Boole}_{benannt, da sie auf dessen}_Logikkalkül_{von 1847 zurückgeht, in dem er erstmals algebraische Methoden in der}_Klassenlogik_und_{Aussagenlogik}_{anwandte. Ihre heutige Form verdankt sie der Weiterentwicklung durch Mathematiker wie}_{John Venn}_,_{William Stanley Jevons}_,_{Charles Peirce}_,_{Ernst Schröder}_und_{Giuseppe Peano}_{. - Wikipedia}
‍

¬ NICHT

A

0

1 ¬
‍_GLIED

WAHRHEITSTABELLE

WERT A

⤨

🙃

😀

🙃

SCHALTFUNKTION NICHT

DB WERT A

PHP CODE

INVERT

FISCHER

= | !

FISCHER

GOLDFISCH

! | =

GOLDFISCH

🎣

🐟

RELATION DATENBANK

Die Tabelle auf dieser Seite dient dazu, das abstrakte, mathematische Konzept der Relation in einer Datenbank anschaulich zu machen. Sie demonstriert, dass eine Datenbanktabelle im Kern eine Menge von Tupeln (Zeilen) ist, die über Attribute (Spalten) definiert werden. Die Struktur verdeutlicht den Zusammenhang zwischen dem theoretischen Modell (Relation) und dessen praktischer Umsetzung in Form einer strukturierten Tabelle, wobei Spalten die Eigenschaften und Zeilen die konkreten Daten-Instanzen darstellen.

TUPEL

LEFT JOIN und RIGHT JOIN sind essentielle SQL-Befehle, um Tupel (Zeilen) aus zwei oder mehr Tabellen zu verknüpfen, basierend auf einer gemeinsamen Spalte wie der kunden_id. Der LEFT JOIN ist inklusiv zur linken Tabelle: Er liefert alle Datensätze (z.B. alle Kunden) aus der ersten Tabelle und ergänzt sie um die passenden Daten (z.B. Projekte) aus der zweiten Tabelle; falls keine Übereinstimmung gefunden wird, bleibt der Platz der rechten Tabelle leer (NULL). Der RIGHT JOIN kehrt dieses Prinzip um, indem er alle Tupel aus der rechten Tabelle (z.B. alle Projekte) in den Fokus rückt und sie mit den passenden Kundendaten aus der linken Tabelle verbindet. Beide dienen dazu, vollständige und asymmetrische Datensichten zu erstellen.

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

0₂

0₁₆

1₂

1₁₆

10₂

2₁₆

11₂

3₁₆

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

100₂

4₁₆

101₂

5₁₆

110₂

6₁₆

111₂

7₁₆

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

1000₂

8₁₆

1001₂

9₁₆

1010₂

A₁₆

1011₂

B₁₆

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

1100₂

C₁₆

1101₂

D₁₆

1110₂

E₁₆

1111₂

F₁₆

relationales Modell

informeller Begriff

Erklärung

Deutsch

Englisch

Deutsch

Englisch

Relation, Entitätstyp, Entitätsklasse

relation

Tabelle

table

Eine Tabelle in einer Datenbank

Tupel, Entität

tuple, entity

Zeile

row

Ein horizontaler Datensatz einer Tabelle in der Datenbank

Beziehung

relationship

Beziehung einzelner Tupel zueinander

Kardinalität

cardinality

Mengenangabe zur Beziehung einzelner Tupel (z. B. 1:1, 1:n, n:m)

Attribut

attribute

Spalte

column

vertikaler Spaltenindex einer Tabelle

Grad

degree

Anzahl der eindeutig identifizierenden Attribute

Primärschlüssel

primary key

eindeutiger Identifikator

Fremdschlüssel

foreign key

Schlüssel aus einer anderen Tabelle, um eine Beziehung herstellen zu können

Wertebereich

domain

Typ

type

Werte, die ein Attribut annehmen kann

Skalar

scalar

Wert

value

Wert eines Attributes in einem Tupel

Quelle: Wikipedia

CRUD

CRUD: Die vier Grundpfeiler der Dynamik (PHP & MySQL)🛠️
‍
CRUD steht für die vier grundlegenden Operationen, die auf Daten in einer Datenbank ausgeführt werden können:
Create, Read, Update undDelete. In der Webentwicklung mit PHP und MySQL bilden diese Aktionen dasHerzstück jeder dynamischen Anwendung (wie z.B. ein Blog, ein Shop oder einKontaktformular).

C (Create): Daten einfügen (PHP sendet einen INSERT-Befehl an MySQL).
R (Read): Daten auslesen und anzeigen (PHP sendet einen SELECT-Befehl an MySQL).
U (Update): Bestehende Daten ändern (PHP sendet einen UPDATE-Befehl an MySQL).
D (Delete): Daten dauerhaft löschen (PHP sendet einen DELETE-Befehl an MySQL).

PHP agiert hier als die Schnittstelle, die die Benutzerinteraktion auf der Webseite in die entsprechenden SQL-Befehleübersetzt, um die Daten in der MySQL-Datenbank zu verwalten.