SAPUI5 - Header and Footer for all applications

Question

I'm pretty new to SAPUI5 and have a question:

Is it possible to have for example a base application with a custom Header and footer and to change only the content to the view of another application?

So basically I have for example 3 applications and one base application. In the base application, there is only a page header and footer. I want to change the page content to the first view of one of the three application (for example based on a parameter, passed in URL). With another parameter passed in URL, The content changes to the view of the second application.

In dynpros it was possible with subscreens, so a new "application" was inserted as a subscreen.

I hope you understand my question.

Answer 1

What you describe, sounds like the Page navivation concept in UI5, using the Router (as @Bernard said). More info here

You can find a more specific example here which does what you describe. You can reuse the code of this example app using the top right corner icon.

A different scenario is the navigation between different apps. In UI5/Fiori an app is the whole package with its own Component.js. So navigating from one app to another app means to load a new Component.js, start the execution from there, and rerender all the application controls, reset the models, and so on so forth. But this should not scare you if you really want to change the whole context. If you configure your apps correctly, you won't need to download the same libraries again when swtching between apps, because they will be cached. So the browser just needs to rerender (miliseconds for a header and footer).