Show TOC

Create an SAPUI5 Application ProjectLocate this document in the navigation structure

To create a SAPUI5 Application Project, you must have installed the SAPUI5 Application Development feature in your Eclipse installation.

Procedure

  1. Start the New SAPUI5 Application Project wizard in the Eclipse by choosing Start of the navigation path New Next navigation step Other ... Next navigation step SAPUI5 Application Development Next navigation step Application Project End of the navigation path.

    SAPUI5 ApplTools Wizard 1

  2. Enter the following project-related data:
    • Project name
    • Location (optional, prefilled from the current workspace)
    • Library 'sap.m' (default) or 'sap.ui.commons'
    • Select Create an Inital View

      Views can also be added later using the SAPUI5 Application View wizard

    SAPUI5 Tools Create App Project
  3. Enter the following view-related data:
    • Choose the folder in which the view shall be created
    • Enter a unique name for your view
    • Choose the Development Paradigm.
    Create a New View Wizard

Results

After finishing the wizard, the system performs the following steps:

  • A new dynamic web project is created. All relevant files are created in the WebContent folder.
  • A prefilled index.html is created which contains sap.ui.commons lib and sap_bluecrystal theme in the bootstrap in case of a desktop target device and the sap.m lib and sap_mvi theme in case of mobile target device.
  • In WEB-INF folder a web.xml file is created which contains settings for resource handling and the use of SimpleProxyServlet.
  • The installed SAPUI5 UI lib plugins are automatically added to the Java build path and added to the deployment assembly.
  • The SAPUI5 class path container (if available) is automatically added to the JavaScript include path.
  • The index.html page is opened in the standard editor.
  • Inside the JavaScript block of index.html, code completion is available, see JavaScript Code Completion.
  • An automatic switch to the J2EE perspective is performed.
  • If you have selected the Create an Initial View option on the first page of the SAPUI5 Application Project wizard, a view and a view controller are created and the coding to call the view is added to the index.html file.