Developing Rich Web Applications with Spring

Keith DonaldScott Andrews

Agenda

• A little bit about your speakers

• Developing rich web applications– Programming model– Convention-over-configuration– Ajax– Flow– Security– JavaServerFaces– Better modularity with OSGi

Speaker Background

• Keith Donald– SpringSource Co-Founder– Spring Project Lead– Author

• Several Spring books• Spring Training Curriculum

– Conference Director, The Spring Experience

• Scott Andrews– Application Developer– Member of the Spring Web Team– Creator, SpringSource Enteprise Bundle Repository

Where We Work

Our Open Source Projects

Our Commercial Products

SpringSourcePerformance

SpringEnterprise

Edition

SpringSourceSupport

SpringSource Enterprise

SpringSource dm Server™

Agenda

• A little bit about your speakers

• Developing rich web applications– Programming model– Convention-over-configuration– Ajax– Flow– Security– JavaServerFaces

Modules Covered

• Spring Web MVC– foundation for all other web modules

• Spring JavaScript– Ajax support

• Spring Web Flow– framework for stateful interactions

• Spring Faces– JavaServer Faces support

Layered Web Modules

Spring Web Modules

Spring Web MVCSpring Web MVC

Spring Web FlowSpring Web Flow Spring JavaScriptSpring JavaScript

Spring Faces Spring Faces

Obtaining Code

• See www.springframework.org/download

• Web MVC– Download Spring Framework 2.5.x

• JavaScript, Web Flow, and Faces– Download Spring Web Flow 2.0.x

• Sample Application– See www.springframework.org/webflow-samples

Spring Web MVC

• Popular web framework

• Foundation for all other web modules

• Significantly enhanced in Spring 2.5– Annotated controller model– Convention-over-configuration

Annotated Controller Model

• Annotate a plain Java™ class as a Controller

• Map HTTP requests to methods– Bind request parameters to method

arguments– Populate Model to export data to the view– Return a String to select a view

Example

• @Controller to manage hotels

• GET /hotels/list– List hotels available for booking

Example @Controller

@Controllerpublic class HotelsController {

@RequestMapping(“/hotels/list”, method=GET) public String list(Model model) { model.add(“hotels”, hotelService.findAll()); return “/hotels/list”; }

Example Request Lifecycle

DispatcherServlet

HotelsController.list(Model)

/hotels/list.jsp

/hotels/list

invoke

render Model {hotels}

Before Spring Web MVC 2.5

public class HotelsController extends MultiActionController {

public ModelAndView list( HttpServletRequest request, HttpServletResponse response) { ModelAndView mv = new ModelAndView(); mv.add(“hotels”, hotelService.findAll()); mv.setViewName(“/hotels/list”); return mv; }

} + External XML URL Mapping Configuration

Convention over configuration

• Write less code, get consistency

• Conventions available for– Request mapping– View name selection– Model population

• Can always override when needed

With Conventions

@RequestMapping public void list(Model model) { model.add(hotelService.findAll()); }

Mapping to class + method name

Model entry name generated from object type

Viewselectedfromrequestpath

GET /hotels/list

Simplest Signature Possible

@RequestMapping public List<Hotel> list() { return hotelService.findAll(); }

Added tothe Modelfor you

Multi-Action Convention Example

@RequestMapping public void index(…) {…}

@RequestMapping public void show(…) {…}

@RequestMapping public void update(…) {…}}

/hotels/index

/hotels/update

/hotels/show

Data Binding

@RequestMapping public void list(Criteria c, Model m) { model.add(hotelService.find(c)); }

@RequestMapping public void show(@RequestParam Long id, Model m) { model.add(hotelService.get(id)); }

/hotels/list?searchString=Westin&pageSize=5

/hotels/show?id=1

@Controller Deployment

• Found in classpath

• Auto-wired as Spring beans

<context:component-scan base-package=”example.hotels”/>

Autowiring Hints

@Autowired public HotelsController(HotelService service) { }

}@Servicepublic class HibernateHotelService implements HotelService {

@Autowired public HibernateHotelService(DataSource ds) { }

@Transactional public List<Hotels> find(Criteria c) {}}

Mixing Annotations and XML

<beans>

<context:component-scan base-package=”example.hotels”/>

<jee:jndi-lookup id=”dataSource” jndi-name=”eis/jdbc/travelDataSource”/>

</beans>

Configure your application beans

Link with environment-specific infrastructure

Essential Spring MVC Features

Web MVC Summary

• Favor @Controller model over old styles

• Favor convention-over-configuration

• Favor strongly typed handler methods

• Consider grouping control logic by Resource– e.g. “HotelsController” for acting on Hotel resources

Spring JavaScript

Spring Web Modules

Spring Web FlowSpring Web Flow Spring JavaScript

Spring JavaScript

• JavaScript abstraction framework– Use to enhance HTML elements with

behavior

• Integrates the Dojo Toolkit

• In Web Flow 2 distribution

Goals of Spring JavaScript

• Simplify use of Dojo for common enterprise use cases– Ajax– Client-side validation

• Promote progressive enhancement– Graceful degradation– Accessibility

Other Spring JavaScript Value Adds

• ResourceServlet– Efficient serving of static resources– Meets Yahoo performance guidelines

• CSS Framework– Structure for common page layouts

Using Spring JavaScript

• Include public API, Dojo, and API implementation in your pages

Working with the API

• Use API to apply decorations to HTML elements

• Different types of decorations– WidgetDecoration– AjaxEventDecoration– ValidateAllDecoration

Adding Hover Effect

