web dynpro что это

Выполнение динамического анализа для приложений Web Dynpro

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Кузьмин Денис Сергеевич

ведущий консультант SAP HCM

При работе с портальными приложениями Web Dynpro (WD) время от времени возникают ситуации, когда требуется детально понять, как они работают, какие ABAP-программы и в какой последовательности запускаются, а также на выполнение каких участков кода требуется больше всего времени. Какой инструмент SAP использовать для проведения подобного анализа? Можно попробовать запустить различные трассировки, например, с помощью транзакций ST01 «Трассировка системы» или ST05 «Трассировка SQL», но они показывают не всю картину. Лучше всего, в данном случае, подходит динамический анализ, доступный с помощью транзакции SAT, но проблема в том, что на селекционном экране транзакции доступен выбор объектов репозитария только следующих трех типов (см. Рис.1):

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рис.1. Транзакция SAT «ABAP Trace»

Каким же образом выполнить динамический анализ для WD-приложения? Именно этот вопрос мы и рассмотрим ниже на примере. Требуется понять, какая работа выполняется при переключении радиокнопки в документе оценки на портале.

Подготовка

Для начала нам нужно определить название WD-приложения, с которым мы будем работать. Открываем наш документ оценки на портале (см. Рис.2). Затем нажимаем правой кнопкой мыши в окне приложения.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рис.2. Документ оценки на портале

Во всплывающем окне нажимаем на пункт «Техническая справка…» и в результате получаем окно с множеством данных. Мы выбираем название приложения (Application) HAP_MAIN_DOCUMENT, расположенное в левом верхнем углу, в блоке «Приложение» (см. Рис.3).

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рис.3. Техническая справка для Web Dynpro приложения

Теперь в SAP GUI запускаем транзакцию SE80 «Навигатор по объектам». В этой транзакции нужно открыть WD-приложение, название которого мы определили. Для этого либо нажимаем на кнопку «Обработать объект», либо идем по меню «Инструментальные средства» –> «Обработать объект…». В окне «Выбор объекта» выбираем пункт «Расширенные опции», после чего переходим во вкладку «Web-объекты». Выбираем пункт «Приложение Web Dynpro», в соответствующем поле указываем приложение HAP_MAIN_DOCUMENT и нажимаем на Enter (см. Рис.4).

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рис.4. Отображение приложения HAP_MAIN_DOCUMENT в SE80

Теперь, когда приложение выбрано, идем по меню «Goto» –> «HTTP Service Maintanance» (см. Рис.5).

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рис.5. Переход к ведению HTTP сервисов для WD-приложения

Эта команда переносит нас в транзакцию SICF «Ведение дерева сервисов HTTP», в которой автоматически выбран сервис, соответствующий нашему WD-приложению (см. Рис.6).

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рис.6. Транзакция SICF «Ведение дерева сервисов HTTP»

Запуск динамического анализа

В окне ведения сервисов выбираем (но не проваливаемся в него) сервис hap_main_document.

Если хотите прочитать статью полностью и оставить свои комментарии присоединяйтесь к sapland

Источник

Web dynpro что это

IT, SEO, NET, C#, Design Pattern, Internet, Web 2.0, Юмор и о ж….

Страницы

Поиск

Рубрики

Архивы

Посещений

Обзор SAP WebDynpro for ABAP

Логичным развитием технологии BSP стал фреймворк Webdynpro, вышедший с 7ой версией SAP NetWeaver. Данная технология содержит библиотеку UI-элементов, позволяющих создавать кроссплатформенные web-интерфейсы. WebDynpo Technology поддерживает следующие функции:

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Основным преимуществом того, что технология Web Dynpro стала ключевой в разработке web-приложений в SAP системе стало то, что с одной стороны были расширены возможности стандартной среды разработки SE80, знакомая всем кто разрабатывал до этого на ABAP и при этом были включены и использованы возможности BSP-приложений.

Логика Web Dynpro приложений построена на шаблоне проектирования – MVC (Model-View-Controller). MVC это составной шаблон, или несколько шаблонов, работающих совместно для реализации сложных приложений. Наиболее часто этот шаблон используется для создания интерфейсов приложений и разделения логики работы. Каждая часть данного паттерна содержит свой функционал:

