Creating a Client-Side Page Builder
This section explains the basics of creating a Web application which acts as a client-side page builder. This Web application is based on SAPUI5. It loads a page and CHIP descriptions using the back-end services for client-side page building (page building services, PBS) and displays the page and its embedded CHIP instances in a Web browser.
This section describes how you can create your own client-side page builder. It describes the required steps and includes example code for a minimalist client-side page builder.
The Suite Page Builder that is shipped with user interface add-on for SAP NetWeaver is another example for a client-side page builder. It consumes the same JavaScript services as the examples in this section.
JavaScript services provided by SAP NetWeaver user interface services offer the following functionality:
- Create, read, update and delete operations on catalog, page, CHIP, CHIP instance and property
bag data, based on back-end services for client-side page building and their entity
data model (EDM).
The back-end services for client-side page building are based on OData. A JavaScript facade simplifies access to the OData services.
For more information, see Class sap.ui2.srvc.PageBuildingService.
- A JavaScript object model for catalogs, pages, CHIPS, CHIP instances and property bags, which
encapsulates and enriches the data retrieved from the page building services, and
mimics the EDM used there.
There is a factory to create these objects. For more information, see Class sap.ui2.srvc.Factory.
- Helper functions
For more information, see Namespace sap.ui2.srvc.