<form:input id="searchString" path="searchString"/><script type="text/javascript"> Spring.addDecoration(new Spring.ElementDecoration({ elementId : "searchString", widgetType : "dijit.form.ValidationTextBox", widgetAttrs : { promptMessage : "Search hotels by name or location.” } }));</script>

Ajax with Partial Rendering

More Results</a><script type="text/javascript"> Spring.addDecoration(new Spring.AjaxEventDecoration({ elementId: "moreResultsLink", event: "onclick", params: { fragments: "searchResults” } }));</script>

Name of tile to re-render on server

No callback function necessary to link in response

Form Validation

<form:input path="creditCard"/><script type="text/javascript"> Spring.addDecoration(new Spring.ElementDecoration({ elementId : "creditCard", widgetType : "dijit.form.ValidationTextBox", widgetAttrs : { required : true, invalidMessage : "A 16-digit number is required.", regExp : "[0-9]{16}” } }));</script>

Combining with Dojo Query

dojo.query('.spring-titlePane-open > h2'). forEach(function(titleElement) { Spring.addDecoration(new Spring.ElementDecoration({ elementId : titleElement.parentNode.id, widgetType : 'dijit.TitlePane', widgetAttrs : { title : titleElement.innerHTML, open : true }} ));}).style('display','none');

Progressive Enhancement with Spring JavaScript

Summary

• Simple yet powerful API

• Write consistent JavaScript

• Promote progressive enhancement

• Manage partial update complexities

• Full-power of underlying toolkit available

Spring Web Flow

Spring Web Modules

Spring Web Flow Spring JavaScriptSpring JavaScript

Spring Web Flow Overview

• For implementing stateful flows– Reusable multi-step user dialogs

• Plugs into Spring MVC

• Spring Web Flow 2 available now– Incorporates lessons learned from 1.0– Offers many new features

Web Flow Sweet Spot

New Web Flow 2 Features

• Ajax support– Partial page re-rendering in flow DSL

• Spring security integration

• Flow-managed persistence

• Convention-over-configuration– View rendering– Data binding and validation

Essential Web Flow 2 features

Summary

• Use Web Flow for stateful use cases– Wizards are a good example

• Run flows alongside stateless Controllers

• Web Flow 2 is a big step forward– Most sophisticated flow engine available

Spring Faces

Spring Web Modules

Spring Web FlowSpring Web Flow Spring JavaScriptSpring JavaScript

Spring Faces

• Makes JSF a view technology in Spring– Render JSF views from Spring MVC

Controllers and Web Flows

• Drives JSF lifecycle from within Spring environment

Spring Faces

• All native Spring MVC features available

• All phases of the JSF lifecycle implemented– Stateless MVC views execute render lifecycle– Stateful web flows execute render and

postback lifecycles

Key Benefits

• Action-oriented (Spring MVC)– Flexible URL mapping– REST-ful controller programming model– Model binding and validation– Request interception– Exception handling– Web Flow

• Component-oriented (JSF)– Composite views (Facelets)– Ecosystem of available component libraries– Ability to create new components to enable reuse

Spring FacesCombining the best of action-oriented and component-oriented development

Summary

• Spring Faces enables the best of action-oriented and component-oriented development– Work with Spring MVC and JSF in the same application

• Stateless Spring MVC Controllers can render transient JSF views

• Stateful Spring Web Flows can render JSF views and process view post backs

• Major JSF component libraries supported

Spring 3.0 Roadmap

• REST support– URI templates– Content negotiation– JSON, Flex remoting

• Declarative Validation• @Flow, as an alternative to XML• Improved packaging• Optimized for Java 5 and >

Presentation Summary

• Spring offers a lot for rich web application development

• Get involved at www.springframework.org

• Get enterprise support and tools at www.springsource.com

• Join us for a rich web training workshop at www.springsource.com/training

Copyright 2008 SpringSource. Copying, publishing or distributing without express written permission is prohibited. 55Copyright 2008 SpringSource. Copying, publishing or distributing without express written permission is prohibited.

Questions?

Developing Rich Web Applications with Spring

Documents

Developing cross-platform application with rich GUI using ......Developing cross-platform application with rich GUI using QtWebEngine _ QtCon, September 2, 2016 Victor Kropp

Developing Technology- Rich Teacher Education Programs:

WTP-101 Developing Rich Internet Applications with Java Web Frameworks

Rich Hatch Facts & Trends Spring 2013

Developing Rich Client Applications

Spring Training #2: Rich Media

Developing Rich Internet Applications using AJAX and Atlasdownload.microsoft.com/download/6/f/9/6f941562-7e... · Developing Rich Internet Applications using AJAX and Atlas Adnan

Rich Ajax Platform, Part 2: Developing applicationsaniszczyk.org/wp-content/uploads/2009/10/Rich-Ajax... · Rich Ajax Platform, Part 2: Developing applications 10/13/09 11:51 AM

Lab 1 - Developing Rich Web Applications With Oracle ADF

Developing a Technology Rich Teacher Education Program

Tools for developing employment and job-rich

WTP-101 Developing Rich Internet Applications with Java ... · WTP-101 Developing Rich Internet Applications with ... now extended Eclipse with a J2EE servlet container and are ready

Developing Rich Web Applications With Oracle ADF

Fiscal Frameworks for Resource Rich Developing Countries · Fiscal Frameworks for Resource Rich Developing Countries ... Natural resources, ... the design of appropriate policy frameworks

Developing 21st Century Learners with Technology Rich Lessons

Flex 3 - Developing Rich Internet Application

Developing a Rich Picture for an Information Sharing System

Exploring and developing silver and zinc rich volcanogenic massive

Microsoft SQL Server - Developing Rich Reporting Solutions Presentation

Developing rich SIP applications with SIPSIMPLE SDK