XPages Good to know. Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015

Transkript

1 XPages Good to know Benjamin Stein & Pierre Hein Stuttgart 7. Mai 2015

2 Agenda 1. Einführung Was sind XPages? 2. Allgemeine Tipps Allgemeine Tipps für die Verwendung von XPages 3. Designer Tipps Tipps für die Entwicklung von XPages 4. Performance Tipps Tipps zur Performancesteigerung 5. Abschlussdiskussion Fragen & Antworten Seite 2

3 Agenda 1. Einführung Was sind XPages? Seite 3

4 Was sind XPages? Zwei neue Design Elemente XPages Custom Controls Beruht auf Java Server Faces (JSF 1.2) XML-Beschreibungssprache Automatische HTML-Generierung Dojo basiert auf Form, View, Agent benötigt nicht mehr Frameset, Outline, Navigator, Page Seite 4

5 XPages Elemente Modernes Web-Framework CSS und JavaScript-Framework JavaScript als durchgehende Sprache (client- und serverseitig) Beruht auf Java EE Beseitigt notwendige Hacks in klassischer Domino Entwicklung Controls & Komponenten Data Sources Zugriff auf Dokumente, Ansichten, SQL-Tabellen und Java Objekte Java und Serverseitiges JavaScript (SSJS) CSS und ClientSide JavaScript Seite 5

6 Vorteile der XPages gegenüber der klassischen Notes Entwicklung Trennung von View und Model Mehrere Dokumente auf einer Seite Join-Mechanismus Automatische HTML-Generierung Darstellung im Web und im Notes-Client ohne Anpassungen AJAX, Requests im Hintergrund Fertiges CSS-Framework Validierung Mobile-Support Internationalisierung, Mehrsprachigkeit Seite 6

7 Agenda 2. Allgemeine Tipps Allgemeine Tipps für die Verwendung von XPages Seite 7

8 Bedingte Ausführung serverseiter Ereignisse Komponenten können clientseitige und serverseitige Ereignisse ausführen Rückgabewert false verhindert serverseitige Ausführung des Ereignisses <xp:eventhandler event="onclick" submit="true" refreshmode="complete"> <xp:this.script><![cdata[ return confirm("server-side event handler ausführen?");]]> </xp:this.script> <xp:this.action><![cdata[ #{javascript:print ("Server-side event handler wird ausgeführt")} ]]></xp:this.action> </xp:eventhandler> Hinweis:Wenn der clientseitige Code eine Eingabeaufforderung oder Meldung anzeigt, wird das serverseitige Ereignis nicht warten Seite 8

9 XAgent XPage ohne Rendering Properties Basics -> rendered = false request/response müssen selbst behandelt werden Code in beforerenderresponse oder afterrenderresponse Aufruf des Xagentüber URL möglich Ausgabe des Agenten als JSON oder XML möglich Zugriff auf Data Sourcesfür Charts, Auswertungen, etc. JDBC Zugriff Apache POI Seite 9

10 Event Parameters Event handler können Parameter übergeben: <xp:eventhandler event="onclick" submit="true refreshmode="complete"> <xp:this.parameters> <xp:parameter name="myeventparam" value= "#{javascript:return session.geteffectiveusername();}"> </xp:parameter> </xp:this.parameters> <xp:this.action> <![CDATA[#{javascript:print ('User:' + myeventparam);}]]> </xp:this.action> </xp:eventhandler> Seite 10

11 Responsive Applikation mit Dojo Ansicht mit Ladeanimation <xp:eventhandler event="onclick" submit="true" refreshmode="partial" refreshid="viewwrapper"> <xp:this.script><![cdata[ var id="#{id:viewpanel1} "; dojo.place('<img src="loading.gif" />', dojo.byid(id), "replace"); ]]></xp:this.script> </xp:eventhandler> </xp:button> Seite 11

12 Control Attribute XPage mit Bootstrap: Seite 12

13 Control Attribute XPage Quellcode: <xp:inputtext id="inputtext1" > <xp:this.attrs> <xp:attr name="placeholder" value="username"></xp:attr> <xp:attr name="aria-describedby" value="basic-addon1"></xp:attr> </xp:this.attrs> </xp:inputtext> Generierter HTML-Code: <div class="input-group"> <span class="input-group-addon" <input type="text" id="view:_id1:username" name="view:_id1:username" class="xspinputfieldeditbox" placeholder="username" aria-describedby="basic-addon1"> </div> Seite 13

14 Debugging Debugausgabe clientseitig: XSP.log("buttonId: " + buttonid) XSP.dumpObject(object) Debugausgabe serverseitig: print() und println() _dump(object) Remote Debugging Java Code Java Agent Seite 14

15 Agenda 3. Designer Tipps Tipps für die Entwicklung von XPages Seite 15

16 Designer Tipps & Tricks Tastenkürzel [STRG] + [Leertaste] Codevervollständigung Seite 16

17 Designer Tipps & Tricks Tastenkürzel [STRG] + [Leertaste] Codevervollständigung Seite 17

18 Designer Tipps & Tricks Tastenkürzel [STRG] + [SHIFT] + [F] Code formatieren (XML, Java, JavaScript) Seite 18

19 Designer Tipps & Tricks Tastenkürzel [ALT] + [] / [] Block zeilenweise verschieben [ALT] + [SHIFT] + [] / [] Block kopieren und darüber/darunter einfügen [STRG] + [D] [STRG] + [SHIFT] + [I] [TAB] /[SHIFT] + [TAB] [STRG] + [1] [STRG] + [L] [STRG] + [SHIFT] + [L] Zeile löschen Codeeinrückung korrigieren Einrückung vornehmen Quickfix zu einer bestimmen Zeile springen Tastenkürzel anzeigen Seite 19

20 Agenda 4. Performance Tipps Tipps zur Performancesteigerung Seite 20

21 Performance Tuning (1) Einstellung Use runtime optimized JavaScript and CSS resources aktivieren Mehrere DOJO Module, CSS und JS Dateien in einer einzigen Datei zusammenfassen weniger Anfragen vom Browser an den Server Performanteres Parsen von CSS und JS Seite 21

22 Performance Tuning (2) GZIP Kompression aktivieren Dateien und Bilder werden komprimiert zum Browser übertragen weniger Netzlast schnelleres Laden der Seite Seite 22

23 Performance Tuning (3) Stringbuilder zum Zusammenbau von Strings verwenden Java: Verknüpfung von Strings mit + erzeugt neues Object var obst = "Apfel"; obst = obst + "Birne" + "Zitrone" + "Trauben"; besser: var obst:java.lang.stringbuilder = new java.lang.stringbuilder(); obst.append("apfel").append("birne"); obst.append("zitrone").append("trauben"); obst.tostring() Seite 23

24 Literatur Seite 24

25 Literatur Mastering XPages 2nd Edition XPages Portable Command Guide Java von Kopf bis Fuß Entwurfsmuster von Kopf bis Fuß Seite 25

26 Agenda 5. Abschlussdiskussion Fragen & Antworten Seite 26

27 Abschlussdiskussion Fragen und Antworten Seite 27

28 Agenda - wie geht s weiter Agenda muss am Tag vorher noch aktualisiert werden

29 Vielen Dank! Benjamin Stein Consultant, Collaboration Management Pierre Hein Consultant, Collaboration Management CENIT AG Industriestraße Stuttgart Seite 29