Основы SAPUI5-как работает SAPUI5

Я новичок в веб-разработке и пытался изучить SAPUI5. У меня есть несколько вопросов относительно того же:

  1. Почему SAPUI5 предоставляет элементы управления, которые уже есть в HTML5, такие как кнопки и т. д.

  2. следует ли смешивать и сопоставлять элементы управления SAPUI5 и HTML5 или лучше использовать элементы управления SAPUI5.

  3. когда элементы управления SAPUI5 преобразуются в HTML.

  4. Как SAPUI5 сравнивает с JQueryUI. Использует ли SAPUI5 jQueryUI внутренне, как он использует jQuery внутренне

9 ответов


  1. UI5 (SAPUI5 или OpenUI5) предоставляет тематические элементы управления, поэтому вам не нужно заботиться о стиле
  2. вам лучше использовать элементы управления UI5, поскольку они используют привязки данных, а HTML5-нет.
  3. каждый "контроль" имеет renderManager с render метод, который преобразует объекты UI5 в HTML-код. Посмотрите на этот пример resources/sap/m/ButtonRenderer.js
  4. UI5 использует jQueryUI.position для всплывающих окон, подсказок и т. д. UI5 использует jQuery для манипуляции DOM и AJAX запросы.

Как всегда, может быть много ответов на один и тот же вопрос. Вот мое:

Почему SAPUI5 предоставляет элементы управления, которые уже есть в HTML5, такие как кнопки и т. д.?

  • бизнес SAP-это его продукт и услуги вокруг его продукта. Если они предоставляют обертки поверх стандартных элементов управления, продукт может получить лучший контроль и обеспечивает предприятию возможности С точки зрения бизнеса. Он может также оказывать коммерческую поддержку.
  • когда это не открытый стандартный элемент управления, есть возможность предоставлять услуги вокруг него например, услуги по разработке, решения RDS и т. д.

следует ли смешивать и сопоставлять элементы управления SAPUI5 и HTML5 или лучше использовать элементы управления SAPUI5?

с точки зрения развития продукта, это идеально подходит для использования управления на SAP. Если вам не хватает некоторых элементов управления, у вас должна быть собственная реализация, например, использование HTML5/jQuery/других фреймворков JS. В будущем SAP может предоставить управление, что вы хотите с дополнительными функциями, и то же самое будет официально поддерживаться SAP. Таким образом, имея это в виду, вы должны четко планировать, как заменить свою пользовательскую реализацию как часть "обновление". Рамки также расширяются справедливым образом.

когда элементы управления SAPUI5 преобразуются в HTML?

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

Как SAPUI5 сравнивается с интерфейсом jQuery? Использует ли SAPUI5 пользовательский интерфейс jQuery внутренне, как он использует jQuery внутренне?

на намерение SAPUI5 немного отличается от jQuery, хотя оба они JavaScript-фреймворки на основе. Цель SAP-обеспечить стандартную основу для разработки приложений, связанных с продуктами SAP. вот почему он имеет принципы fiori, макеты, шаблоны и т. д. во-первых.

можно разрабатывать приложения очень быстро, если вы будете следовать metadata driven подход что возможно с SAPUI5 или большинством продуктов SAP. Это не относится к любому другому JavaScript рамки.


  1. HTML-код(5) имеет несколько элементов управления, но это не много, и с ограниченной функциональностью. У него есть кнопка, но он автоматически настраивает свой текст и значок, когда доступное пространство ограничено? Он имеет раскрывающийся список select, но можете ли вы иметь несколько столбцов в раскрывающемся списке или стиль его внешнего вида? Может ли пользователь также ввести freetext в этот выбор (сделав его ComboBox)? Как насчет полосок вкладок, меню, диаграмм, таблиц с бесконечной прокруткой...? Можете ли вы привязать данные к элементам HTML? Так HTML по-прежнему очень ограничен и в пользу единой модели программирования и стиля, UI5 предлагает полный набор.

  2. хотя технически вы можете смешивать и сопоставлять UI5 и простой HTML (или другие библиотеки JS), вам может быть проще обрабатывать, а код и результат более последовательны, когда вы используете только элементы управления UI5. Примечание. Вы можете легко создавать свои собственные элементы управления из простого HTML или даже других наборов инструментов, поэтому вы получаете все привязки данных UI5 и прочее с несколькими строками код.

  3. исходный пользовательский интерфейс приложения отображается в HTML после события DOMContentLoaded из браузера. Позже, когда состояние элемента управления изменяется, он помечается как "недействительный" и тайм-аут с нулевыми миллисекундами запускается, чтобы позволить последующим изменениям в том же куске выполнения JS быть собранным в течение одного повторного рендеринга. После этого тайм-аута измененные элементы управления повторно отображаются. Это все вызвано sap.пользовательский интерфейс.ядро.Основной и обрабатываются RenderManager и визуализатор каждого элемента управления, который в основном преобразует состояние элемента управления в его HTML-представление. Элементы управления могут повторно отображать только определенные области в случае локальных изменений для повышения производительности.

  4. UI5 использует несколько частей jQuery UI внутренне, как плагин" position", но он не использует свой механизм управления UI, поскольку он полагается на то, что DOM уже существует, что не работает хорошо для элементов управления, которые более сложны, чем говорят настраиваемые закладки, а также не для очень больших приложений.


