Playframework + Twitter Bootstrap

Playframework

Twitter Boostrap

kevingo @ 07/26

Java Web Framework

Traditional Java Web Framework

很多時候會讓人挫敗

Over Architecture … Want standard page?

Let's define JSP/JSTL (JSR-53) And let apache implement Jakata, Taglibs

Want web components? Let define Java Server Face (JSR-127) And let communities implement MyFace

… Want restful?

Let define JAX-RS (JSR-311) And let communities implement

RESTEasy, Jersey …

History

2007, created by Guillaume Bort working at Zenexity

Resource

Full Java Stack RESTful Pure Java

FastClean

template system

Nice debugging

JPA Persistence

Embedded testing

framework

Handy modules

Full Java Stack

Bundles compiler Embedded

server Hibernate Logger Test runner Groovy template

engine ……

RESTful and SEO friendly

Fix the bug and hit Reload

Stateless

Share nothing between each request No session in server side Play session are store in client using

cookie mechanism ( ~4KB ) Easy scalable

Request life cycle

Play application architect

app/model

Annotate with @Entity extends Model

auto ID Full JPA support

Native SQL select * from …

JPQL also supported

Where is the database?

conf/application.conf

app/controller

extends Controller communicate with

model render to view

passing object

render to view

app/views

html + groovy

conf/route

Deployment Application Server support

JBoss Glashfish Tomcat Jetty Websphere Resin

Cloud hosting Heroku GAE Cloud Foundry CloudBees

Twitter Bootstrap

Developer 為什麼要用

UI Framework ?

Web 開發

html+js+css + img +

icon

Web 開發 -Developer

html+js+css + img +

icon

Web 開發 -Designer

html+js+css + img +

icon

Web 開發 -UI Framework

html+js+css + img +

icon

Twitter Bootstrap

Grid System 12 column grid with responsive design

Twitter Bootstrap

Responsive Design

iPhone ViewTablet View

Small application

• 博物館案• 18 度 C 巧克力

18度 C巧克力

博物館案 (http://museum-platform.herokuapp.com/)

謝謝大家