SAP Web Dynpro - Создание приложения
Чтобы создать приложение Web Dynpro, мы создадим компонент Web Dynpro, состоящий из одного представления. Мы создадим контекст представления → связанный с элементом таблицы в макете представления и содержащий данные из таблицы.
Таблица будет отображаться в браузере во время выполнения. Будет создано приложение Web Dynpro для этого простого компонента Web Dynpro, который можно запускать в браузере.
Step 1 - Перейдите в T-Code - SE80 и выберите компонент Web Dynpro / intf из списка.
Step 2 - Создайте новый компонент, как показано ниже.
Step 3 - Введите имя нового компонента и щелкните по отображению.
Step 4 - В следующем окне введите следующие данные -
- Вы можете ввести описание этого компонента.
- В типе выберите компонент Web Dynpro.
- Вы также можете сохранить имя окна по умолчанию.
Step 5 - Назначьте этот компонент Package $ TMP и нажмите кнопку «Сохранить».
Когда вы нажимаете Сохранить, вы можете увидеть этот новый компонент под деревом объектов, и он содержит -
- Компонентный контроллер
- Компонентный интерфейс
- View
- Windows
Когда вы расширяете интерфейс компонента, вы можете увидеть контроллер интерфейса и представления интерфейса.
Как создать представление и назначить его окну?
Step 1 - Щелкните компонент Web Dynpro и перейдите в контекстное меню (щелкните правой кнопкой мыши) → Создать → Просмотр.
Step 2 - Создайте представление MAINVIEW, как показано ниже, и щелкните галочку.
Это откроет редактор представлений в рабочей среде ABAP под именем - MAINVIEW
Step 3 - Если вы хотите открыть вкладку макета и просмотреть дизайнер, вам может потребоваться ввести имя пользователя и пароль сервера приложений.
Step 4 - Щелкните значок сохранения вверху.
Когда вы сохраняете, он появляется под деревом объектов, и вы можете проверить, развернув вкладку просмотра.
Step 5 - Чтобы назначить окно этому представлению, выберите окно ZZ_00_TEST под вкладкой окна и нажмите Изменить режим в верхней части экрана.
Step 6 - Вы можете щелкнуть правой кнопкой мыши → Показать → В том же окне.
Step 7 - Теперь откройте структуру представления и переместите представление MAINVIEW внутри оконной структуры с правой стороны с помощью перетаскивания.
Step 8 - Откройте структуру окна с правой стороны, и вы увидите встроенный MAINVIEW.
Step 9 - Сохраните, щелкнув значок «Сохранить» в верхней части экрана.
Как создать контекст просмотра для MAINVIEW?
Step 1- Откройте редактор представления, чтобы просмотреть ОСНОВНОЙ ВИД, и перейдите на вкладку Контекст. Создайте контекстный узел в контроллере представления, открыв соответствующее контекстное меню.
Step 2 - Выберите View в дереве объектов и нажмите Display.
Step 3- Сохраните свойства в следующем окне. Выберите количество элементов и структуру словаря (таблица). Выберите Добавить атрибут из структуры и выберите компоненты структуры.
Step 4 - Чтобы выбрать все компоненты, нажмите «Выбрать все» вверху, а затем нажмите галочку внизу экрана.
Создан контекстный узел TEST_NODE, который ссылается на структуру данных таблицы и может содержать 0 → n записей во время выполнения. Узел контекста был создан в контексте представления, так как обмен данными с другими представлениями не планируется, поэтому использование контекста контроллера компонента не требуется.
Step 5 - Сохраните изменения в MAINVIEW, щелкнув значок «Сохранить».
Step 6- Перейдите на вкладку «Макет» в MAINVIEW. Вставьте новый элемент пользовательского интерфейса в таблицу типов в ROOTUIELEMENT CONTAINER и назначьте свойства в данной таблице.
Step 7 - Введите название элемента и введите.
Step 8- Создайте привязку TEST_TABLE с узлом контекста TEST_NODE. Выберите «Текстовое представление» в качестве стандартных редакторов ячеек и активируйте привязки для всех ячеек.
Step 9- Щелкните кнопку Контекст. Выберите контекстный узел как TEST_NODE из списка.
Step 10 - Вы можете увидеть все атрибуты, выбрав его.
Step 11- Активируйте все флажки в разделе «Привязка» для всех атрибутов контекста, выбрав их. Подтвердите ввод, нажав клавишу Enter.
Результат должен выглядеть так -
Step 12 - Сохраните изменения.
Step 13- Чтобы предоставить данные в таблицу ТЕСТ, перейдите на вкладку «Методы» и дважды щелкните метод WDDOINIT. Введите следующий код -
method WDDOINIT .
* data declaration
data:
Node_TEST type REF TO IF_WD_CONTEXT_NODE,
Itab_TEST type standard table of TEST.
* get data from table TEST
select * from TEST into table Itab_TEST.
* navigate from <CONTEXT> to <TEST> via lead selection
Node_TEST = wd_Context->get_Child_Node( Name = `TEST_NODE` ).
* bind internal table to context node <TEST>
Node_TEST->Bind_Table( Itab_TEST ).
endmethod.В приложениях Web Dynpro не следует обращаться к таблицам базы данных напрямую из методов Web Dynpro, однако для доступа к данным следует использовать функции поставки или вызовы BAPI.
Step 14 - Сохраните изменения, щелкнув значок сохранения в верхней части экрана.
Как создать приложение Web Dynpro?
Step 1 - Выберите компонент ZZ_00_TEST в дереве объектов → щелкните правой кнопкой мыши и создайте новое приложение.
Step 2 - Введите название приложения и нажмите «Продолжить».
Step 3- Сохраните изменения. Сохранить как локальный объект.
Далее активируем объекты в компоненте Web Dynpro -
Step 4 - Дважды щелкните компонент ZZ_00_TEST и нажмите Активировать.
Step 5 - Выделите все объекты и нажмите «Продолжить».
Step 6 - Чтобы запустить приложение, выберите приложение Web Dynpro → Щелкните правой кнопкой мыши и проверьте.
Будет запущен браузер и запущено приложение Web Dypro.
Вызов приложения Web Dynpro
В приложении Web Dynpro окно компонента имеет входящий плагин. Этот входящий плагин может иметь параметры, которые должны быть указаны как параметры URL.
Значения по умолчанию, которые перезаписываются параметрами URL-адреса, могут быть установлены в приложении для этих параметров. Если ни значение по умолчанию, ни параметр URL-адреса не указаны, запускается ошибка времени выполнения.
Чтобы создать новый входящий плагин, укажите плагин в качестве запуска, а тип данных должен быть строкой. Активируйте компонент.
Далее следует указать вызываемый компонент, параметры, окно и плагин запуска.
Вызвать приложение, и параметры URL перезаписывают параметры приложения.