Open Eclipse and create an SAPUI5 application project.
We will create a desktop application, so select ui.commons.
Select create initial view check box and give name to the the view.
When we create a view, along with it the controller file also gets created.
xxxx.controller.js is the controller file
xxx.view.js is the view file.
Also an index.html file is created with the first view. This file is used to initialize the application.
Create a destination view (Right click the project folder -> New -> Others -> View)
Give name to the file. Select finish.
Now we need to initialize the view inside index.html and add the required libraries.
To navigate, we will use Shell control. Shell is an application frame with an navigation capability. We will add shell to the index.html file.
Add the desired view to the shell.
We will define a model which will hold values at run time in index.html
This is all we have to do in order to get everything in place. Important point to note here in this example is, the source view needs to be instantiated in the target view. Always!
Next step is simple. Add UI elements in the view, bind the model to the UI elements and navigate.
For complete solution, please follow the link
Right click index.html and run as web preview.