SAP UI5 - Criando um Projeto UI5

Step 1 - Para criar um novo projeto no UI5 developer Studio, vá para Arquivo → Novo → Projeto.

Step 2 - Insira o nome do projeto, dispositivo de destino e crie uma visualização inicial.

Step 3 - Digite o nome da visualização e o tipo de visualização na janela seguinte e clique em Avançar.

Step 4- Na última janela, você vê o resumo do projeto. Mostra as propriedades do projeto. Clique no botão Concluir para criar o projeto.

Step 5- Você será solicitado a mudar para a perspectiva Java EE. Clique em Sim e uma nova janela do projeto UI5 será aberta com uma visualização inicial - JSView.

Step 6 - Agora, para adicionar um Shell a esta visão, você pode usar a biblioteca sap.ui.ux3.Shell ().

Step 7- Como o Shell não faz parte do sap.ui.commons, você precisa adicionar a biblioteca sap.ui.ux3. Você pode adicionar bibliotecas adicionais a data-sap-ui-libs.

Para executar um aplicativo, você tem duas opções -

  • Executar no servidor
  • Executar no webapp

Executar no servidor é recomendado, pois tem uma porta fixa e não é como executar no webapp com uma porta aleatória única.

SAP UI5 ─ Configuração

Conforme mostrado na tabela a seguir, você pode definir vários atributos de configuração no SAP UI5 -

Funções do núcleo

As funções principais no SAP UI5 são as seguintes -

  • Sap.ui.getCore() - Isso é usado para obter uma instância central.

  • Sap.ui.getCore().byid(id) - Isso é usado para obter uma instância de controle UI5 ​​criada com id.

  • Sap.ui.getCore().applyChanges() - Isso é usado para realizar e renderizar as alterações para os controles UI5 imediatamente.

  • jQuery.sap.domById(id)- Isso é usado para obter qualquer elemento HTML com id. Se houver um controle UI5 ​​com id, o elemento retornado é o elemento HTML do controle UI5.

  • jQuery.sap.byId(id) - É usado para retornar o objeto jQuery do elemento DOM com o Id especificado.