Skip to Content
Author's profile photo Wouter Lemaire

Organize your UI5 project

Hi,

From my own experience I found out that it’s important to organize your project! It can grow fast and unstructered, even for a small application 🙂

This tutorial is based on previous tutorials:

Start with the SAP Web IDE On-Premise

Connect the SAPWebIDE On-Premise to your SAP Gateway system On-Premise

Generate your custom Fiori application with SAPWebIDE On-Premise using Gateway On-Premise

Navigate between single full view and split view

In this tutorial we are going to create some sub folders in the root folder of the views. We’ll place the views in there related folder. It’s important that you not just replace the views, but also rename them!

After renaming and replacing the views, you’ll have to update your “component.js”.

We just created a few subfolders. But you could also create subfolder in subfolder and so on… Just don’t forget to change the name of your view and update the “component.js”!

Extend your UI5 app clean ! 🙂

Next tutorial will be about the unified shell!

How to add the Fiori / Unified Shell

Kind regards,

Wouter

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Sergio Guerrero
      Sergio Guerrero

      Wouter Lemaire great video and explanation for the rest of the people. I also wanted to add that when creating the folders as you mentioned here, it can work for a simple application as well as an Enterprise level application where the architect or developer could logically separate content by business areas, specific processes or projects, etc. The cleaner the folder structure is, the easier for a developer to work on an application. There may be more considerations (security, teams, developers, etc) but at a higher level, I think this is a very good solution to put in practice.

      Again, great job on showing this video

      Author's profile photo Former Member
      Former Member

      Hi Wouter,

      Thanks for providing the steps,its very helpful.

      Could you paste here the previous tutorial links, please.

      Thanks in advance.

      Author's profile photo Former Member
      Former Member

      Greate post...

      Author's profile photo Former Member
      Former Member

      hello