Модель (Model) — содержит данные и логику приложения для управления состоянием этого приложения. Модель отвечает за управление состоянием приложения. Логика приложения в модели представлена двумя важными задачами: модель отвечает на запросы относительно состояния приложения, и выполняет действия в ответ на запрос об изменении состояния.

Представление (View) — реализует пользовательский интерфейс и состояние приложения, наблюдаемые на экране. Приложение может содержать несколько Представлений, которые могут быть как механизмом ввода, так и механизмом вывода.

Контроллер (Controller) — обрабатывает действия пользователя, влияющие на состояние приложения.

Мощь шаблона MVC напрямую обуславливается разделением этих трех элементов с целью избежать пересечений зон ответственности каждого из них.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рисунок 10. Схема работы приложения, использующего MVC

Использование данного паттерна в технологии Web Dynpro позволяет четко получить разделение приложения и логики представления. Приложения Web Dynpro работает на клиентской части и имеет локальный или удаленный доступ к системе через фоновые процессы специальных служб. Представление играет ключевую роль в web-приложении, поскольку от того насколько хорошо работает интерфейс зависит степень его кроссплатформенности с точки зрения воспроизведения у клиента.

С развитием коммуникаторов, карманных компьютеров и нетбуков – ведущие производители ERP систем озаботились тем как промышленные, портальные приложения поддерживают данные виды устройств. Для обеспечения подобной совместимости

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Рисунок 11. Client-Side framework позволяет оптимизировать работу с web-приложениями на портативных устройствах

Server-side framework (SSF) для Web Dynpro выполняется на SAP Web Application Server. На стороне клиента работает Client-Side Framework. Этот фреймворк запускается в браузере и основывается на HTML-шаблонах, содержащий JavaScript-код и стилевые таблицы. Web Dynpro в режиме реального времени проверяет что за клиент (десктоп, мобильный телефон) вызывает приложение и в ответ уже предоставляет данные в удобном представлении.

Главное преимущество языка ABAP – оптимизация для бизнес-приложений. ABAP совершенно независим от операционной системы и платформы баз данных, на которых он работает; в него встроены функции доступа к базе данных. Другие функции, встроенные в этот язык, такие как буферизация таблиц и обработка транзакций, позволяют разрабатывать высоко масштабируемые приложения. Мощные средства управления изменениями и их переносом обеспечивают возможности разработки сложных приложений большими командами разработчиков. Поэтому развитие технологий разработки от Dynpro к Web Dynpro можно сравнить с использованием связки в JSP и EJ
B, которая широко используется в enterprise-системах, в том числе и SAP. При этом сохранился прямой доступ к кодам, транзакциями и словарю. Были расширены функции отладки и контроля версий, была включена возможность использования транспортных запросов при разработке. Приложения разработанные на данном фреймворке предъявляют низкие требования к клиентским машинам.

Ключевые слова: sap web application server,web application server,server side,jsp,web dynpro

Источник

Запуск Web Dynpro приложения из back-end системы

Запуск Web Dynpro приложения из back-end системы

Sergey Ignatov

В последнее время на проектах участились случаи использования портальных решений. Ну да не будем никого судить за это, и поведем рассказ немного в другую сторону.

В целом, говоря про «портальное решение», я имею ввиду набор предварительно настроенных iView, сгруппированных по различным WorkSet-ам (рабочим наборам), которые в свою очередь присвоены портальным ролям. Сам SAP визуализирует данную структуру примерно следующим образом

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

С точки зрения той темы, которую хочу затронуть, меня будет интересовать iView и его «содержимое», так как именно на уровне iView задается приложение (с определенным набором параметров), которое и используется пользователем для решения бизнес-задач. Это приложение может быть, как Web Dynpro, так и BSP. В данном случае это не играет существенной роли.

Рассмотрим вполне реальную задачу, когда консультанту необходимо запустить Web Dynpro приложение по просмотру подчиненных работников (HRMSS_TEAM_DETAIL) из back-end системы, минуя процесс регистрации в SAP-портале. Добавляем условие, что консультанту известно наименование приложения, которое ему необходимо запустить/протестировать, и на основании этих вводных, приходим к выводу, что полдела сделано.

Кликаем правой кнопкой на папке «Избранное» в главном меню SAP системы, откуда необходимо запустить приложение, и выбираем опцию «Вставить другие объекты»:

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

В открывшемся окне необходимо выбрать пункт «Приложение веб-экрана»:

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Затем нужно ввести наименование Web Dynpro приложения и выбрать конфигурацию, с которой его необходимо запустить:

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Нажимаем Enter, и проверяем, что приложение доступно в папке «Избранное»:

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Двойной клик, и запускается интернет-бразуер:

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Обратите внимание, что для корректного запуска данного приложения, необходимо добавить имя пользователя, под которым работает консультант в системе, в инфо-тип 0105 «Коммуникации», подтип 0001 «Имя пользователя SAP-системы», какому-нибудь табельному номеру в организационно-штатной структуре.

Также необходимо обратить внимание на то, чтобы у штатной должности, которой присвоен данный табельный номер, существовало соединение вида «A-012» с организационной единицей, из которой будет собрана информация по подчиненным работникам выбранного руководителя. В любом случае, если какое-нибудь условие не будет выполнено, консультант будет вежливо об этом проинформирован:

Источник

SAP Web Dynpro — Краткое руководство

Web Dynpro — это стандартная технология SAP UI, которая позволяет разрабатывать веб-приложения с использованием графических инструментов и среды разработки, интегрированной с рабочей средой ABAP. Использование графических инструментов снижает трудозатраты на внедрение, и вы можете лучше повторно использовать и поддерживать компоненты в инструментальных средствах ABAP.

Для доступа к среде выполнения Web Dynpro и графическим инструментам в инструментальных средствах ABAP вы можете использовать код транзакции — SE80

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Основные преимущества использования Web Dynpro

Ниже приведены основные преимущества использования Web Dynpro для разработчиков в среде ABAP.

Web Dynpro ABAP аналогичен Web Dynpro Java и поддерживает тот же набор функций для разработки приложений.

Конфигурация и интеграция

После установки сервера приложений ABAP необходимо правильно настроить его для разработки приложений.

Чтобы узнать подробности о конфигурации ABAP, вы можете перейти к Справочному руководству SAP → SAP NetWeaver → Сервер приложений

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Если вы используете SAP Solman, вы можете проверить эту конфигурацию, перейдя к T-Code — SOLAR_LIBRARY.

Чтобы использовать Web Dynpro с разработкой приложений ABAP, вам необходимо выполнить дополнительную настройку для программирования Web Dynpro.

Менеджер интернет-коммуникаций

Вам необходимо установить HTTP / HTTPS в службе ICM. Сервис содержит следующие различные компоненты —

Вы можете выбрать Перейти к → Сервис, чтобы создать, удалить, активировать или деактивировать сервисы. Чтобы отобразить статистику кэширования сервера ICM, выберите Перейти к → Статистика

Интернет-коммуникация

Вам следует активировать службу Internet Communication Framework (ICF). Вы можете активировать эту услугу, перейдя в SPRO → Справочник по IMG SAP → SAP NetWeaver → Сервер приложений → Платформа интернет-коммуникаций → Активировать службу HTTP

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

При установке сервера приложений ABAP все службы ICF находятся в неактивном состоянии. Вы можете поддерживать сервисы ICF, используя T-код — SICF под деревом ICF.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Вы можете активировать услугу ICF следующими способами —

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Редактор макетов в View Designer

Вы должны активировать все службы в SICF для Web Dynpro ABAP, чтобы использовать редактор макетов в конструкторе представлений.

Единая точка входа

Вы должны установить SSO на соответствующем хосте.

Полное доменное имя

Вы должны использовать полное доменное имя FQDN и избегать коротких форм.

SAP Web Dynpro — Архитектура

Web Dynpro — это среда ABAP для веб-разработки, основанная на концепции Model View Controller (MVC) программирования пользовательского интерфейса. Он доступен для Java и ABAP в соответствии с платформой и поддерживает аналогичные функции.

Web Dynpro имеет следующие функции —

Ниже приведены ключевые концепции как часть архитектуры Web Dynpro:

Метаданные

Web Dynpro предоставляет вам среду для разработки веб-приложений, и вы можете использовать графические инструменты для определения веб-приложения Dynpro в форме метаданных при разработке приложений. Вы также можете определить свои собственные события; однако обработка события должна быть определена в отдельном коде, и это должно быть выполнено, когда событие инициируется.

Пользовательский интерфейс в приложении Web Dynpro состоит из небольших элементов, определенных с помощью инструментов Web Dynpro. Вы также можете изменить или улучшить пользовательский интерфейс, изменив эти элементы во время выполнения или снова интегрировав элементы.

Графические инструменты

Существует множество графических инструментов Web Dynpro, которые вы можете использовать для создания веб-приложений. Вам не нужно создавать исходный код для этого. Ниже приведены основные функции графических инструментов в приложении Web Dynpro.

Для всех этих свойств вы можете использовать графические инструменты без создания исходного кода.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Бизнес и прикладная логика

Web Dynpro позволяет запускать ваше приложение на внешнем интерфейсе, а доступ к внутренней системе можно получить с помощью службы локально или через удаленное соединение. Ваш пользовательский интерфейс поддерживается в приложении Dynpro, а постоянная логика работает во внутренней системе.

Вы можете подключить приложение Web Dynpro к серверной системе, используя адаптивную службу RFC или позвонив в веб-службу.

Модель программирования MVC

Приложения Web Dynpro основаны на модели MVC —

Модель — это позволяет получить доступ к внутренним данным в приложении Web Dynpro.

Просмотр — используется для обеспечения представления данных в веб-браузере.

Контроллер — используется для управления связью между моделью и представлением, где он принимает данные от пользователей, получает данные о процессах из модели и отображает данные в браузере.

SAP Web Dynpro — Навигация

В приложении Web Dynpro вы можете переходить от одного вида к другому с помощью плагинов.

Запустите T-код — SE 80 и создайте простой компонент Web Dynpro —

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Мы создали компонент Web Dynpro с двумя узлами и двумя представлениями.

VIEW_DISPLAY отображает вывод в табличном формате, а VIEW_MAIN выполняет параметры поиска. В VIEW_MAIN вы настроили макет поиска, а VIEW_DISPLAY содержит макет дисплея.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

В VIEW_MAIN вы настроили входящие заглушки IN_MAIN и OUT_FROM_MAIN как исходящие заглушки. Аналогичным образом создайте входящие и исходящие плагины для VIEW_DISPLAY.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Как создать новый вид?

Шаг 1. Выберите компонент в дереве объектов и перейдите в контекстное меню, как показано на следующем снимке экрана.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 2 — Введите название вида и нажмите на отметку.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

SAP Web Dynpro — Компонент

Компонент Web Dynpro — это объект, используемый для создания приложения Dynpro. Это объекты многократного использования, которые объединяются для создания блоков приложения.

Каждый компонент Web Dynpro содержит окно, представление и страницы контроллера. Вы также можете встроить компонент Web Dynpro в другой компонент Web Dynrpo в приложении, и обмен данными осуществляется с помощью интерфейса компонента.

Время жизни компонента начинается при первом его вызове во время выполнения и заканчивается приложением Web Dynpro.

Посмотреть

Каждое приложение Web Dynpro содержит как минимум одно представление и используется для определения макета пользовательского интерфейса. Каждое представление состоит из нескольких пользовательских элементов, а также контроллера и контекста.

Контроллер используется для обработки запроса пользователя и обработки данных. Контекст содержит данные, с которыми связаны элементы представления.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Каждое представление также содержит входящий и исходящий плагин, так что вы можете соединять представления друг с другом. Заглушки могут быть связаны друг с другом с помощью навигационных ссылок.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Навигационные ссылки и плагин

