View and Controller Code
Let’s explore the view and controller code.
We'll cover the following
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:
- Add a segment information column (with the heading “Category”) to the display table of the Retrieve/List All Books use case in
books.html
. - 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
:
Get hands-on with 1400+ tech skills courses.