MMI Vue API A11y Demo

Didaktisches WordPress-Plugin für eine Vorlesungsdemo:

• Vue/MVVM im Frontend
• WordPress REST API im Backend
• Nonce, Capability, Sanitizing, Escaping
• A11y-Sprachstufen: Standard, Leichte Sprache, autismusfreundlich
• i18n über WordPress-Mechanismen
• JWT als Transfer-/Ausblicksthema

Installation

1. ZIP-Datei in WordPress unter Plugins > Installieren > Plugin hochladen hochladen.
2. Plugin aktivieren.
3. Seite oder Beitrag erstellen.
4. Formular-Shortcode einfügen: [mmi_feedback]
5. Optional darunter Eintrags-Shortcode einfügen: [mmi_feedback_entries limit="5" show_user="no" show_mode="yes"]
6. Als eingeloggter WordPress-Benutzer testen.
7. Backend-Auswertung unter Einstellungen > MMI Vue API Demo öffnen.

Shortcodes

[mmi_feedback] Zeigt das Vue-Formular und sendet Feedback per WordPress REST API.

[mmi_feedback_entries] Zeigt gespeicherte Feedback-Einträge im Frontend. Attribute:

• limit="5" Anzahl der Einträge, maximal 20.
• show_user="no" Benutzername ausblenden.
• show_mode="yes" Verständlichkeitsmodus anzeigen.

Wichtiger Sicherheitshinweis

Dieses Plugin ist für die Lehre gebaut. Es zeigt Sicherheitsmechanismen, ist aber kein Produktionsplugin. Für echte Projekte: Build-Prozess, lokale Abhängigkeiten, Tests, Rollenmodell, Datenbanktabellen, Nonce-/JWT-Konzept, Rate-Limiting, Logging, Datenschutzprüfung und Dependency-Management ergänzen.

Changelog

1.0.2

• [mmi_feedback_entries] ist jetzt eine Vue-gestützte Live-Liste.
• Neuer REST-GET-Endpoint für Feedback-Einträge.
• Nach dem Speichern wird ein Browser-Event ausgelöst und die Liste ohne Seitenreload aktualisiert.