eXist-db und VueJS für dynamische UI-Komponenten

In dem Workshop sollen Teilnehmende lernen, wie man mit der XML-Datenbank eXist-db Daten nach JSON serialisiert und anhand der ausgelieferten JSON-Daten mit Hilfe von vue.js reaktive HTML-Komponenten erstellt. Als praktisches Beispiel für den Workshop werden die Daten und der Quellcode von quoteSalute zur Veranschaulichung benutzt. quoteSalute aggregiert Grußformeln aus verschiedenen digitalen Briefeditionen, bereitet diese auf, sodass Nutzer*innen Briefabschlüsse von z.B. Alexander von Humboldt, Friedrich Schleiermacher oder Anna Gräfin von Lehndorff über einen Klick in ihre eigene E-Mail-Korrespondenz einfügen können. Die Daten dafür werden in einer eXist-db-Instanz als TEI-XML vorgehalten und die Benutzeroberfläche über Vue.js realisiert.

Nach dem Workshop sollen die Teilnehmenden in der Lage sein, eine einfache, reaktive Vue.js-Applikation zu programmieren und deren Aufbau erklären zu können, diese Vue.js-Applikation an eine JSON-REST-Schnittstelle anzubinden, und das grundlegende Prinzip im Zusammenspiel von Backend - JSON-API - JavaScript-Frontend auch auf andere Technologien und Frameworks übertragen zu können.