JSP JSTL. JEE Vorlesung Teil 6. Ralf Gitzel

Transkript

1 JSP JSTL JEE Vorlesung Teil 6 Ralf Gitzel ralf_gitzel@hotmail.de 1

2 Übersicht Ralf Gitzel 2

3 Übersicht Wiederholung / Vertiefung JSTL Grundlagen JSTL Basisbefehle Templates über JSTL 3

4 Wiederholung / Vertiefung Ralf Gitzel ralf_gitzel@hotmail.de 4

5 JSP als Teil einer Web-App Request Response Container (Application Server) Kontrolle (über die Anfrage) Controller Servlet JSP (Servlet) Modell (erledigt die Arbeit) Java Business Logic Ansicht (zeigt das Ergebnis) 5

6 ServletConfig Bis auf eine Zeile wie bei normalen Servlets 6

7 Grundidee der Expressions ${x[ y ]} Zugriff auf eine Map X=Map-Name Y=Schlüssel Zugriff auf eine List bzw. ein Array X=List-Name Y=Array/List Index (Mit oder ohne Anführungszeichen) Zugriff auf eine Bean X=Objekt-Name Y=Property Name 7

8 JSTL Grundlagen Ralf Gitzel 8

9 JSTL Tags JSP EL erlaubt nur Ausgabe einzelner Werte JSTL Tags erlauben Kontrollstrukturen in JSPs JSTL Tags erinnern an HTML Tags, stellen also eine Art HTML-Erweiterung dar JSTL muss explizit importiert werden Anmerkung: Es können auch eigene Tags geschrieben werden. (Behandeln wir nicht!) 9

10 Import Herunterladen: jstl-impl-1.2.jar jstl-api-1.2.jar Als Library in das Projekt einfügen 1. Wie servlet.jar 2. Als Kopie in WEB-INF/lib 3. In Eclipse: Refresh! (Sonst ignoriert Eclipse diese manuell kopierten Dateien!) In die JSP importieren Anmerkung: Dies ist nur eine Möglichkeit! Den Rest lassen wir Aus Zeitgründen weg. 10

11 Schritt 1: Wo kann ich die Dateien herunterladen? URL: Es werden beide Dateien benötigt 11

12 Import auf der JSP Seite Import der JSTL ( uri ): Fester Wert, der JSTL identifiziert. Lokale Verwendung unter dem Namen c ( prefix ), d.h. alle JSTL Tags werden an diesem Präfix erkannt! 12

13 Beispiel Import der JSTL ( uri ) und lokale Verwendung unter dem Namen c ( prefix ) Einsatz eines Tags aus der JSTL Man kann andere Werte als c nehmen, macht man aber normalerweise nicht! Source: JSTLTest.jsp 13

14 JSTL Basisbefehle Ralf Gitzel 14

15 JSTL Tags <c:out> <c:foreach> <c:if> <c:url>. Ausgabe von Werten. Gut, um Usereingaben auszugeben (verhindert cross-site scripting etc.) Iteriert über Arrays und Collections. Beispiel folgt Bedingtes Ausführen von Anweisungen. Beispiel folgt (oder: chose/when/otherwise) Einfaches URL Rewriting in einer JSP (URL wird als value-attribut angegeben). 15

16 <c:out> Gibt das Ergebnis einer Expression aus Hat gegenüber der direkten Verwendung von Expressions zwei Vorteile: Standardwert für leere Expressions Schutz vor feindlichem Skriptcode über Benutzereingaben 16

17 <c:out> - Optionen X ist eine beliebige EL Expression Einfachste Form: <c:out value= X /> Attribut zur Steuerung des XML Escapings: escapexml True: HTML wird nicht interpretiert (Standard) False: HTML wird interpretiert Attribut für Standardwert bei X=null: default 17

18 <c:out> - Optionen: Beispiel Datei: COutTester.jsp Aufruf über COutTester.html 18

19 Verschiedene Ausgaben 19

20 <c:if> Abfragen einer Expression mit anschließender Entscheidung Leider gibt es kein else c:if testet eine Boolean Expression B Syntax: <c:if test= B > </c:if> 20

21 Was sind Boolean Expressions? Ein Attribut vom Typ bool Logische Ausdrücke, z.b.: ${x == bla bla } ${x!= bla bla } ${x < 14} ${x > 20} ${x <= 14} 21

22 <c:if> Quelle: FancyDisplay.jsp (wird vom DataProducer Servlet aufgerufen) 22

23 Wichtiger Hinweis zu Boolean Expressions ${ } steht ganz außen, nicht um die Variable! Der Ausdruck gibt am Ende true oder false 23

24 <c:foreach> Iteration durch eine Liste Wir übergeben eine Liste/Array/ X Wir definieren eine neue Variable Y Wir können Y in der Schleife verwenden und Y enthält immer den aktuellen Wert Syntax: <c:foreach var= Y items= ${X} > </c:foreach> 24

25 <c:foreach> Beispiel Datenquelle Zugriff auf das aktuelle Element Variable für das aktuelle Element Quelle: FancyDisplay.jsp (wird vom DataProducer Servlet aufgerufen) 25

26 Variablen-Counter in c:foreach Quelle: FancyDisplay.jsp (wird vom DataProducer Servlet aufgerufen) 26

27 Mehr zu c:foreach Quelle: FancyDisplay.jsp (wird vom DataProducer Servlet aufgerufen) 27

28 Templates über JSTL Ralf Gitzel 28

29 Gruppendiskussion - Motivation Man will nicht auf jeder Seite wiederkehrende Details immer wieder neu eingeben Copy&Paste ist keine Lösung warum? 29

30 Zwei Möglichkeiten zum Einfügen von JSP-Fragmenten Über ein JSTL Tag <c:import> Über <jsp:include> 30

31 <c:import> Syntax: <c:import url=" Vorteile/Nachteile: Der HTML-Code wird jedesmal neu eingefügt Schlechtere Performance aber Aktualitätsgarantie 31

32 <jsp:import> Fügt 1-zu-1 den JSP-Code ein, der sich in der Datei X befindet X sollte keine vollständige Seite sein, sonst stimmt der Code nicht mehr! Syntax: <jsp:include page= X"/> Vorteile/Nachteile: Code wird vor dem Kompilieren eingefügt Bessere Performance aber je nach Container keine automatischen Updates 32

33 Beispiel Datei: WebPageWrapper.jsp 33

34 Beispiel Statisch eingefügt Dynamisch eingefügt Fragment.jsp Disclaimer.jsp 34

35 Lernziele Ralf Gitzel 35

36 Lernziele JSTL Tags benutzen können mit allen Optionen Import vs. Include Unterschiede verstehen und beide anwenden können 36

37 Gruppenaufgabe Ralf Gitzel 37

38 Gruppenaufgabe Vervollständigen Sie die JSP aus der letzten Übung: Die ersten 6 Hobbies sollen angezeigt werden (Tabelle) Die Zeilen sollen abwechselnd weiß und grau sein (Modulo-Operator % ) Schutz vor versteckten Skripten in den Benutzereingaben soll eingebaut werden 38