Listing the product data

I prefer to develop the application functionality feature by feature. This section will explain how to show a list of the products in a data table on the UI.

We will begin by defining a DTO, ProductDto, for the Product entity. Then, we will create an application service method that returns a list of products to the presentation layer. Additionally, we will learn how to map the Product entity to ProductDto automatically.

Before creating the UI, I will show you how to write an Automated Test for the application service. In this way, we will be sure that the application service is working properly before starting the UI development.

Throughout the development, we will explore some benefits of ABP Framework, such as the automatic API controller and dynamic JavaScript Proxy systems.

Finally, we will create a new page, add a data table inside it, get a list of the products from the server, and show it on the UI.

In the next section, we will begin by...