CDS
All examples in these docs work without CDS. But on a recent ABAP release, you can also use this feature in abap2UI5 apps.
ABAP CDS
ABAP Core Data Services (CDS) let you define structured views and read data straight from the database. The example below fetches sales orders from the I_SalesOrder view of the Virtual Data Model (VDM) and shows them in a UI5 table:
abap
CLASS z2ui5_cl_sample_cds DEFINITION PUBLIC.
PUBLIC SECTION.
INTERFACES z2ui5_if_app.
DATA mt_salesorder TYPE STANDARD TABLE OF I_SalesOrder WITH EMPTY KEY.
ENDCLASS.
CLASS z2ui5_cl_sample_cds IMPLEMENTATION.
METHOD z2ui5_if_app~main.
IF client->check_on_init( ).
SELECT FROM I_SalesOrder
FIELDS salesorder, salesordertype, salesorganization
INTO TABLE @mt_salesorder
UP TO 10 ROWS.
DATA(view) = z2ui5_cl_xml_view=>factory( )->page( ).
DATA(table) = view->table( client->_bind( mt_salesorder ) ).
table->columns(
)->column( )->text( `SalesOrder` )->get_parent(
)->column( )->text( `SalesOrderType` )->get_parent(
)->column( )->text( `SalesOrganization` ).
table->items( )->column_list_item( )->cells(
)->text( `{SALESORDER}`
)->text( `{SALESORDERTYPE}`
)->text( `{SALESORGANIZATION}` ).
client->view_display( view->stringify( ) ).
ENDIF.
ENDMETHOD.
ENDCLASS.