Начало работы с SAP UI5

Сентябрь 5, 2022

Главная
Алгебра
Начало работы с SAP UI5

Содержание

2. Начало работы с SAP UI5 Первые шаги к разработке проекта SAP UI5.
3. Для начала создания SAP UI5 приложений, необходимо зарегистрироваться на портале Sap Cloud Platform и активировать для
4. Для регистрации необходимо перейти по ссылке : https://account.hanatrial.ondemand.com/#/home/welcome После чего необходимо нажать на кнопку регистрации. Далее
5. После регистрации вам будет предложено выбрать тип вашей учётной записи: Выберите Neo Trial.
6. Шаг 2: Перейти к Сервисам Теперь вы должны находиться в кабине SAP Cloud Platform, как показано
7. Шаг 3. Включение SAP Web IDE Full-Stack Включение : Если в поле НЕ указано « Enabled»
8. На экране полного стека SAP Web IDE внизу щелкните Go To Service . Шаг 4. Откройте
9. В данной части мы создадим наше первое приложение SAP UI5 Первый проект SAP UI5
10. На главной странице Web IDE необходимо выбрать пункт New Project from Template. Выберите SAP UI5 Application
11. Введите название проекта и пространство имён, например: TestProject и TestProject1. В качестве компонента View выберите XML,
12. После создание проекта вы автоматически перейдёте в репозиторий с вашим SAP UI приложением Шаг 2: Запуск
13. Проект запускается и готов для дальнейшего расширения функционала.
14. Для того чтобы поменять заголовок страницы необходимо перейти в проводнике IDE нашего проекта в папку TestProject
15. Для отображения нового элемента нам нужно его создать в теге content основной страницы нашего представления (View):
16. Проверяем результат. Отлично! Изменения вступили в силу.
17. Больше о SAP UI5 Более подробную информацию об архитектуре и работе SAP UI5 и её компонентах
19. Скачать презентацию

Слайд 2

Начало работы с SAP UI5
Первые шаги к разработке проекта SAP UI5.

Слайд 3

Для начала создания SAP UI5 приложений, необходимо зарегистрироваться на портале Sap

Cloud Platform и активировать для своей учётной записи Web среду разработки-
“Sap WEB-IDE Full-Stack”

Регистрация в SAP Cloud Platform

Слайд 4

Для регистрации необходимо перейти по ссылке :
https://account.hanatrial.ondemand.com/#/home/welcome
После чего необходимо нажать на

кнопку регистрации.

Далее заполните все необходимые данные для регистрации(В качестве электронной почты укажите адрес вашей Google Почты)

Шаг 1: Регистрация

Слайд 5

После регистрации вам будет предложено выбрать тип вашей учётной записи: Выберите

Neo Trial.

Слайд 6

Шаг 2: Перейти к Сервисам
Теперь вы должны находиться в кабине SAP

Cloud Platform, как показано ниже. Нажмите на пункт меню « Services» слева.
Затем щелкните поле SAP Web IDE Full-Stack .

Слайд 7

Шаг 3. Включение SAP Web IDE Full-Stack
Включение : Если в поле НЕ указано « Enabled» ,

нажмите кнопку « Not Enabled» , чтобы включить эту службу. На появившемся экране нажмите кнопку « Enable» в верхней части страницы, чтобы подтвердить настройку этой функции.

Слайд 8

На экране полного стека SAP Web IDE внизу щелкните Go To

Service .

Шаг 4. Откройте SAP Web IDE

Шаг 5. Добавьте страницу
в закладки

Откроется новая вкладка и загрузится SAP Web IDE Full Stack. Добавить эту страницу в закладки! Если вы создадите закладку для этой страницы, вы легко сможете вернуться к SAP Web IDE Full-Stack позже.

Слайд 9

В данной части мы создадим наше первое приложение SAP UI5
Первый проект

SAP UI5

Слайд 10

На главной странице Web IDE необходимо выбрать пункт New Project from

Template.

Выберите SAP UI5 Application и нажмите далее.

Шаг 1: Создание проекта

Слайд 11

Введите название проекта и пространство имён, например: TestProject и TestProject1.
В качестве компонента

View выберите XML,
После чего укажите название компонента View
Нажмите Finish.

Шаг 1: Создание проекта

Слайд 12

После создание проекта вы автоматически перейдёте в репозиторий с вашим SAP

UI приложением

Шаг 2: Запуск проекта.

Для запуска проект необходимо нажать Start Project

Слайд 13

Проект запускается и готов для дальнейшего расширения функционала.

Слайд 14

Для того чтобы поменять заголовок страницы необходимо перейти в проводнике IDE

нашего проекта в папку TestProject > webpp > view и открыть сгенерированный файл View1.view.xml

Шаг 3: Изменение заголовка.

После чего изменить свойство title тэга Page на “My Test VolgGtu App” и запустить проект.

Слайд 15

Для отображения нового элемента нам нужно его создать в теге content

основной страницы нашего представления (View):
-Создадим новый компонент Label, который служит для вывода текстового описания.
-Свойству text компонента Label присвоим: “Hello Word!”

Шаг 4: Вывод Hello Word.

Слайд 16