Вы можете перемещаться между различными представлениями, используя входящие и исходящие плагины. Входящие и исходящие разъемы являются частью контроллера представления. Входящий плагин определяет начальную точку обзора, в то время как исходящий плагин сообщает, что последующее представление должно быть вызвано.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Посмотреть набор

Набор представлений определяется как предопределенный раздел, в который можно встраивать различные представления в приложение Web Dynpro. Набор видов позволяет отображать более одного вида на экране.

Ниже приведено несколько преимуществ набора представлений при разработке приложения.

Окно Web Dynpro

В Web Dynpro окно предназначено для нескольких представлений или наборов представлений. Представление может отображаться только в том случае, если оно встроено в представление, а окно всегда содержит одно или несколько представлений, связанных навигационными ссылками.

Каждое окно содержит входящий и исходящий плагин, и они могут быть включены в цепочку навигации. Входящие заглушки в окне ведут от исходящего заглушки вида к окну внедрения. Как и все остальные входящие плагины, они представляют событие и, таким образом, вызывают назначенный им обработчик событий.

Оконный контроллер

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что этоweb dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

контроллер

Контроллеры используются для определения того, как приложение Dynpro реагирует на взаимодействие с пользователем. Каждое представление имеет один контроллер, который отвечает за выполнение действий в соответствии с взаимодействием пользователя.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

SAP Web Dynpro — сопоставление и привязка данных

В приложении Dynpro вы можете определить отображение между двумя глобальными контекстами контроллера или из контекста представления в глобальный контекст контроллера.

Привязка данных свойства элемента пользовательского интерфейса устанавливается в макете представления. Для этого вы используете столбец Binding в таблице свойств встроенных элементов пользовательского интерфейса. Вы нажимаете кнопку, чтобы открыть диалоговое окно, которое предоставляет структуру контекста соответствующего представления для выбора элемента.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Элемент контекста может быть определен для связи узла с другим узлом контекста.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

На приведенной выше схеме вы можете видеть отображение между Узлом 1 из контекста Представления 1 и узлом с тем же именем в контексте контроллера компонента. Он также показывает отображение от узла 2 из контекста представления 2, также к узлу с тем же именем в контексте контроллера компонента.

Контекст контроллера компонента доступен обоим контроллерам представления с доступом на чтение всех атрибутов.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Связывание элементов пользовательского интерфейса

Чтобы отобразить данные контекста в браузере, вы также можете привязать свойства элементов пользовательского интерфейса в представлении к атрибутам контекста представления. Вы можете привязать несколько свойств к одному элементу контекста.

В контексте представления все типы данных доступны для привязки с различными атрибутами представления.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Внутреннее картографирование

Внутреннее сопоставление определяется как сопоставление между контекстами одного компонента.

Внешнее сопоставление

Внешнее сопоставление определяется как сопоставление между несколькими компонентами с использованием контроллера интерфейса.

SAP Web Dynpro — События и действия

Вы можете создавать события, чтобы включить связь между контроллерами. Вы можете разрешить одному контроллеру инициировать события в другом контроллере. Все события, которые вы создаете в контроллере компонента, доступны в компоненте.

Входящие подключаемые модули также могут выступать в качестве события, поэтому при вызове представления с использованием входящего подключаемого модуля сначала вызывается обработчик событий.

Вы также можете использовать некоторые специальные события, такие как кнопка, чтобы связать действия пользователя.

Элемент кнопки, такой как кнопка, может реагировать на взаимодействие с пользователем, нажимая соответствующую кнопку, которая может вызывать метод обработки, вызываемый в контроллере вида. Эти элементы пользовательского интерфейса содержат одно или несколько общих событий, которые могут быть связаны с определенным действием, которое выполняется во время разработки.

Когда действие создается, обработчик события создается автоматически. Вы можете связать элемент пользовательского интерфейса с различными действиями.

Вы также можете повторно использовать действия в представлении, связав действие с несколькими элементами пользовательского интерфейса.

Пример 1

