Building CRUD Application through Business object and deploying it on Visual Builder Cloud Services(VBCS)

 Hello everyone, 

Whatever UI Application you learn, there will be a common requirement to build a Data Entry Application. This article will guide you in learning the Data Entry Application using the VBCS Cloud application.

So many application tools and Frameworks provide the capability to use wizards base methods to build data entry applications and VBCS is no exception, as it also allows you to create a Data Entry app in wizard-based format.

I have created a sample application to illustrate the process of the Data entry app creation.

1. First would be to create an Application, Provide some name to the Application. 

2. Next Step would be to create a Business Object.

The business object is similar to like Entity Object in ADF. It's similar to like Table on which you will be performing data entry operation. 

Click on the Business Object button to create a business object

Give some name to the Business Object "EmployeeInfo" ( Just like Table Name)  

Provide Field names to the business objects, just like Column Names we provide while creating a table in the database

You can also make a field required while creating a business object.  I made id as a required field in the business object. So whenever this business object will be rendered on to the UI application, ID will be the mandatory field to enter while creating a transaction. 

You can also add sample data to test your business object application. Just click on Add Row Button and enter the data.

Adding the data 

You can also add data through CSV File , Create CSV File with Business fields as shown in below screenshot 

Click on Import data to load the data.

The append will insert data without deleting the old data, where replace means it will overwrite with a new set of data 

for Duplicate, it will throw an error

once business objects are created, then in the background it will also create the rest API for it. You can use this rest API's as well to perform get and Post operations  

Now is the time to create an application to perform data entry operations on the Business object.

Step 1 Create an application 

Provide the VBCS Application Name 

Drag Table Component on the Application palette as shown in the screenshot 

Click on Add Data Icon for the Table 

Select Business Object  "EmployeeInfo" which you have created 

Post selection of business object it will add another wizard page, Select the fields of the business object to display on the application.

This is how it will display after selecting the column on to the page. 

On the right side of the Panel, there are features like 

1. Add Create Page (Insert records in the form)

2. Add Edit Page (Update records in the form)

3. Add Detail Page (Provide sub-region to the page)

4. Add Delete Action (Provide capability to delete the records in a page)

Click on Add Create Page Panel

Select the Fields which you want to add to the Data entry page, I have selected two fields as shown in figure 

Create Employee Info Button will be created for Data entry operations 

Similarly, Add Edit Page and Delete action respective to perform an update and delete operation 

Update operation created 

Delete operations also added through Panel. 

Now the page is created with Create, Update, and Delete Operations 

Now let's click on the Individual button to perform the transaction

Upon click on the Create button, Page will prompt to ask for details to fill the data for the fields

Select the records you want to edit and hit the Edit button and it will redirect you to the page with the fields required to be updated

Select the records you want to Delete and hit the delete button and it will redirect you to the page with the fields required to be deleted 

The next step is to deploy the application, for application deployment you need to stage it by clicking on Stage Application 

Once the Application staged  you can click on the publish button to deploy  the application, This will be the final step for the deployment