Creating and implementing the BookLibraryListing page

In this section, we will begin by building the user interface for our BookLibraryListing using HTML by defining HTML tags. This Razor template page will use our BookItem data model to visually display all items that have been added to the BookItem database table, as well as allow the user to create new book items.

Let's start by creating the user interface for our BookLibraryListing by going through the following steps:

1. Right-click on the Views folder and choose Add | New File... from the pop-up menu.

2. Then, choose the Preprocessed Razor Template option under the Text Templating section and enter BookLibraryListing for the name of the Razor template to be created, as shown in the following screenshot:

Creating the Book Library Listing Razor Template

3. Then, click on the New button to allow the wizard to proceed and...