Событие onAction для нажатия кнопки или onEnter для поля ввода, когда пользователь нажимает клавишу «Ввод» в поле.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Действия могут быть созданы для любых элементов пользовательского интерфейса в платформе Web Dynpro. Чтобы установить действие, перейдите на вкладку «Свойства» → «Событие».

Вы также можете создавать Действия на вкладке действий контроллера представления. Обработчик событий создается автоматически с соглашением об именах onaction

Пример 2

Имя действия — SET_ATTRIBUTES, а обработчик события для действия — ON_SET_ATTRIBUTES.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

SAP Web Dynpro — Приложение

Пользователь может получить доступ к приложению Web Dynpro, используя URL-адрес с окном в компоненте Dynpro. Приложение Web Dynpro подключается к представлению интерфейса с помощью входящего подключаемого модуля, который дополнительно подключается к компоненту Dynpro, который содержит представление модели и контроллер для обработки данных для приложения Web Dynpro.

Модель MVC позволяет разделить пользовательский интерфейс и логику приложения. Модель используется для получения данных из серверной системы в соответствии с логикой приложения.

На следующем рисунке показана диаграмма высокого уровня приложения Web Dynpro.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Вы можете использовать разные источники данных для приложения Web Dynpro —

Для разработки приложения Web Dynpro вы можете использовать обозреватель Web Dynpro, который легко интегрируется в рабочую среду ABAP.

SAP Web Dynpro — URL-адрес приложения

В приложении Web Dynpro URL генерируется автоматически. Вы можете найти URL-адрес приложения на вкладке Свойства. Структура URL может быть двух типов:

Пространство имен SAP

Пространство имен SAP

— определяет протокол для доступа к приложению http / https

— Определяет имя сервера приложений

— определяет несколько хостов под общим именем

— может быть опущен, если используется стандартный порт 80 (http) или 443 (https)

В URL-адресе приложения Web Dynpro необходимо указать полное доменное имя (FQDN).

пример

Приложение 1 http: //xyz.sap.corp: 1080 / sap / bc / webdynpro / sap / myFirstApp /

Приложение 2 http: //xyz.sap.corp: 1080 / sap / bc / webdynpro / sap / mySecondApp /

Чтобы проверить полное доменное имя, перейдите в проводник Web Dynpro в среде разработки ABAP, используя T-код — SE80, выберите приложение Web Dynpro в дереве навигации для компонента / интерфейса Web Dynpro и проверьте URL-адрес в данных администрирования. Вам также необходимо проверить детали пути в поле URL. Он должен содержать полное имя домена и хоста.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Полное доменное имя следует использовать по следующим причинам:

SAP Web Dynpro — Создание приложения

Чтобы создать приложение Web Dynpro, мы создадим компонент Web Dynpro, который состоит из одного представления. Мы создадим контекст представления → связанный с элементом таблицы в макете представления и содержащий данные из таблицы.

Таблица будет отображаться в браузере во время выполнения. Будет создано приложение Web Dynpro для этого простого компонента Web Dynpro, которое можно запустить в браузере.

Шаг 1 — Перейдите к T-Code — SE80 и выберите компонент Web Dynpro / intf из списка.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 2 — Создайте новый компонент следующим образом.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 3 — Введите имя нового компонента и нажмите на дисплей.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 4 — В следующем окне введите следующие данные —

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Когда вы нажимаете Сохранить, вы можете увидеть этот новый компонент в дереве объектов, и он содержит —

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Когда вы раскрываете интерфейс компонента, вы можете видеть интерфейсный контроллер и виды интерфейса.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Как создать вид и назначить его окну?

Шаг 1 — Нажмите на компонент Web Dynpro и перейдите в контекстное меню (щелкните правой кнопкой мыши) → Создать → Просмотреть

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 2 — Создайте представление MAINVIEW, как показано ниже, и нажмите на отметку.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Откроется редактор представления в ABAP-верстаке под именем — MAINVIEW

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 3 — Если вы хотите открыть вкладку макета и просмотреть конструктор, вам может потребоваться ввести имя пользователя и пароль сервера приложений.

