View and Controller Code

The application’s user interface (UI) consists of a start page that allows us to navigate to data management pages, such as books.html. Our data management page contains five sections: “Manage Books,” “List and Retrieve/Books,” “Create Book,” “Update Book,” and “Delete Book.” To display only one section at a time, set the CSS property display:none for all other sections.

Summary

Regarding the category attribute and segment properties subjectArea and about in the “Retrieve/List All Books,” “Create Book,” and “Update Book” sections, we need to do the following:

1. Add a segment information column (with the heading “Category”) to the display table of the Retrieve/List All Books use case in books.html.
2. Add a “Category” selection field and input fields for all segment properties, in the forms of the “Create Book” and “Update Book” sections in books.html. The form fields for segment properties are only displayed when the corresponding book category is selected.

Add a segment information column in Retrieve/List All

We add a “Special Type” column to the display table of the “Retrieve/List All Books” section in books.html: