Warum das Ganze?
Fragen Sie sich vielleicht. Es gibt im Netz sehr viele gute und umfangreiche Seiten , zu allen hier dargebotenen Themen. Warum also wieder eine neue Seite mit altem Inhalt ?
Nun, ich sehe zumindest für meine Person, Bedarf an zusätzlichen Beispielen.
Ich war gezwungen eine Java Anwendung in eine Web Anwendung umzustellen. Damit begann mein Weg durch das Web, um mir Informationen über das HowTo zu beschaffen, der letztlich nach vielen Tagen und erheblichem Frust doch zum Erfolg führte. Viele der gefundenen Beispiele waren für Anfänger nur schwer nachvollziehbar, da diese offenbar ein gewisses Grundwissen voraussetzten. Es gibt im Netz z.B. eine Seite bei der man Code Beispiele live nachvollziehen kann. Die dort vorhanden Beispiele funktionieren mehr oder weniger gut. Allerdings konnte ich zunächst in keinem einzigen Fall nachvollziehen, warum Beispiele dort funktionieren, bei mir jedoch nicht (sehr frustrierend !!). Dies liegt nach meinen Erkenntnissen daran, dass dort zwar der Code veröffentlicht wird, nicht aber die Voraussetzungen (benötigte Bibliotheken usw.)
Mein Grundwissen war bei mir teilweise nur spärlich (Java Script) bis gar nicht (jquery, Baum Darstellung auf einer Webseite) vorhanden. Daher habe ich mich entschlossen, meine gewonnenen Erfahrungen hier öffentlich zu machen, um Anderen den steinigen Weg zum Erfolg zu erleichtern.
Ich würde mich freuen, wenn mir das gelungen ist.
Zitat von: "wikipedia"
<"JavaScript (JS) ist eine leichtgewichtige, interpretierte oder JIT-übersetzte Sprache mit First-Class-Funktion.
Bekannt ist sie hauptsächlich als Skriptsprache für Webseiten geworden, jedoch wird sie auch in vielen Umgebungen außerhalb des Browsers, wie zum Beispiel Node.js, Apache CouchDB und Adobe Acrobat eingesetzt.>"

Die auf diesen Seiten gezeigten Beispiele verwenden JavaScript.
Um diese nachvollziehen zu können, ist es erforderlich, dass Sie mit java script vertraut sind.

Hier finden Sie ein (englisches) Tutorial: JavaScript Tutorial

Und hier finden Sie ein deutsches Tutorial: selfhtml JavaScript

Die auf diesen Seiten gezeigten Beispiele verwenden außerdem Bibliotheken von JQuery.

Hier finden Sie ein (englisches) Tutorial: JQuery Tutorial.
Daher, ist es erforderlich, dass Sie die JQuery javaScript Bibliotheken herunterladen.

Last but not least wird die CSS Script Bibliothek jquery-ui.css, oder jquery-ui.min.css benötigt.
So, nun sind Sie fast bereit für das erste Beispiel:
Als ersten müssen Sie noch die vkata/jstree Bibliothek von der jstree Homepage oder von GitHub vakata/jstree herunterladen. außerdem Bibliotheken von JQuery.

Hier finden Sie ein (englisches) Tutorial: JQuery Tutorial
.Daher, ist es erforderlich, dass Sie die JQuery javaScript Bibliotheken herunterladen.

Last but not least wird die CSS Script Bibliothek jquery-ui.css, oder jquery-ui.min.css benötigt.

jstree: zum ersten Beispiel

Zitat von: "wikipedia"
<"JavaServer Pages, abgekürzt JSP, ist eine von Sun Microsystems entwickelte, auf JHTML basierende Web-Programmiersprache zur einfachen dynamischen Erzeugung von HTML- und XML-Ausgaben eines Webservers. Sie erlaubt, Java-Code und spezielle JSP-Aktionen in HTML- oder XML-Seiten + einzubetten. Dabei ermöglicht es die JSP-Syntax, mittels spezieller XML-Tags (JSP-Aktionen) vordefinierte Funktionalität einzubinden. Diese JSP-Aktionen werden in sogenannten Tag-Bibliotheken (Tag-Libraries) als Erweiterung der HTML- bzw. XML-Tags definiert. JavaServer Pages werden unter Verwendung eines speziellen JSP-Compilers in Java-Quellcode umgewandelt. Dieser Quellcode, der einem Java-Servlet entspricht, wird im Anschluss durch den Java-Compiler in Bytecode umgewandelt. Die so erzeugten Java-Klassen können dann von einem mit einer Java-Ausführungseinheit ausgestatteten Webserver (Tomcat / Glassfish) ausgeführt werden.>"

Im Kapitel "vakata/jstree" wird das Thema erstellen einer Baumstruktur mit javaScript und der Bibliotheken vakata/jstree und jQuery, sowie jquery-ui.min.css behandelt.
Hier nun wird die Baumstrukur aus dem Kapitel "vakata/jstree" in JavaServerPages (jsp) eingebunden.

JavaServer Pages: zum 1. Beispiel

Zitat von: "wikipedia"
<"PHP (rekursives Akronym und Backronym für „PHP: Hypertext Preprocessor“, ursprünglich „Personal Home Page Tools“) ist eine Skriptsprache mit einer an C und Perl angelehnten Syntax, die hauptsächlich zur Erstellung dynamischer Webseiten oder Webanwendungen verwendet wird. PHP wird als freie Software unter der PHP-Lizenz verbreitet. PHP zeichnet sich durch breite Datenbankunterstützung und Internet-Protokolleinbindung sowie die Verfügbarkeit zahlreicher Funktionsbibliotheken aus.>"

Im Kapitel "vakata/jstree" wird das Thema erstellen einer Baumstruktur mit javaScript und der Bibliotheken vakata/jstree und jQuery, sowie jquery-ui.min.css behandelt.
Hier nun wird die Baumstrukur aus dem Kapitel "vakata/jstree" in php scripts eingebunden.

JavaServer Pages: zum 1. Beispiel

zurück zur Seite 2