в основном он действует как основа для проектирования пользовательского интерфейса. Например, какие веб-дизайнеры используют Twitter bootstrap. Большинство функций завернуты, и нам не нужно беспокоиться о будущих обновлениях, он примет большинство изменений . Некоторые из учебников перечислены здесь SAPUI5-введение и pdf-файлы


Я также новичок в SAPUI5.

используя другие фреймворки, такие как Dojo и Jquery, я думаю, что это здорово!

Он имеет ряд преимуществ.

  • пользовательский интерфейс (включая отзывчивость) сделан для вас.
  • он имеет свою собственную версию MVC, поэтому проекты хорошо структурированы.
  • модели фактически являются фактическими oData, переданными службами SAP Gateway. Это просто и легко понять.
  • взгляды могут сразу эталонная модель.
  • вы также можете посмотреть в Fiori, который построен на SAPUI5 и предоставляет плиточную панель приложений.
  • он гибкий в том, что он основан на Jquery, так что вы можете использовать любые функции jQuery, которые вы хотите. (Я должен был нуждаться в этом).
  • он имеет хороший ряд компонентов для разнообразие задач. (Datepickers, поля поиска, диалоги и т. д.).

Он имеет очень хорошее преимущество перед HTML5, который показывает полезность SAPUI.

· приложение загружается -https://softwareengineering.stackexchange.com/a/305548, что делает приложение намного быстрее и предварительно скомпилированным. Хорошая основа для гибридных приложений.

· архитектура MVC

  • представления: все представления могут быть либо в XML, либо в JS-файлах, что помогает системе быть чище, чем испортить весь html в одну страницу для одной страницы веб-приложения.

  • контроллеры: каждый вид сопровождается контроллером, который имеет все элементы управления, присутствующие в представлении.

  • модели: все модели используются для хранения или извлечения данных в настоящее время SAPUI5 поддерживает все стандартные форматы данных, такие как JSON(2way binding), XML(one way binding).

· локализация / i18n / сделанный перевод легко

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

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

· расширяемость

  • расширяемость поддерживается UI5, который помогает для настройки компоненты, которые разрабатываются.

· богатый пользовательский интерфейс и согласованный пользовательский опыт

  • OpenUI5 обеспечивает богатый пользовательский интерфейс, который реагирует и который адаптируется ко всем последним устройствам. UI5 соответствует стандартам Fiori в области развития. OpenUI5 основан на CSS3, HTML5 и новом JavaScript API, поддерживаются только браузеры с возможностями HTML5 последние браузеры и устройства-поддержка платформы

· с открытым исходным кодом и быстрый развитие


SAPUI5 (пользовательский интерфейс SAP для HTML 5) - это набор библиотек, которые разработчики могут использовать для создания настольных и мобильных приложений, работающих в браузере. С помощью инструментария Sapui5 JavaScript от SAP разработчики могут создавать веб-приложения SAP, используя стандарты веб-разработки HTML5. для более подробной информации


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

Итак, чтобы ответить на суть вашего первоначального вопроса-преимущества UI5 ясны, когда вы его принимаете и избегаете d-I-Y HTML-кодирования.

и наоборот, если вы хотите узнать о том, как написать фреймворк/библиотеку, такую как UI5, то исходный код отладки UI5-отличное место для изучения.


SAP все о продуктах уровня предприятия и одна из ключевых особенностей единообразие в взгляде и чывстве. HTML5 также имеет кнопки, но единственный способ убедиться, что все приложения имеют похожие кнопки, а также что аналогичные элементы управления выполняют аналогичные функции обеспечивается элементами управления SAP UI5. В SAP GUI-все кнопки "Назад", "Отмена" и "выход" выглядят одинаково - если они правильно реализованы, выполните одну и ту же функцию на всех экранах - это упрощает работу на уровне предприятия пользователей, чтобы узнать и использовать приложения быстрее и с легкостью.

тема также является причиной, как указано выше-снова единая тема, а не причудливая окраска, поскольку все они предназначены для корпоративных пользователей.

прежде всего, элементы, которые вы помещаете на экран, автоматически соответствуют как адаптивному, так и адаптивному виду.