GeLiftete Web-Applikation mit Scala - Tobias Joch - inovex GmbH

transcript

GeLiftete Web-Applikation mit Scala

JAX 2009

Tobias Jochinovex GmbH

Wir nutzen Technologien, um unsere Kunden glücklich zu machen. Und uns selbst.

ScalaLift

GrundlagenArchitektur ÜberblickModuleTemplate VerarbeitungTags und SnippetsHead MergeScopesI18nPersistenzAJAX

in ActionFazit / Ausblick / weiterführende Informationen

Scala = SCAlable LAnguage

wächst mit den Bedürfnissen der Userkleine Skripte bis hin zu großen und komplexen SystemenMultiparadigmensprache

verbindet objektorientierte (imperative) und funktionale Programmierung

pragmatisch, typsicher, strikt objektorientiertinteroperabel mit Standard Plattformen (Java, .NET)

Scala = SCAlable LAnguage

Wurzeln reichen zurück in das Jahr 1995Philip Wadler und Martin Odersky

Funktionale Programmiersprachen für die JVMPizzaGJ (Generic Language Extension für Java)javacJava Generics

1999 verfolgte Martin Odersky das Ziel funktionale mit OO Programmierung zu kombinieren

FunnelScala

*2001, 2003 erstes Public Release, 2006 Version 2.0, aktuell 2.7.4 RC1

Ziel von Scala:Das Beste aus beiden Welten (OO und FP)

Statisch typisiert + TypinferenzFunktionen höherer OrdnungTraits, Mixin-KompositionOption-Klasse (None und Some vs. null)Pattern MatchingAlgebraische TypenNative XML-Unterstützung inkl. XPath Unterstützung (Bibliothek)Actor ModelCurryingAnonyme FunktionenParametrische Polymorphie 6

Einige reservierte Schlüsselwörter in Scalaclass, case class, objectnew withextends abstract sealedtraitdef, var, valoverridematch, case

in Action ;)

Scala ShellInteractive Ruby Shell (IRB) ./scalaOptimal für schnelle Tests

Imperative vs. funktionale Programmierung (I)

public class Example1 { public static void main(String[] args) { for (String arg : args) { System.out.println(arg); } }}

Imperative vs. funktionale Programmierung (I)

