Playframework + Twitter Bootstrap

3,276
-1

Published on

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

No Downloads
Views
Total Views
3,276
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
53
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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.

×