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

Ответ 1

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

Ответ 2

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

• "Почему SAPUI5 предоставляет элементы управления, которые уже существуют в HTML5, например Button и т.д."
  (a) Компания SAP занимается своим продуктом и услугами по всему продукту. Если они предоставляют оболочку поверх стандартных элементов управления, продукт может получить лучший контроль и предоставить корпоративные возможности с бизнес-точки зрения. Он также может обеспечить коммерческую поддержку.
  (b) Если он не является открытым стандартным элементом управления, существует возможность предоставлять сервисы вокруг него, например. службы разработки, RDS-решения и т.д.
  
• "Следует ли смешивать и сопоставлять элементы управления SAPUI5 и элемент управления HTML5 или лучше использовать элементы управления SAPUI5" С точки зрения разработки продукта, , это идеальное решение для использования элементов управления, предоставляемых SAP. Если вам не хватает некоторых элементов управления, тогда у вас должна быть своя реализация, например, с использованием HTML5/JQuery/других JS-фреймворков. В будущем SAP может обеспечить контроль над тем, что вы хотите с дополнительными функциями, и то же самое будет официально поддерживаться SAP. Поэтому, помня об этом, вы должны четко планировать, как заменить свою пользовательскую реализацию как часть " Обновление". Рамки также могут быть справедливыми.
• "Когда элементы управления SAPUI5 преобразуются в HTML"
  Лучше ответить Николаю и Акудеву, указав соответствующие методы жизненного цикла элементов управления.
• "Как SAPUI5 сравнивается с JQueryUI. Использует ли SAPUI5 внутреннее устройство JQueryUI, как он использует JQuery внутренне"
  цель SAPUI5 немного отличается от JQuery, хотя оба они основаны на JavaScript. Целью SAP является предоставление стандартной основы для разработки приложений, связанных с продуктами SAP. Вот почему у него есть принципы fiori, макеты, шаблоны и т.д., в первую очередь.
  Можно быстро разрабатывать приложения, если вы следуете подходу, основанному на метаданных, который возможен с SAPUI5 или большинством продуктов SAP. Это не относится к какой-либо другой инфраструктуре javascript.

........
Удачи

Ответ 3

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

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

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

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

Ответ 4

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

Ответ 5

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

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

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

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

Ответ 6

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

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

. Архитектура MVC

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

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

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

· Локализация/i18n/Перевод упрощен

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

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

. Расширяемость

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

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

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

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

• С момента своего создания с открытым исходным кодом в библиотеке UI5 появилось огромное развитие - https://sapui5.hana.ondemand.com/sdk/test-resources/testsuite/testframe.html

Ответ 7

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

Ответ 8

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

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

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

Ответ 9

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

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

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