Шаг 4 — Нажмите значок сохранения вверху.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Когда вы сохраняете, он попадает под дерево объектов, и вы можете проверить, развернув вкладку просмотра.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 5 — Чтобы назначить окно этому представлению, выберите окно ZZ_00_TEST на вкладке окна и нажмите Изменить режим в верхней части экрана.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 6 — Вы можете щелкнуть правой кнопкой мыши → Показать → В том же окне.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 7 — Теперь откройте структуру представления и переместите представление MAINVIEW внутри структуры окна с правой стороны с помощью перетаскивания.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 8 — Откройте структуру окна с правой стороны, и вы увидите встроенный MAINVIEW.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 9 — Сохранить, нажав значок Сохранить в верхней части экрана.

Как создать контекст представления для MAINVIEW?

Шаг 1 — Откройте редактор представлений, чтобы просмотреть MAINVIEW и переключитесь на вкладку Context. Создайте узел контекста в View Controller, открыв соответствующее контекстное меню.

Шаг 2 — Выберите View в дереве объектов и нажмите Display.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 3 — Сохранить свойства в следующем окне. Выберите количество элементов и структуру словаря (таблица). Выберите Добавить атрибут из структуры и выберите компоненты структуры.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 4 — Чтобы выбрать все компоненты, нажмите «Выбрать все» в верхней части, а затем нажмите галочку в нижней части экрана.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Был создан контекстный узел TEST_NODE, который ссылается на структуру данных таблицы и может содержать 0 → n записей во время выполнения. Узел контекста был создан в контексте представления, поскольку обмен данными с другими представлениями не планируется, следовательно, использование контекста контроллера компонента не является необходимым.

Шаг 5 — Сохраните изменения в MAINVIEW, нажав значок Сохранить.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 6 — Перейдите на вкладку Макет MAINVIEW. Вставьте новый элемент пользовательского интерфейса таблицы типов в ROOTUIELEMENT CONTAINER и назначьте свойства в данной таблице.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 7 — Введите имя элемента и введите.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 8 — Создайте привязку TEST_TABLE с узлом контекста TEST_NODE. Выберите «Просмотр текста» в качестве стандартных редакторов ячеек и активируйте привязки для всех ячеек.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 9 — Нажмите кнопку Контекст. Выберите узел контекста как TEST_NODE из списка.

Шаг 10 — Вы можете увидеть все атрибуты, выбрав его.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 11 — Активируйте все флажки в разделе «Привязка» для всех атрибутов контекста, выбрав их. Подтвердите ввод, нажав клавишу ввода.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Результат должен выглядеть так —

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 12 — Сохраните изменения.

Шаг 13 — Чтобы предоставить данные в таблицу TEST, перейдите на вкладку Methods и дважды щелкните метод WDDOINIT. Введите следующий код —

В приложениях Web Dynpro вам не следует обращаться к таблицам базы данных напрямую из методов Web Dynpro, однако для доступа к данным следует использовать функции снабжения или вызовы BAPI.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 14 — Сохраните изменения, нажав значок сохранения в верхней части экрана.

Как создать веб-приложение Dynpro?

Шаг 1 — Выберите компонент ZZ_00_TEST в дереве объектов → щелкните правой кнопкой мыши и создайте новое приложение.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 2 — Введите имя приложения и нажмите «Продолжить».

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 3 — Сохраните изменения. Сохранить как локальный объект.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Далее идет активация объектов в компоненте Web Dynpro —

Шаг 4 — Дважды щелкните компонент ZZ_00_TEST и нажмите «Активировать».

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 5 — Выберите все объекты и нажмите «Продолжить».

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Шаг 6 — Чтобы запустить приложение, выберите приложение Web Dynpro → Щелкните правой кнопкой мыши и протестируйте.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Будет запущен браузер и запущено приложение Web Dypro.

web dynpro что это. Смотреть фото web dynpro что это. Смотреть картинку web dynpro что это. Картинка про web dynpro что это. Фото web dynpro что это

Вызов веб-приложения Dynpro

В приложении Web Dynpro окно компонента имеет входящий плагин. Этот входящий плагин может иметь параметры, которые должны быть указаны в качестве параметров URL.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *