Search⌘ K
AI Features

Develop the Mock User Interface

Explore how to develop a mock user interface that interacts with a mock service to manage one-to-many bi-directional relationships in Java. This lesson covers key JavaScript methods for loading data, creating, updating, and deleting Items and Features, and managing dynamic form inputs. By the end, you will understand how to implement a functional user interface for object-relational models using JSP and JavaScript.

We learned how to foster the mock service with an in-memory store in the previous section. Now we will learn how to write the user interface, which will use this mock service. The user interface will have the means to add, edit, delete, and show all records related to the Item, including the Feature names. A screenshot of the user interface is shown in Figure 7-2.

JSP page

The JSP body is the opening page, and then, the JavaScript actions are called. We will outline the torrent with the JavaScript requests. ...