Lift
Webprogrammierung mit Scala
Guy Philipp Bollbach, Christian Dietrich
itemis

Überblick
 Einführung

Überblick
 Einführung
 HelloWorld

Überblick
 Einführung
 HelloWorld
 Oberfläche

Überblick
 Einführung
 HelloWorld
 Oberfläche
 Persistenz

Überblick
 Einführung
 HelloWorld
 Oberfläche
 Persistenz
 Allgemeines

Überblick
 Einführung
 HelloWorld
 Oberfläche
 Persistenz
 Allgemeines
 Fazit

Warum ausgerechnet wir?
 itemis
 Study Group
 Scala
 Lift

Geschichte
 Scala with Sails
 Im Dezember 2006 (Version 0.0.1)
 Von David Pollak

Geschichte
 Scala with Sails
 Im Dezember 2006 (Version 0.0.1)
 Von David Pollak
 Lift
 Seit Februar 2007 (Version 0.1.0)
 Aktuell (Version 0.9.0)

Die Idee
 Ausdrucksstarkes und elegantes
Web-Framework

Die Idee
 Ausdrucksstarkes und elegantes
Web-Framework
 Scala als Programmiersprache

Die Idee
 Ausdrucksstarkes und elegantes
Web-Framework
 Scala als Programmiersprache
 Einfache und schnelle Entwicklung

Die Idee
 Ausdrucksstarkes und elegantes
Web-Framework
 Scala als Programmiersprache
 Einfache und schnelle Entwicklung
 Bedient sich bei den besten Features
anderer Web-Frameworks

Die „Paten“
 Seaside (Smalltalk)

Die „Paten“
 Seaside (Smalltalk)
 Django (Python)

Die „Paten“
 Seaside (Smalltalk)
 Django (Python)
 Wicket (Java)

Die „Paten“
 Seaside (Smalltalk)
 Django (Python)
 Wicket (Java)
 Turbogears (Python)

Die „Paten“
 Seaside (Smalltalk)
 Django (Python)
 Wicket (Java)
 Turbogears (Python)
 Rails (Ruby)

Das Lift-Framework im Überblick
 in Scala geschrieben

Das Lift-Framework im Überblick
 in Scala geschrieben
 auf der JVM lauffähig

Das Lift-Framework im Überblick
 in Scala geschrieben
 auf der JVM lauffähig
 Deployment in Servlet-Container

Scala
 universell einsetzbar

Scala
 universell einsetzbar
 Eleganz durch Prägnanz

Scala
 universell einsetzbar
 Eleganz durch Prägnanz
 statisch getypt

Scala
 universell einsetzbar
 Eleganz durch Prägnanz
 statisch getypt
 objektorientiert und funktional

Scala
 universell einsetzbar
 Eleganz durch Prägnanz
 statisch getypt
 objektorientiert und funktional
 mit Java interoperabel

Scala on Fast Forward >>
 kompakter und ausdruckstärker

Scala on Fast Forward >>
 kompakter und ausdruckstärker
Java:
List<Auto> tmp = new ArrayList<Auto>();
for (Reifen tmpReifen : reifenList) {
tmp.add(new Auto(tmpReifen));
}

Scala on Fast Forward >>
 kompakter und ausdruckstärker
Java:
List<Auto> tmp = new ArrayList<Auto>();
for (Reifen tmpReifen : reifenList) {
tmp.add(new Auto(tmpReifen));
}
Scala:
val tmp = reifenList.map{i => new Auto(i)}

Scala on Fast Forward >>
 stückweise Umdenken

Scala on Fast Forward >>
 stückweise Umdenken
 verständlich für Java-isten

Scala on Fast Forward >>
 XML als integraler Bestandteil
def addressNode(city : String, state : String, country :
String) = {
<address>
<city>{city}</city>
{if (state != null) <state>{state}</state> }
<country>{country}</country>
</address>
}

Scala on Fast Forward >>
 Mixins/ Traits

Scala on Fast Forward >>
 Mixins/ Traits
trait Similarity {
def isSimilar(x: Any): Boolean
def isNotSimilar(x: Any): Boolean = !isSimilar(x)
}

