跳至主要内容

Getting started with Java EE8 MVC(5)-Page navigation

Page navigation

As introducing the feature pieces of the MVC specification, we have visited most of views in this demo. In fact, when you desgin a website, you should have a map for the page navigation among all views.

View navigation summary

  1. When the appliation starts up, it will display the task list view.
  2. User can create a new task by clicking the New Task button, the task creating view is displayed.
  3. When user input the task title and description, submit the form.
    • If the task is submitted successfully, return the main task list view. The new created task should be in the list.
    • If the task form data is invalid, show the validation errors.
  4. User can edit the new created task by click edit icon.
    • It will read the task from database and fill the existing data into form fields
    • The submission progress is similiar with the new task subflow described in above 3.
  5. User can update the task status(TODO to DOING, or DOING to DONE). When the status is changed successfully, return to the task list.
  6. User can delete the DONE task. When it is deleted, return to the task list.
//todo add a graph to display the navigations []()

View navigation path definition

We have used GET, POST, PUT, DELETE http methods to process basic CRUD operations, listed in the following table.
Navigation path HTTP method View page Descritption
/tasks GET tasks.jspx Task list view
/tasks/new GET add.jspx Display new task view
/tasks POST redirect:tasks Submit task form, save task, and redirect to task list view
/tasks/{id}/edit GET edit.jspx Display edit task view
/tasks/{id} PUT redirect:tasks Submit task form, update task, and redirect to task list view
/tasks/{id} DELETE redirect:tasks Submit task form, delete task, and redirect to task list view
/tasks/{id}/status PUT redirect:tasks Submit task form, update task status, and redirect to task list view
It is easy to understand. As you see, the navigation rules are very similar with the paths for RESTful APIs.

Display views

In the above paths, the task list view, new task view and edit task view can display the views directly via inputing the url path in browser locaiton bar. Others are POST submission, they will redirect to the task list view.
There are several approaches provided in MVC specification to navigate the view path.
  1. Add @View annotation to a void controller method.
  2. Return a Viewable object to a controller method.
  3. Return a Response entity which body content includes the view path.
    public Response someAction(){
     return Response.ok("redirect:tasks").build();
}
  4. Return a String type value directly. 
    public String someAction(){
     return "redirect:tasks";
}
The 1 and 2 are new added to the MVC specification, and the 3rd is reusing the existing JAXRS specification.

POST-REDIRECT-GET pattern

The new task form submission and edit task form submission follow the POST-REDIRECT-GET pattern.
  1. When the form is submitted successfully, a form POST request is sent to the server.
  2. After the server received the request, and processed it, it will REDIRECT to the target view.
  3. And perform a new GET request on the target view.

Source codes

  1. Clone the codes from my github.com account.
    https://github.com/hantsy/ee8-sandbox/
  2. Open the mvc project in NetBeans IDE.
  3. Run it on Glassfish.
  4. After it is deployed and runging on Glassfish application server, navigate http://localhost:8080/ee8-mvc/mvc/tasks in browser.
标签：

评论

发表评论

此博客中的热门博文

Create a restful application with AngularJS and Zend 2 framework

Create a restful application with AngularJS and Zend 2 framework This example application uses AngularJS/Bootstrap as frontend and Zend2 Framework as REST API producer. The backend code This backend code reuses the database scheme and codes of the official Zend Tutorial, and REST API support is also from the Zend community. Getting Started with Zend Framework 2 Getting Started with REST and Zend Framework 2 Zend2 provides a   AbstractRestfulController   for RESR API producing. class AlbumController extends AbstractRestfulController { public function getList() { $results = $this->getAlbumTable()->fetchAll(); $data = array(); foreach ($results as $result) { $data[] = $result; } return new JsonModel(array( 'data' => $data) ); } public function get($id) { $album = $this->getAlbumTable()->getAlbum($id); return new JsonModel(array("data" =...
发表评论
阅读全文

JPA 2.1: Attribute Converter

JPA 2.1: Attribute Converter If you are using Hibernate, and want a customized type is supported in your Entity class, you could have to write a custom Hibernate Type. JPA 2.1 brings a new feature named attribute converter, which can help you convert your custom class type to JPA supported type. Create an Entity Reuse the   Post   entity class as example. @Entity @Table(name="POSTS") public class Post implements Serializable { private static final long serialVersionUID = 1L; @Id @GeneratedValue(strategy = GenerationType.AUTO) @Column(name="ID") private Long id; @Column(name="TITLE") private String title; @Column(name="BODY") private String body; @Temporal(javax.persistence.TemporalType.DATE) @Column(name="CREATED") private Date created; @Column(name="TAGS") private List<String> tags=new ArrayList<>(); } Create an attribute convert...
发表评论
阅读全文

Auditing with Hibernate Envers

Auditing with Hibernate Envers The approaches provided in JPA lifecyle hook and Spring Data auditing only track the creation and last modification info of an Entity, but all the modification history are not tracked. Hibernate Envers fills the blank table. Since Hibernate 3.5, Envers is part of Hibernate core project. Configuration Configure Hibernate Envers in your project is very simple, just need to add   hibernate-envers   as project dependency. <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-envers</artifactId> </dependency> Done. No need extra Event listeners configuration as the early version. Basic Usage Hibernate Envers provides a simple   @Audited   annotation, you can place it on an Entity class or property of an Entity. @Audited private String description; If   @Audited   annotation is placed on a property, this property can be tracked. @Entity @Audited public clas...
1 条评论
阅读全文