Summer - The HTML5 Library for Java and Scala

SummerThe HTML5 Library for Java and Scala

What is Summer?• Presentation Technology for Spring MVC• HTML5 Template Language• Ground-base for Modular Web Applications

It’s about buildinglightweight and web friendly applications

It’s not fordesktop-like experiences written in pure Java

A mix of technologies Servlet 3.0 (JSR 315) HTML5 Jetty 8 WebSocket MavenBean Validation (JSR 303) Expression Language 2.2 (JSR 245)Spring 3 JPA 2.0 (JSR 317) JavaServer Faces 2.0 (JSR 314) jQuery 1.5 Dependency Injection for Java (JSR 330) CSS3

Apache 2.0 Licensehttp://www.asual.com/summerhttp://github.com/asual/summer

Why Spring?• Flexible, Powerful, Annotation Driven• Proven MVC Architecture• REST, Content Negotiation Support

Sample Spring Controller@Controller@RequestMapping("/technology")public class TechnologyController { @RequestMapping(method=RequestMethod.GET) @ResponseFormat({JsonView.class}) public ModelAndView list() { return new ModelAndView("/list", new ModelMap(Technology.list())); } @RequestMapping("/{value}") public ModelAndView view(@PathVariable("value") String value) { return new ModelAndView("/view", new ModelMap(Technology.find(value))); } @RequestMapping(value="/save", method={RequestMethod.POST}) public ModelAndView save( @Valid @ModelAttribute Technology technology) { Technology.save(technology); return new ModelAndView(new RedirectView("/" + technology.getValue(), true)); } ... }

Sample Domain Object@Configurable@Entity@Tablepublic class Technology implements Serializable { @PersistenceContext private transient EntityManager entityManager; @Id @GeneratedValue(strategy=IDENTITY) @Column(unique=true, nullable=false) private Integer id; @Column(unique=true, nullable=false) private String value; @NotEmpty @Column private String name; ...}

Sample Converter@Namedpublic class StringToLicenseConverter implements Converter<String, License> { public License convert(String source) { if (StringUtils.isEmpty(source)) { return null; } return License.find(source); }}

Why Summer?• Built for Spring• Clean and expressive markup• Promotes Modularity and Best Practices

Why HTML5?• New semantic tags• Useful data-* attributes• WebSocket, Canvas, Local Storage, etc.

Why JSF 2.0• Composite components and templating• Partial rendering and resource relocation• Classpath resources

Sample Page<!DOCTYPE html><html> <title>${messages.page.title}</title> <header> <h1>${resourceUtils.getMessage(page.title)}</h1> </header> <div data-template="paragraph"> Paragraph Content </div> <footer> <p data-escape="false">${properties.app.id}</p> </footer> <script src="/js/app.js"></script></html>

Sample Form<!DOCTYPE html><html> <title>${technology.name}</title> <form action="/technology/${technology.value}" method="put"> <input type="hidden" value="${technology.value}" /> <fieldset data-legend="Basic Information" > <input type="text" value="${technology.name}" data-label="Name:" /> <div data-repeat="${licenseList}" data-value="${technology.licenses}"> <input type="checkbox" value="${var.value}" data-label="${var.name}" /> </div> </fieldset> <button>Update</button> </form> </html>

Sample Table<!DOCTYPE html><html> <title>Technologies</title> <table> <thead> <tr> <th>Name</th> <th>Description</th> </tr> </thead> <tbody data-repeat="${technologyList}" data-empty="None."> <tr class="${varStatus.index mod 2 eq 0 ? odd : even}"> <td>${var.name}</td> <td>${stringUtils.ellipsis(var.description, 100)}</td> </tr> </tbody> </table> </html>

Some AJAX?<!DOCTYPE html><html> <title>AJAX</title> <p id="more" class="views"> <a href="/technology?more=true" data-ajax="more content" data-ajax-method="post"> Show more... </a> </p> <p id="content"> Dynamic content... </p> </html>

What more?• Extended content negotiation support• WebSocket using Atmosphere• Strong Maven integration• Production and development modes

Development• Jetty Maven Plugin• JNDI environment entries• Extra module classpaths

Roadmap• Documentation and screencasts• Full HTML5 compatibility• Spring Roo integration• Bug ﬁxes and performance improvements

Summer Extras• Better looking form components• Support for LESS CSS• Optimized CSS and JavaScript ﬁles• OneJar deployment• Servlet 2.5 support• Beautiful markup output

Muchas gracias! @asual

http://lanyrd.com	245
https://lanyrd.com	2
http://twitter.com	1

Summer - The HTML5 Library for Java and Scala

by rostislav on Feb 18, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 248

Statistics

Summer - The HTML5 Library for Java and Scala — Presentation Transcript