Scala on Fast Forward >>
 Mixins/ Traits
trait Similarity {
def isSimilar(x: Any): Boolean
def isNotSimilar(x: Any): Boolean = !isSimilar(x)
}
class Point(xc: Int, yc: Int) extends Similarity {
var x: Int = xc
var y: Int = yc
def isSimilar(obj: Any) =
obj.isInstanceOf[Point] &&
obj.asInstanceOf[Point].x == x
}

Hello World
 im Schnelldurchlauf

Hello World
 Projekt anlegen
mvn archetype:create -U
-DarchetypeGroupId=net.liftweb
-DarchetypeArtifactId=lift-archetype-basic
-DarchetypeVersion=0.9
-DremoteRepositories=
http://scala-tools.org/repo-releases
-DgroupId=de.wjax.helloworld
-DartifactId=hello-world-wjax

Hello World II
 Maven erzeugt Projektstruktur

Hello World III
cd hello-world-wjax
mvn package
mvn jetty:run

Hello World III
cd hello-world-wjax
mvn package
mvn jetty:run

Hello World IV
 Eigener Inhalt: „hello wjax“

Hello World IV
 Eigener Inhalt: „hello wjax“
 HTML Seite anlegen

Hello World IV
 Eigener Inhalt: „hello wjax“
 HTML Seite anlegen
 Unter /src/main/webapp

Hello World IV
 Eigener Inhalt: „hello wjax“
 HTML Seite anlegen
 Unter /src/main/webapp
 Template einbinden
<lift:surround with=\"default\" at=\"content\">
</lift:surround>

Hello World IV
 Eigener Inhalt: „hello wjax“
 HTML Seite anlegen
 Unter /src/main/webapp
 Template einbinden
 Snippet aufrufen
<lift:surround with=\"default\" at=\"content\">
<lift:snippet type=\"HelloWJAX:show\"/>
</lift:surround>

Hello World V
 Snippet Klasse
 Im snippet Verzeichnis ablegen
<lift:surround with=\"default\" at=\"content\">
<lift:snippet type=\"HelloWJAX:show\"
</lift:surround>

Hello World V
 Snippet Klasse
 Im snippet Verzeichnis ablegen
class HelloWJAX {
def show = <span>Hello W-JAX!</span>
}
<lift:surround with=\"default\" at=\"content\">
<lift:snippet type=\"HelloWJAX:show\"
</lift:surround>

Hello World VI
 Seite registrieren
 Klasse: bootstrap/liftweb/Boot.scala

Hello World VI
 Seite registrieren
 Klasse: bootstrap/liftweb/Boot.scala
