跳至主要内容

Getting started wtih Java EE 8 MVC(2)-Handling form submission

Handling form submission

In the tranditional MVC applications, the mostly-used HTML methods should GET and POST.
POST method is usually used in the form submission, aka form post.
In order to create a new task, you should follow the flow.
  1. In the task list view, click Add Task button to enter the creating task view.
  2. Fill the fields of the task form and submit. It will return to task list view.

Display the creating page

Firstly display the task creating page.
@GET
@Path("new")
public Viewable add() {
    log.log(Level.INFO, "add new task");

    return new Viewable("add.jspx");
}
Viewable is another approach to indicate a view path, I have motioned the @View annotation in the first post.
The add.jspx page code snippets.
<div class="row">
    <div class="col-md-12">
        <c:url var="formActionUrl" value="/mvc/tasks"/>
        <form id="form" name="form" role="form" class="form" action="${formActionUrl}" method="post">
            <div
                class="form-group">
                <label class="control-label" for="name">Task Name:</label>
                <input id="name" name="name" type="text" class="form-control"/>
                <div class="help-block">
                    <jsp:text/>
                </div>
            </div>
             <div
                class="form-group">
                <label class="control-label" for="description">Task Description:</label>
                <textarea id="description" name="description" class="form-control" rows="8"><jsp:text/></textarea>
                <div class="help-block">
                    <jsp:text/>
                </div>
            </div>

            <div class="form-group">
                <button id="submitTask" type="submit" class="btn btn-lg btn-primary">Add Task</button>
            </div>
        </form>
    </div>
</div>
Unlike other MVC frameworks, such as Spring MVC, MVC 1.0 does not provides specific taglib for form field wrapping. Most of the codes are pure HTML codes and some addtional standard JSTL taglib in JSP specification.
When the Add Task button is clicked, the form is submitted via POST method to the backend controller.

Handling form submission

Let's have a look at the controller to process the form submission.
@POST
public Response save(@Valid @BeanParam TaskForm form) {
    log.log(Level.INFO, "saving new task @{0}", form);

    if (validationResult.isFailed()) {
        AlertMessage alert = AlertMessage.danger("Validation voilations!");
        validationResult.getAllViolations()
                .stream()
                .forEach((ConstraintViolation t) -> {
                    alert.addError(t.getPropertyPath().toString(), "", t.getMessage());
                });
        models.put("errors", alert);
        return Response.status(BAD_REQUEST).entity("add.jsp").build();
    }

    Task task = new Task();
    task.setName(form.getName());
    task.setDescription(form.getDescription());

    taskRepository.save(task);

    flashMessage.notify(Type.success, "Task was created successfully!");

    return Response.ok("redirect:tasks").build();
}
You could have notice there is @BeanParam annotation with TaskForm bean.
Let's dig in the TaskForm code.
@RequestScoped
public class TaskForm implements Serializable {

    private static final long serialVersionUID = 1L;

    @NotNull
    @FormParam("name")
    private String name;

    @NotNull
    @FormParam("description")
    private String description;

    //setters and getters are omitted.
    //equals and hashcode methods are omitted.

}   
In the TaskForm, there are two fields defined, name and description, and they are annotated with a @FormParam annotation, it means the fields in the input form will be bound to these fields by name.
When the form is submitted, the value of input field named name will be bound to the name field of the TaskForm instance. The save method will read the form data and save it into database, and return to the task list 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.1.1.
  4. After it is deployed and runging on Glassfish application server, navigate http://localhost:8080/ee8-mvc/mvc/tasks in browser.
  5. Click the Add Task button and try to create a new task.
    https://github.com/hantsy/ee8-sandbox/wiki/mvc-new-task.png
发表评论

此博客中的热门博文

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 thePostentity 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 converter In this example…

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 addhibernate-enversas 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@Auditedannotation, you can place it on an Entity class or property of an Entity. @Audited private String description; If@Auditedannotation is placed on a property, this property can be tracked.

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 2Getting Started with REST and Zend Framework 2 Zend2 provides aAbstractRestfulControllerfor 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" => $album)); } …