Библиотечные UI
Подключение библиотечных веб-компонентов в прикладной проект

Подключение библиотечных веб-компонентов в прикладной проект

Предусловия

Для успешного подключения в прикладной проект библиотечных веб-компонентов должны быть выполнены следующие условия:

  1. К проекту пользовательского интерфейса подключен PBC, использующий библиотечные PBC

  2. Библиотечный PBC имеет проект интерфейса в Дизайнере пользовательского интерфейса и библиотеку, выпущенную по инструкции Q.Palette (opens in a new tab)

    Важно: убедитесь, что системное наименование проекта-библиотеки аналогично наименованию библиотеки в Nexus и удовлетворяет требованиям: указано в lowercase и соответствует шаблону: q*-ui-lib, где * - любой непустой набор символов

  3. Веб-компоненты библиотечного РВС зарегистрированы в Реестре компонентов (opens in a new tab)

  4. Проект интерфейса библиотечного PBC содержит настроенное меню

Способы подключения библиотечных веб-компонентов в проект

Доступно 2 способа подключения в проект веб-компонентов библиотечных PBC:

  1. Вручную - при создании страницы по Q.Archer

  2. Автоматически - по событию публикации паспорта PBC

Автоматическое подключение библиотечных веб-компонентов

Автоматическое подключение библиотечных компонентов выполняется по событию публикации паспорта прикладного PВС - qdpbc-pbc-passport-version-event.

Чтобы автоматически добавить в проект веб-компоненты библиотечных PBC, выполните действия:

  1. Перейдите к списку PBC в Q.Archer

  2. Найдите свой PBC

  3. Выберите пункт меню Библиотечные PBC в меню кнопки Дополнительно

  4. Добавьте библиотечный PBC

  5. Опубликуйте паспорт своего PBC

Индикаторами успешного подключения библиотечных веб-компонентов в прикладной проект являются следующие (в качестве примера показана библиотека Проект технологической платформы с веб-компонентом qhprjs):

ИндикаторПример
В разделе Страницы проекта добавлена папка Библиотечные UI, содержащая страницы с веб-компонентами, предоставленными библиотечным PBCБиблиотечные UI
При открытии страницы с подключенным веб-компонентом (из папки Библиотечные UI) отображается библиотечный компонентwebcomponent
В меню проекта добавлена группа меню проекта интерфейса библиотечного PBC (если меню настроено в проекте интерфейса библиотечного PBC)Меню
Библиотека подключена в коде проекта в angular.json (строка 71 в примере)Angular
Библиотека подключена в коде проекта в package.json(строка 45) в примереPackage
Библиотечный веб-компонент подключен в .components.htmlhtml

Обратите внимание: если у прикладного PBC нет проекта интерфейса, то после подключения библиотечного PBC и публикации паспорта прикладного PBC проект интерфейса будет создан автоматически

Важно: права доступа к автоматически созданному проекту предоставляются руководителю команды, ответственной за прикладной PBC. Далее РК может выдать участникам своей команды необходимый набор прав на проект интерфейса