Technology Blog Posts by Members
cancel
Showing results for 
Search instead for 
Did you mean: 
sabarna17
Contributor
2,489

 

Untitled video - Made with Clipchamp (1).gif

After Part1, What's in Part 2?

  • How to develop UI5 like a novice

  • Use Joule like a semi-pro

  • Deploy backend - like a legend

 

We will focus on UI creation and plugin creation. These steps will be small, and we'll go through this.

I have started with a custom file upload and it looks good - 

sabarna17_0-1717350954637.png

Some UI5 Configurations

Go to to Open Page Map and then start creating your awesome UI5.

But for me, I am a bit lazy. Hence, please pardon me for the horrible UI design.

sabarna17_1-1717351074053.png

1. Go to your Page Map and choose for Recipe Object Page

sabarna17_1-1717351680458.png

Then click on Configure Page button of RecipeObjectPage and add table section.

sabarna17_0-1717351630106.png

Then add some columns

sabarna17_4-1717353061035.png

2. Then goto RecipeIngredientsObjectPage and a section General Information

sabarna17_3-1717352148356.png

Then try to add ingredients and quantity.

sabarna17_2-1717352135599.png

3. Do this, do that...

4. Do ....... Change this ...

 

But What I Also tried?

I welcomed Joule.

Used a basic prompt for the UI5 Development.

sabarna17_0-1717437878407.png

Basically, I know my table info and asked Joule for a UI5 App for this.

Then you see some interesting buttons coming up. Try and explore these buttons - 

Show Result

Preview App

Accept Files

sabarna17_1-1717438019912.png

Now click on Accept Files and do some changes.

How to Open Joule tab from BAS or Build Code?

Go to View > Command Pallet and then choose Fiori Tools AI: Show Fiori tools Joule as below

sabarna17_0-1717438620956.png

My Feedback on Joule - 

Spoiler

The output deviated by 60% from my expectations. Want to use it for easy dummy applications.
Also have a lot of future potentials. It is also too much floor plan dependent.

Once you are ready with your application. It will look like this - 

 

Spoiler

sabarna17_1-1717443435050.png

Pardon me. My UI5 Application looks like Crow S**T. But I am

Really enjoying these spoilers... 
giphy.gif

 

Some SQLite things

It's time to add a SQLite db. It's just a simple line in your terminal.

 

 

 

npm add -js/sqlite -D

 

Then use this code -

 

cds deploy --to sqlite:db/recipe.db

 

Configuration added in cds section of package.json

 

    "requires": {
      "db":{
        "kind": "sqlite",
        "credentials": {
          "database": "db/recipe.db"
        }        
      }
    },
    "auth":{
      "kind": "basic",
      "users": {
        "sabarna17": {
          "password": "1993"
        }
      }
    }

 

You can go for flow now - 

 

cds watch

 

CAP-DOX Plugin in Part 3

2 Comments
Lueberrueck
Explorer

Hey, I am not able to view Part 3 😞 "Access Denied"

sabarna17
Contributor