object Example1 {def main(args: Array[String]) {

args.foreach(println)}

public class Example1 { public static void main(String[] args) { for (String arg : args) { System.out.println(arg); } }}

Imperative vs. funktionale Programmierung (II)public class Example2 { public static void main(String[] args) { for (String arg : args) { if (arg.startsWith("JAX09")) { System.out.println(arg); } } }}

Imperative vs. funktionale Programmierung (II)

object Example2 { def main(args: Array[String]) { args.filter(_.startsWith("JAX09")).foreach(println) }}

public class Example2 { public static void main(String[] args) { for (String arg : args) { if (arg.startsWith("JAX09")) { System.out.println(arg); } } }}

Imperative vs. funktionale Programmierung (III)public class Example3 { public static void main(String[] args) { boolean exists = false; for (String arg : args) { if (arg.startsWith("JAX09")) { exists = true; break; } } System.out.print(exists); }}

Imperative vs. funktionale Programmierung (III)

object Example3 { def main(args: Array[String]) { print(args.exists(_.startsWith("JAX09"))) }}

public class Example3 { public static void main(String[] args) { boolean exists = false; for (String arg : args) { if (arg.startsWith("JAX09")) { exists = true; break; } } System.out.print(exists); }}

Grundlagen

David PollakGründer von LiftKommerzielle Softwareentwicklung seit 1977Web-Applikationen seit 1996

15. Februar 2007:Initial Import (GitHub) in der Version 0.1.0Gründung von Lift als OS Projekt in 200726. Februar 2009:Lift 1.0Aktuelles Lift-Team besteht aus 13 ComitterAktive Community

http://groups.google.com/group/liftweb 14

„Best of all“Scala als zugrundeliegende Sprache

nativer XML-Support (XHTML nativ innerhalb von Snippets!)Scala Actors für mächtige Comet-Anwendungen

fein granulare Sessions und Security (Seaside)schnelles Projektsetup durch „convention over configuration“ + geringe Turnaround-Zeiten (Rails)Django's "more than just CRUD is included"Designer freundliche Templates (Wicket / Lift View First)Offen für die Nutzung von zahlreichen OSS-Bibliotheken (Java)Etablierte Deployment-Prozesse (JEE / Java) 15

Weitere Eigenschaften / Ziele von LiftSicherheit

XSS, replay Attacken, Parameter tamperingWartbarkeitSkalierbarkeitPerformanceHohe ProduktivitätEinfachConvention over configurationDRY

„View First“ Design-PrinzipTemplates enthalten keinen CodePures XHTMLKönnen mit Standard Design-Werkzeugen bearbeitet werdenFrontend ist ohne Scala-Kenntnisse von einem Designer realisierbar

<lift:surround with="default" at="content"> <h2>Welcome to your project!</h2> <p><lift:helloWorld.howdy /></p> </lift:surround>

Architektur Überblick

Lift-Framework

19Scala Framework

Lift-Framework

19Scala Framework

Lift-Framework

19Scala Framework

Lift-Framework

Lift Core

Lift-Framework

19Scala Framework

Lift-Framework

Lift Core

Lift Webkit

Menu, M

esponse

Lift-Framework

19Scala Framework

Lift-Framework

Lift Core

Lift Webkit

Menu, M

esponse

Mapper Record

Lift-Framework

19Scala Framework

Lift-Framework

Lift Core

Lift Webkit

Menu, M

esponse

Mapper Record Testkit

Lift-Framework

19Scala Framework

Lift-Framework

Lift Core

Lift Webkit

Menu, M

esponse

Lift Util

Lift-Framework

19Scala Framework

Lift-Framework

Lift Core

Lift Webkit

Menu, M

esponse

Lift Util

Lift XMPP

Lift Facebook

Lift Widgets

Lift OpenId

Lift OAuth

Lift Paypal

Lift AMQP

Grobe Architektur einer Lift-Applikation

Java Virtual Machine

Servlet Container (e.g. Jetty or Tomcat)

Lift Framework

Templates

Lift Framework

Templates

Snippets

Lift Framework

Templates

Snippets

Lift Framework

Templates

Snippets

Boot.scala (LiftRules etc,)

Lift Framework

Templates

Snippets

Lift Framework

Templates

Snippets

LiftFilter Model

Lift Framework

Templates

Snippets

LiftServlet

LiftFilter Model

Lift Framework

Templates

Snippets

LiftServlet

LiftFilter Model

Lift Framework

DefaultServlet

Grober Ablauf einer Anfragenbearbeitung

Request URL rewrite View Responsecustom dispatch

Response

ResponseTemplate

Grober Ablauf einer Anfragenbearbeitung

Request URL rewrite View Responsecustom dispatch

Response

Template

Template VerarbeitungRequest Mapping nach folgendem Schema

Template

<path>[_<language, optional>][.<suffix>]

Template

Lift wählt die passende Sprache und Endung

Template

Lift wählt die passende Sprache und EndungLinks ohne Sprache und Endung angeben

Template

Lift versteckt Templates und Ressourcen in Verzeichnissen welche als Endung -hidden im Namen tragen

Template

Lift versteckt Templates und Ressourcen in Verzeichnissen welche als Endung -hidden im Namen tragen

Template

Templates = Content + Tags + Snippets

Template

Templates = Content + Tags + SnippetsTags = Lift spezifische Funktionen

surroundbindembedcometloc

Template

Templates = Content + Tags + SnippetsTags = Lift spezifische Funktionen

surroundbindembedcometloc

Snippetsvergleichbar mit Taglibs<lift:snippet type=Jax:render /> <lift:Jax.render /> <lift:Jax /> 23

Template

Template Verarbeitung von Außen nach Innen

Template

<lift:surround with="default" at="content"> <h2>Welcome to your project!</h2> <p><lift:HelloWorld.howdy /></p> </lift:surround>

/index.html

Template

/index.html

/templates-hidden/default.html

...<lift:bind name="content" />

</body></html>

Template

/index.html

</body></html>

Ausführung von HelloWorld#howdy

Template

Head Merge

Template

Head Merge

Template

<lift:surround with="default" at="content"> <head><script type="text/javascript">...</script>...</head> <h2>Welcome to your project!</h2> <p><lift:helloWorld.howdy /></p></lift:surround>

/index.html

Head Merge

Template

/index.html

</body></html>

Head Merge

Template

/index.html

</body></html>

ScopesSStateful SnippetRequestVarSessionVarScala Object (Singleton)

Internationalisierung / I18njava.util.Localejava.util.ResourceBundle

LiftRules.resourceNames

Ermittlung der aktuellen SpracheLiftRules.localeCalculator

Request-HeaderFallback: Locale.getDefault()

SnippetsS.?

Templates

<lift:loc locid="lift">Aufzug</lift:loc><lift:loc>lift</lift:loc>

Persistenz in LiftMapperRecordJPAJDOHibernate...

Lift selbst ist Persistenz agnostisch

AJAX in LiftSHtml

ajaxButtonajaxTextajaxCheckbox...

def render(in: NodeSeq): NodeSeq =SHtml.ajaxButton("Click me ;)", () => {

println("Yes, thanks!") JsCmds.SetHtml("click-div", Text("Yes, thanks!"))

in Action ;)

EntwicklungsumgebungJava (>= 5)Maven (>= 2.0.9)Web-Container (Jetty, Tomcat, ...)

Optional, aber nützlichJavaRebel (JVM Plugin / Java Agent)IDE mit Scala Support / Plugin (Eclipse, IDEA, Netbeans, ...)

http://www.scala-lang.org/scala-eclipse-plugin

Projekt anlegen

$mvn archetype:generate -U -DarchetypeGroupId=net.liftweb -DarchetypeArtifactId=lift-archetype-basic -DarchetypeVersion=1.0 -DgroupId=de.inovex.jax2009.lift -DartifactId=lift-demo

Projekt anlegen

$mvn archetype:generate -U -DarchetypeGroupId=net.liftweb -DarchetypeArtifactId=lift-archetype-basic -DarchetypeVersion=1.0 -DgroupId=de.inovex.jax2009.lift -DartifactId=lift-demo

$cd lift-demo && mvn eclipse:eclipse

Import in Eclipse vorbereiten

Projektlayout

Ausführen

$mvn jetty:run

Ausführen

$mvn jetty:run

index.html

HelloWorld.scala

import java.util.Date

class HelloWorld { def howdy = <span>Welcome to lift-demo at {new Date}</span> }

index.html

HelloWorld.scala

index.html

HelloWorld.scala

index.html

HelloWorld.scala

index.html

HelloWorld.scala

index.html

HelloWorld.scala

index.html

HelloWorld.scala

index.html

HelloWorld.scala

default.html

<div class="container"> <div class="column span-12 last" style="text-align: right"> <h1 class="alt">lift-demo <img id="ajax-loader" style="display:none; margin-bottom: 0px; margin-left: 5px" src="/images/ajax-loader.gif"/></h1> </div> <hr/> <div class="column span-6 colborder sidebar"> <hr class="space" /> <lift:Menu.builder /> <div> <lift:snippet type="msgs"/> <hr class="space" /> </div> </div> <div class="column span-17 last"> <lift:bind name="content" /> </div> <hr /> <div class="column span-23 last" style="text-align: center"> <h4 class="alt"> <a href="http://liftweb.net"><i>Lift</i></a> is Copyright 2007-2009 WorldWide Conferencing, LLC. Distributed under an Apache 2.0 License.</h4> </div> </div> 36

default.html

Boot.scala

Boot.scala def boot { if (!DB.jndiJdbcConnAvailable_?) DB.defineConnectionManager(DefaultConnectionIdentifier, DBVendor)

// where to search snippet LiftRules.addToPackages("de.inovex.jax2009.lift") // create or update the database schema Schemifier.schemify(true, Log.infoF _, User)

// build site map val entries = Menu(Loc("Home", List("index"), "Home")) :: User.sitemap LiftRules.setSiteMap(SiteMap(entries:_*))

// Show the spinny image when an Ajax call starts LiftRules.ajaxStart = Full(() => LiftRules.jsArtifacts.show("ajax-loader").cmd)

// Make the spinny image go away when it ends LiftRules.ajaxEnd = Full(() => LiftRules.jsArtifacts.hide("ajax-loader").cmd)

// force the request to be UTF-8 LiftRules.early.append(makeUtf8)

S.addAround(DB.buildLoanWrapper) }

Rekursive Template Komposition

class HelloWorld { def howdy = <span>Welcome to lift-demo at {new Date} at <lift:helloWorld.howdy2 /></span> def howdy2 = <span>JAX 2009!</span> }

Formulare <lift:surround with="default" at="content">

<h2>Very first form example:</h2> <p> <lift:FormExample form="POST"> <f:name><input type="text"/></f:name> <input type="submit" value="Post"/> </lift:FormExample> </p> </lift:surround>

class FormExample { def render(xhtml: NodeSeq) = { bind("f", xhtml, "name" -> text("", println(_))) } }

// in boot.scala: val entries = Menu(Loc("Home", List("index"), "Home")) :: Menu(Loc("form1", List("veryFirstForm"), "Example")) :: User.sitemap LiftRules.setSiteMap(SiteMap(entries:_*))

Formulare

JAX 2009! INFO - Service request (POST) /veryFirstForm took 61 Milliseconds

Formulare

JAX 2009! INFO - Service request (POST) /veryFirstForm took 61 Milliseconds

Formulare

GeLiftete Web-Applikation mit Scala - Tobias Joch - inovex GmbH

Technology