Summer - The HTML5 Library for Java and Scala

Summer
The 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 building
lightweight and web friendly
applications

It’s not for
desktop-like experiences written
in pure Java

A mix of technologies
Servlet 3.0 (JSR 315) HTML5 Jetty 8 WebSocket Maven
Bean 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 License
http://www.asual.com/summer
http://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
@Table
public 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
@Named
public 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

Summer - The HTML5 Library for Java and Scala

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (7)

Similar to Summer - The HTML5 Library for Java and Scala

Similar to Summer - The HTML5 Library for Java and Scala (20)

Recently uploaded

Recently uploaded (20)

Summer - The HTML5 Library for Java and Scala

Editor's Notes