Your SlideShare is downloading. ×
0
PlayframeworkTwitter Boostrap              kevingo @ 07/26
Java Web Framework
Traditional Java Web Framework
很多時候會讓人挫敗
Over Architecture … Want standard page?   Lets define JSP/JSTL (JSR-53)   And let apache implement Jakata, Taglibs Wan...
History 2007, created by Guillaume Bort working at Zenexity
Resource
Full Java               RESTful    Pure Java  Stack                Clean                            Nice   Fast       temp...
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 m...
Request life cycle
Play application architect
app/model Annotate with @Entity extends Model      auto ID      Full JPA support Native SQL      select * from … JP...
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 h...
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
Tablet ViewiPhone View
Small application  • 博物館案  • 18度C巧克力
18度C巧克力
博物館案(http://museum-platform.herokuapp.com/)
謝謝大家
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Playframework + Twitter Bootstrap
Upcoming SlideShare
Loading in...5
×

Playframework + Twitter Bootstrap

2,939

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,939
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
49
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Playframework + Twitter Bootstrap"

  1. 1. PlayframeworkTwitter Boostrap kevingo @ 07/26
  2. 2. Java Web Framework
  3. 3. Traditional Java Web Framework
  4. 4. 很多時候會讓人挫敗
  5. 5. Over Architecture … Want standard page?  Lets 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 …
  6. 6. History 2007, created by Guillaume Bort working at Zenexity
  7. 7. Resource
  8. 8. Full Java RESTful Pure Java Stack Clean Nice Fast template debugging system Embedded JPA Handy testingPersistence modules framework
  9. 9. Full Java Stack Bundles compiler Embedded server Hibernate Logger Test runner Groovy template engine ……
  10. 10. RESTful and SEO friendly
  11. 11. Fix the bug and hit Reload
  12. 12. Stateless Share nothing between each request No session in server side Play session are store in client using cookie mechanism ( ~4KB ) Easy scalable
  13. 13. Request life cycle
  14. 14. Play application architect
  15. 15. app/model Annotate with @Entity extends Model  auto ID  Full JPA support Native SQL  select * from … JPQL also supported
  16. 16. Where is the database? conf/application.conf
  17. 17. app/controller extends Controller communicate with model render to view  passing object
  18. 18. render to view
  19. 19. app/views html + groovy
  20. 20. conf/route
  21. 21. Deployment Application Server support  JBoss  Glashfish  Tomcat  Jetty  Websphere  Resin Cloud hosting  Heroku  GAE  Cloud Foundry  CloudBees
  22. 22. Twitter Bootstrap
  23. 23. Developer 為什麼要用UI Framework ?
  24. 24. Web 開發 html+js+css + img + icon
  25. 25. Web 開發-Developer html+js+ css + img + icon
  26. 26. Web 開發- Designer html+js+css + img + icon
  27. 27. Web 開發- UI Framework html+js+css + img + icon
  28. 28. Twitter Bootstrap Grid System  12 column grid with responsive design
  29. 29. Twitter Bootstrap Responsive Design
  30. 30. Tablet ViewiPhone View
  31. 31. Small application • 博物館案 • 18度C巧克力
  32. 32. 18度C巧克力
  33. 33. 博物館案(http://museum-platform.herokuapp.com/)
  34. 34. 謝謝大家
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×