Споделяне чрез

Урок: Използване на компоненти на код в портали

  • Статия

Бележка

В сила от 12 октомври 2022 г. „Портали на Power Apps“ става Power Pages. Повече информация: Microsoft Power Pages вече е общодостъпен (блог)
Скоро ще мигрираме и ще обединим документацията на „Портали на Power Apps“ с документацията на Power Pages.

В този урок ще създадете примерен компонент с помощта на Power Apps component framework. След това ще опаковате този компонент в среда на Dataverse и добавете компонента към приложение, управлявано от модел. След това ще конфигурирате портали на Power Apps, за да добавите компонента към основен формуляр и ще добавите основния формуляр към уеб страница. Накрая ще посетите уеб страницата на порталите и ще взаимодействате с компонента.

Предварителни изисквания

  • Вашата версия на портала трябва да бъде 9.3.3.x или по-висока.
  • Вашият стартов портален пакет трябва да бъде 9.2.2103.x или по-висока.

Бележка

Този урок се базира на съществуващия урок за Power Apps component framework, който ви превежда през създаването на TSLinearInputComponent за таблицата Възможност на формуляра Основен. Можете също да използвате който и да е съществуващ или нов компонент и всяка друга таблица за този урок. В този случай се уверете, че използвате компонента и формуляра си, когато следвате стъпките в този урок.

Стъпка 1. Създаване на първия ви компонент

За да създадете примерен компонент, следвайте стъпките в урока Създайте първия си компонент. В края на този урок ще имате компонента с име TSLinearInputComponent, опакован и качен във вашата Dataverse среда.

Стъпка 2. Добавете кодовия компонент към поле в приложение, управлявано от модел

Сега, когато имате TSLinearInputComponent, качен във вашата Dataverse среда, следвайте стъпките в урока Добавяне на кодов компонент към поле в приложения , управлявани от модели, за да добавите компонента към таблицата "Възможност " в основния формуляр.

Стъпка 3. Проверете приложението, управлявано от модел, с новия компонент

Можете да актуализирате съществуващо приложение, управлявано от модел или да създадете ново приложение с формуляра, към която сте добавили компонента. Например, следващото изображение показва как таблицата Възможност Основният формуляр изглежда при използване на кодовия компонент в този урок.

Контролата на плъзгача е добавена към полето „Бюджетна сума” във формуляр на приложение, управлявано от модел.

Стъпка 4. Добавяне на кодов компонент към основен формуляр в портали

В тази стъпка ще създадете нов основен формуляр в портали и след това ще добавите компонента към създадения основен формуляр. Вместо това можете да използвате и съществуващ основен формуляр.

Стъпка 4.1. Създаване на нов основен формуляр

  1. Отворете приложението Управление на портал.

  2. В левия прозорец, под Съдържание изберете Основни формуляри.

  3. Изберете Нова.

  4. Въведете Име. Например Основен формуляр на възможности с компонент на код.

  5. Изберете Основно име като Възможност.

  6. За Име на формуляра, изберете модела, управляван от приложението, към който сте добавили кодовия компонент по-рано в този урок.

  7. Изберете Имена раздела.

  8. Изберете уеб сайта на портала си.

    Конфигуриране на основен формуляр с помощта на приложението за управление на портали.

  9. Изберете Записване и затваряне.

Стъпка 4.2. Добавяне на компонент на код към основния формуляр

  1. Отворете приложението Управление на портал.

  2. В левия прозорец, под Съдържание изберете Основни формуляри.

  3. Изберете основния формуляр, който сте създали в предишната стъпка.

  4. Изберете Свързани.

  5. Изберете Метаданни на основен формуляр.

  6. Изберете Нови метаданни на основен формуляр.

  7. Изберете Тип като Атрибут.

  8. Изберете Логическо име на атрибута като Бюджетна сума (budgetamount).

    Логическо име на атрибут за бюджетна сума.

  9. Въведете Етикет. Например, Бюджетна сума.

  10. За Контролен стил изберете Кодов компонент.

    Стил на контрола.

  11. Изберете Записване и затваряне.

Стъпка 5. Създайте уеб страница в портали с основния формуляр

  1. Отворете своя портал в Студио за портали на Power Apps.

  2. В горния ляв ъгъл изберете Нова страница.

  3. Изберете Празно.

  4. В десния панел на свойствата актуализирайте името на уеб страницата. Например, Възможности.

  5. Актуализиране на частичен URL адрес. Например, възможности.

  6. Разгънете разрешения.

  7. Забранете Страницата е достъпна за всички.

  8. Изберете уеб ролите, на които трябва да бъде разрешен достъп до тази страница.

  9. В редактора на страницата, под секцията Заглавка, изберете секция Колона.

  10. В левия прозорец изберете Компоненти.

  11. Под Компоненти на портал изберете Формуляр.

  12. В десния прозорец на свойствата изберете Използвайте съществуващите.

  13. Под Име изберете основния формуляр, който сте създали по-рано в този урок.

    Съвет

    Ако не виждате наличната форма, опитайте Конфигурация за синхронизиране за синхронизиране на промените от Dataverse.

  14. В горния десен ъгъл изберете Разгледайте уебсайта.

Сега уеб страницата ще показва основния формуляр за таблица Възможности с кодовия компонент като плъзгач, подобно на това как изглежда, използвайки приложението, управлявано от модел за същата форма.

Примерен предварителен преглед на плъзгача за бюджетна сума на страницата на порталите.

Следващи стъпки

Общ преглед: Използване на компонентите на код в порталите

Вижте също

Общ преглед на Power Apps component framework
Създаване на първия ви компонент
Добавяне на компоненти на код към поле или таблица в приложения, управлявани от модел

Бележка

Можете ли да ни споделите повече за езиковите си предпочитания за документацията? Попълнете кратко проучване. (имайте предвид, че това проучване е на английски език)

Проучването ще отнеме около седем минути. Не се събират лични данни (декларация за поверителност).