Samouczek: Używanie składników kodu w portalach

Uwaga

12 października 2022 r. funkcja Portale usługi Power Apps została przekształcona w usługę Power Pages. Więcej informacji: Usługa Microsoft Power Pages jest teraz ogólnie dostępna (blog)
Wkrótce zmigrujemy i scalimy dokumentację funkcji Portale usługi Power Apps z dokumentacją usługi Power Pages.

W tym samouczku utworzysz składnik przykładowy przy użyciu struktury składników Power Apps component framework. Spakuj ten składnik do środowiska Dataverse i dodasz go do aplikacji opartej na modelu. Następnie skonfigurujesz portale Power Apps, aby dodać składnik do formularza podstawowego i dodać formularz podstawowy do strony sieci Web. Na koniec należy odwiedzić stronę sieci Web portali i komunikować się ze składnikiem.

Wymagania wstępne

  • Wymagana wersja portalu to 9.3.3.x lub nowsza.
  • Wersja pakietu startowego musi mieć wartość 9.2.2103.x lub nowszą.

Uwaga

Ten samouczek jest oparty na istniejącym samouczku struktury składników Power Apps component framework, który umożliwia utworzenie elementu TSLinearInputComponent dla tabeli Szansa sprzedaży w formularzu głównym. W tym samouczku można także użyć dowolnego istniejącego lub nowego składnika i dowolnej innej tabeli. W takim przypadku upewnij się, że używasz swojego komponentu i formularza, wykonując czynności opisane w tym samouczku.

Krok 1. Utwórz swój pierwszy składnik

Aby utworzyć składnik przykładowy, wykonaj kroki samouczka Tworzenie pierwszego składnika. Na końcu tego samouczka składnik o nazwie TSLinearInputComponent zostanie zapakowany i przekazany do środowiska Dataverse.

Krok 2. Dodawanie składnika kodu do pola w aplikacji opartej na modelu

Teraz, gdy składnik TSLinearInputComponent został przekazany do środowiska Dataverse, wykonaj kroki opisane w samouczku Dodawanie składnika kodu do pola w aplikacjach opartych na modelu, aby dodać składnik do tabeli Szansa sprzedaży w formularzu głównym.

Krok 3. Sprawdzenie aplikacji opartej na modelu za pomocą nowego składnika

Możesz zaktualizować istniejącą aplikację na podstawie modelu lub utworzyć nową aplikację, za pomocą formularza, do którego dodano składnik. Na przykład na poniższym obrazie pokazano, jak wygląda tabeli szans sprzedaży formularz Główny podczas korzystania ze składnika kodu w tym samouczku.

Kontrolka suwaka dodana do pola Kwota budżetu w formularzu aplikacji na podstawie modelu.

Krok 4. Dodawanie składnika kodu do formularza podstawowego w portalach

W tym kroku należy utworzyć nowy podstawowy formularz w portalach, a następnie dodać składnik do utworzonego podstawowego formularza. Zamiast tego możesz również użyć istniejącego podstawowego formularza.

Krok 4.1. Utwórz nowy podstawowy formularz

  1. Otórz aplikację Zarządzanie portalem.

  2. W lewym okienku w obszarze Treść wybierz opcję Podstawowe formularze.

  3. Wybierz Nowy.

  4. Wypełnij pole Nazwa. Na przykład Formularz podstawowy szanse sprzedaży ze składnikiem kodu.

  5. Wybierz Nazwa podstawowa jako Szansę sprzedaży.

  6. W przypadku nazwy formularza wybierz formularz aplikacji oparty na modelu, który został dodany do składnika kodu wcześniej w tym samouczku.

  7. Wybierz Nazwę karty.

  8. Wybierz witrynę internetową portalu.

    Konfigurowanie formularza podstawowego za pomocą aplikacji Zarządzanie portalem.

  9. Zaznacz Zapisz i zamknij.

Krok 4.2. Dodaj składnik kodu do formularza podstawowego

  1. Otórz aplikację Zarządzanie portalem.

  2. W lewym okienku w obszarze Treść wybierz opcję Podstawowe formularze.

  3. Wybierz podstawowy formularz utworzony w poprzednim kroku.

  4. Wybierz opcję Powiązane.

  5. Wybierz Metadane formularza podstawowego.

  6. Wybierz Nowe metadane formularza podstawowego.

  7. Wybierz Typ jako Atrybut.

  8. Wybierz opcję Nazwa logiczna atrybutu jako Kwota budżetu (budgetamount).

    Kwota budżetu atrybutu docelowego.

  9. Wprowadź etykietę. Przykład: Kwota budżetu.

  10. W ramach Styl formantu wybierz pozycję Kod składnika.

    Styl kontrolki.

  11. Zaznacz Zapisz i zamknij.

Krok 5. Tworzenie strony sieci Web w portalach przy użyciu podstawowego formularza

  1. Otwórz portal w Power Apps portals Studio.

  2. Wybierz pozycję Nowa strona w lewym górnym rogu.

  3. Wybierz opcję Puste.

  4. W okienku właściwości po prawej stronie zaktualizuj nazwę witryny sieciowej. Przykład: Szanse sprzedaży.

  5. Zaktualizuj częściowy adres URL. Przykład: szanse sprzedaży.

  6. Rozwiń Uprawnienia.

  7. Wyłącz opcję Strona dostępna dla wszystkich.

  8. Wybierz role sieci Web, które mają mieć dostęp do tej strony.

  9. W edytorze stron pod sekcją Nagłówek zaznacz sekcję Kolumna.

  10. W lewym okienku nawigacji, wybierz Składniki.

  11. W obszarze Składniki portalu wybierz Formularz.

  12. W okienku właściwości po prawej stronie wybierz opcję Użyj istniejącego.

  13. W sekcji Nazwa wybierz formularz podstawowy utworzony wcześniej w tym samouczku.

    Napiwek

    Jeśli nie widzisz dostępnego formularza, spróbuj zsynchronizować konfigurację ze zmianami z Dataverse.

  14. W prawym górnym rogu wybierz opcję Przeglądaj witrynę sieciową.

Na stronie sieci Web będzie teraz wyświetlany podstawowy formularz tabeli Szanse sprzedaży z składnikiem kodu jako suwakiem, podobny do sposobu, w jaki będzie on wyświetlany przy użyciu aplikacji opartej na modelu dla tego samego formularza.

Przykładowy podgląd formantu suwaka Kwota budżetu na stronie portali.

Następne kroki

Omówienie wykorzystania składników kodu w portalach

Zobacz także

Omówienie Power Apps component framework
Utwórz swój pierwszy składnik
Dodawanie składników kodu do tabeli lub pola w aplikacji opartej na modelu

Uwaga

Czy możesz poinformować nas o preferencjach dotyczących języka dokumentacji? Wypełnij krótką ankietę. (zauważ, że ta ankieta jest po angielsku)

Ankieta zajmie około siedmiu minut. Nie są zbierane żadne dane osobowe (oświadczenie o ochronie prywatności).