[SAP] SAPUI5 para manequins: um exercício completo passo a passo

Ontem , escrevi no blog sobre o conteúdo que estou criando para novos desenvolvedores que chegaram ao escritório da Techedge em Lucca.


Ensinar é algo que eu comecei a amar, é a consequência natural do fato de eu adorar aprender e compartilhar meus conhecimentos. E eu acho que é importante que os novos alunos ou jovens desenvolvedores tenham algum conteúdo com curadoria para começar, talvez com algumas dicas e truques que os sêniores aprenderam durante sua jornada.


A idéia por trás deste exercício é cobrir todos os tópicos que um desenvolvedor SAPUI5 deve conhecer e entender.


O exercício estará disponível no meu projeto GitHub openui5-exercise .


O exercício



O exercício será dividido em etapas, de fácil a difícil, para criar um aplicativo CRUD SAPUI5 Master-Detail completo.


O projeto consumirá / criará dados de um serviço SAP OData a partir do Netweaver Gateway Demo ES5 .
O IDE usado neste tópico é o SAP WebIDE que nos permite aproveitar o poder do SAP SCP (Cloud Platform) para desenvolver, configurar, criar e implantar no SAP Cloud Environment em questão de segundos.


Você pode encontrar cada etapa do exercício (com uma descrição e um vídeo do resultado final) em uma ramificação separada deste repositório do GitHub.


Tópico coberto


  • Exibições e fragmentos XML
  • Encaminhamento
  • Filtrar e classificar
  • Modelo OData (configurando um destino SCP)
  • JSONModel
  • Entendendo manifest.json
  • Tabela e lista
  • Layout de detalhes mestre
  • SAP WebIDE
  • Lançamento do SAP Fiori
  • Dicas e truques

Por onde começar


Como eu disse, este exercício será baseado em um serviço OData fornecido por meio da demonstração do SAP Netweaver Gateway. Você precisa criar um usuário no sistema de demonstração para acessar essas informações.


Configurar o destino do cockpit SCP usado


Faça login na sua conta SAP SCP. Acesse Conectividade> Destinos e crie um Novo Destino com as informações fornecidas na postagem do blog do Gateway Demo System.
Eu já preparei a configuração para (uma preguiçosa!) Para que você possa apenas clicar no botão Importar destino . Lembre-se de configurar seu usuário / senha e testá-lo antes de clicar em Salvar.


Description=SAP Gateway Demo System Type=HTTP TrustAll=true Authentication=BasicAuthentication WebIDEUsage=odata_abap, bsp_execute_abap, odata_gen Name=ES5 WebIDEEnabled=true ProxyType=Internet URL=https\://sapes5.sapdevcenter.com sap-client=002 User=YOU_ES5_USER_HERE WebIDESystem=ES5 

Dica: sugiro que você chame o destino no seu cockpit do SAP SCP da mesma maneira que usei. Dessa forma, quando você clona a Etapa do Exercício da ramificação do repositório, não haverá conflito de nomes


Crie um projeto WebIDE a partir do modelo


Ok, é hora de desenvolver. Agora vou mostrar como você pode criar um projeto WebIDE. Estamos em um exercício avançado, então espero que você já saiba como fazê-lo, mas talvez possa ser útil também para os iniciantes;)


Crie um novo aplicativo SAPUI5 no SAP WebIDE Full-Stack


Configure o serviço OData com o destino ES5


Agora, precisamos criar um destino de nossa conta SAP SCP para nosso serviço OData.


Configurar o serviço OData no seu aplicativo SAPUI5


Etapa 1


Estamos prontos para seguir as instruções contidas na Etapa 1 do nosso exercício.

Source: https://habr.com/ru/post/pt436608/


All Articles