package bootstrap.liftweb
class Boot {
def boot {
val entries = Menu(Loc(\"Home\",\"/\",\"Home\")) ::
Menu(Loc(\"HelloWJAX\",\"/helloWJAX\",\"Hello W-JAX\")) ::
User.sitemap
}
}

Hello World VII
 mvn compile

Hello World VII
 mvn compile

View Konzept
• plain XHTML

View Konzept
• plain XHTML
• Preview im Browser

View Konzept
• plain XHTML
• Preview im Browser
• keine Business-Logik im XHTML

View Konzept
• plain XHTML
• Preview im Browser
• keine Business-Logik im XHTML
• Snippets

Snippet
 lift-namespace
Hello <lift:HelloForm.who />
<br/>
<form>
<label for=\"whoField\">Who :</label>
<input type=\"text\" name=\"whoField\"/>
<input type=\"submit\" value=\"send\"/>
</form>

Snippet
• Ersetzung durch Rückgabewert
import net.liftweb.http.S
class HelloForm {
def who = <b>{S.param(\"whoField\").openOr(\"\")}</b>
}

Snippet
 Binding (XHTML)

Snippet
 Binding (XHTML)
<lift:HelloForm2.show form=\"POST\">
Hello <hello:who/>
<br/>
<label for=\"whoField\">Who :</label>
<hello:whoField/>
<hello:submit/>
</lift:HelloForm2.show>

Snippet
 Binding (Code)
object who ...
def show(xhtml: NodeSeq): NodeSeq = {
bind(\"hello\", xhtml,
\"whoField\" --> text(who.openOr(\"\"),
v => who(Full(v))) % (\"size\" -> \"10\") % (\"id\" -> \"whoField\"),
\"submit\" --> submit(\"Send\",
ignore => {
println(\"value:\" + who.openOr(\"\")
}),
\"who\" --> who.openOr(\"\")
)
}

Templates
<body>
<lift:bind name=\"content\" />
</body>

Templates
<body>
<lift:bind name=\"content\" />
</body>
<lift:surround with=\"default\" at=\"content\">

Scopes
• net.liftweb.http.S

Scopes
• net.liftweb.http.S
• StatefulSnippet

Scopes
• net.liftweb.http.S
• StatefulSnippet
• RequestVar

Scopes
• net.liftweb.http.S
• StatefulSnippet
• RequestVar
• SessionVar

Scopes
• net.liftweb.http.S
• StatefulSnippet
• RequestVar
• SessionVar
• Scala Object (=Singleton)

SiteMap
 Automatischer Menüeintrag

SiteMap
 Automatischer Menüeintrag
 Sichtbarkeit konfigurierbar

SiteMap
 Automatischer Menüeintrag
 Sichtbarkeit konfigurierbar
 Menu(Loc(\"Unsichtbar\", \"/unsichtbar\",
\"Unsichtbares Menu\",Hidden))
 => Taucht nicht im Menü auf

SiteMap
 Automatischer Menüeintrag
 Sichtbarkeit konfigurierbar
 Menu(Loc(\"Unsichtbar\", \"/unsichtbar\",
\"Unsichtbares Menu\",Hidden))
 => Taucht nicht im Menü auf
 Menu(Loc(\"Admin\", \"/admin\", \"Admin\",
If(() => {user == admin}, NotFoundResponse)))
=> Nur für Admin sichtbar

AJAX
 Eingebauter AJAX Support
class HelloAjax {
def sample = {
var count = 0;
<span>
{
a(() => {count = count + 1;
SetHtml(\"cnt_id\", Text(count.toString))},
<span>Click me! Count:
<span id='cnt_id'>0</span>
</span>)
}
</span>
}
}

Comet
 Problem: Server-To-Client Kommunikation

Comet
 Problem: Server-To-Client Kommunikation
 Browser lädt die Seite neu
 Langsam, Resourcenaufwändig

Comet
 Problem: Server-To-Client Kommunikation
 Browser lädt die Seite neu
 Langsam, Resourcenaufwändig
 AJAX: Der Browser pollt
 Resourcenaufwändig

Comet
 Problem: Server-To-Client Kommunikation
 Browser lädt die Seite neu
 Langsam, Resourcenhungrig
 AJAX: Der Browser pollt
 Resourcenhungrig
 Comet-Style: Die Verbindung bleibt offen
 Der Server streamt

Comet II
 Lift hat eingebauten Comet-Support
Lift Server (Jetty)
Browser
CometActor
Server
CometActor
Browser

Comet III
 Frontend
<lift:surround with=\"default\" at=\"content\">
<lift:comet type=\"ChatClient\" />
</lift:surround>

Comet III
 Frontend
<lift:surround with=\"default\" at=\"content\">
<lift:comet type=\"ChatClient\" />
</lift:surround>
 Backend
class ChatClient(info: CometActorInitInfo) extends
CometActor(info) {
override def localSetup {...}
override def localShutdown {...}
override def lowPriority = { }
def render = ...
}

Persistence
 eigener OR Mapper

Persistence
 eigener OR Mapper
 Blog Beispiel

Persistence II
 KeyedMapper / KeyedMetaMapper
class BlogEntry extends KeyedMapper[Long, BlogEntry]{
def getSingleton = BlogEntry
def primaryKeyField = id
object id extends MappedLongIndex(this)
object title extends MappedString(this, 250)
object content extends MappedTextarea(this,4000)
}

Persistence II
 KeyedMapper / KeyedMetaMapper
class BlogEntry extends KeyedMapper[Long, BlogEntry]{
def getSingleton = BlogEntry
def primaryKeyField = id
object id extends MappedLongIndex(this)
object title extends MappedString(this, 250)
object content extends MappedTextarea(this,4000)
}
object BlogEntry extends BlogEntry with
KeyedMetaMapper[Long, BlogEntry] {
override def dbTableName = \"blog_entry\"
override def fieldOrder = id :: title :: content :: Nil
}

Persistence III
 MappedFields (MappedBinary, MappedString,
MappedBoolean, MappedDateTime,
MappedDouble, MappedEMail, MappedLong,
MappedPassword, MappedTextArea, ...)

Persistence III
 MappedFields (MappedBinary, MappedString,
MappedBoolean, MappedDateTime,
MappedDouble, MappedEMail, MappedLong,
MappedPassword, MappedTextArea, ...)
 Überschreiben möglich
object content extends MappedTextarea(this,4000) {
override def textareaRows = 10
override def textareaCols = 50
}

Persistence III
 MappedFields (MappedBinary, MappedString,
MappedBoolean, MappedDateTime,
MappedDouble, MappedEMail, MappedLong,
MappedPassword, MappedTextArea, ...)
 Überschreiben möglich
object content extends MappedTextarea(this,4000) {
override def textareaRows = 10
override def textareaCols = 50
}
 Eigene MappedFields

Persistence V
 Anlegen, Speichern, Löschen
 var e = new BlogEntry() ….
 e.title(„W-JAX“)
 e.save
 e.delete_!

Persistence V
 Anlegen, Speichern, Löschen
 var e = new BlogEntry() ….
 e.title(„W-JAX“)
 e.save
 e.delete_!
 Finden
 BlogEntry.findAll()
 BlogEntry.find(By(BlogEntry.title,“w-jax“))

Persistence VI
 Weiter Hilfsmethoden
 toForm
 htmlHeader
 htmlLine
 validate

Persistence VIII
 Schemifier
 Erzeugt DB
class Boot {
def boot {
Schemifier.schemify(true,Log.infoF _, User)
}
}

Persistence VIII
 Schemifier
 Erzeugt DB
class Boot {
def boot {
Schemifier.schemify(true,Log.infoF _, User, BlogEntry)
}
}
 DataSource über JNDI
class Boot {
def boot {
DefaultConnectionIdentifier.jndiName =
\"jdbc/MyDataSource\"
}
}

URL-Rewriting
 ../freund/zeige?freund=2

Pretty URLs
 ../freund/zeige?freund=2
 ../freund/zeige/2
 ../friend/show/2

Pretty URLs
 ../freund/zeige?freund=2
 ../freund/zeige/2
 ../friend/show/2
LiftRules.addRewriteBefore {
case RewriteRequest(
ParsePath(
\"friend\" :: \"show\" :: friendId :: Nil,
_,_), _, _) => RewriteResponse(
\"freund\" ::\"zeige\":: Nil,
Map(\"freund\" -> friendId)
)
}

REST
 RequestTypes
 Pattern Matching
 XML/JSON-Response

XML-Response
def showFriend(friendId: String): Can[XmlResponse] =
Full(XmlResponse(
<friends>
{
friendId match {
case \"1\" => <friend name=\"Bill\"/>
case \"2\" => <friend name=\"Bob\"/>
case _ => \"no friend found\"
}
}
</friends>
))

JSON-Response
def showFriendAsJson(friendId: String)(req:
RequestState):Can[JsonResponse] =
Full(JsonResponse(
friendId match {
case \"1\" => JsObj(\"firstname\" -> \"Wolfgang\",
\"location\" -> JsObj(
\"longitude\" -> \"49.02911\",
\"latitude\" -> 8.241352\"))
case _ => JsObj(
\"error\" -> \"kein Geschlecht dieser Art
gefunden\")
}, Nil, Nil, 200
))
}

Und wie entwickeln?
 Maven
 Projektanlage, Kompilieren, Deployen …

Und wie entwickeln?
 Maven
 Projektanlage, Kompilieren, Deployen …
 Eclipse / Netbeans
 Einfache Scala Plugins
 Syntaxhighlighting
 Code Completion (rudimentär)
 XHTML Editor
 Kein Lift-Plugin

Und wie entwickeln? II
 Ressourcen
 Source-Code
 0.9.0: Google Code
 0.10.0: GitHub

Und wie entwickeln? II
 Ressourcen
 Source-Code
 0.9.0: Google Code
 0.10.0: GitHub
 Wiki

Und wie entwickeln? II
 Ressourcen
 Source-Code
 0.9.0: Google Code
 0.10.0: GitHub
 Wiki
 Google Group

Und wie entwickeln? II
 Ressourcen
 Source-Code
 0.9.0: Google Code
 0.10.0: GitHub
 Wiki
 Google Group
 Scala Docs

Fazit - positiv
 use case für Scala

Fazit - positiv
 use case für Scala
 nah an HTTP

Fazit - positiv
 use case für Scala
 nah an HTTP
 elegant durch Scala

Fazit - positiv
 use case für Scala
 nah an HTTP
 elegant durch Scala
 WOW Effekt

Fazit - negativ
 keine stabilen APIs

Fazit - negativ
 keine stabilen APIs
 proprietär

Fazit - negativ
 keine stabilen APIs
 proprietär
 Hype um Scala

Fazit - negativ
 keine stabilen APIs
 proprietär
 Hype um Scala
 One Man Show

Fazit - negativ
 keine stabilen APIs
 proprietär
 Hype um Scala
 One Man Show
 Einstiegshürde Scala

Fazit - negativ
 keine stabilen APIs
 proprietär
 Hype um Scala
 One Man Show
 Einstiegshürde Scala
 Doku teilweise veraltet

Fazit - negativ
 keine stabilen APIs
 proprietär
 Hype um Scala
 One Man Show
 Einstiegshürde Scala
 Doku teilweise veraltet
 Scala Tooling

Fazit - negativ
 keine stabilen APIs
 proprietär
 Hype um Scala
 One Man Show
 Einstiegshürde Scala
 Doku teilweise veraltet
 Scala Tooling
 keine Roadmap

Was sagt der Erfinder?
 „Need a team mentor to help with
transition“

Was sagt der Erfinder?
 „Need a team mentor to help with
transition“
 „Amazing productivity for people once up
functional programming curve“

Was sagt der Erfinder?
 „Need a team mentor to help with
transition“
 „Amazing productivity for people once up
functional programming curve“
 “There are two Lift books in the works”

Was sagt der Erfinder?
 „Need a team mentor to help with
transition“
 „Amazing productivity for people once up
functional programming curve“
 “There are two Lift books in the works”*
 “plus a Lift seminar”

Anwendbarkeit
 Scala-Freunde: als Spielplatz

Anwendbarkeit
 Scala-Freunde: als Spielplatz
 Nicht-Scala-Programmierer: Initialaufwand
sehr hoch

Demo
 Lift-basierter Chat

i18n
 Properties Dateien
 Im Classpath z.B. unter src/main/resources
 lift_de_DE.properties, lift_en_US.properties, …
 Paare key=value

I18n
 Properties Dateien
 Im Classpath z.B. unter src/main/resources
 lift_de_DE.properties, lift_en_US.properties, …
 Paare key=value
 In der XHTML Datei
 <lift:loc locid=„key\">default value</lift:loc>

I18n
 Properties Dateien
 Im Classpath z.B. unter src/main/resources
 lift_de_DE.properties, lift_en_US.properties, …
 Paare key=value
 In der XHTML Datei
 <lift:loc locid=„key\">default value</lift:loc>
 Im Code
 S.?(„key“)

Errors, Warnings and Notices
 Im Backend
 S.error(„Fehler!“)
 S.warning(„Achtung!“)
 S.notice(„Info“)

Errors, Warnings and Notices
 Im Backend
 S.error(„Fehler!“)
 S.warning(„Achtung!“)
 S.notice(„Info“)
 Im Frontend
<lift:snippet type=\"msgs\">
<lift:error_msg>
Error! The details are:
</lift:error_msg>
<lift:error_class>errorBox</lift:error_class>
...
</lift:snippet>