Dostosuj zawartość za pomocą fragmentów kodu zawartości

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.

Fragmenty kodu zawartości to małe kawałki edytowalnej zawartości, które deweloper może umieszczać na szablonie strony, co pozwala na łatwe wypełnianie jakiejkolwiek części układu strony zawartością, która może być dostosowywana. Formanty fragmentów kodu, które są odpowiedzialne za renderowanie zawartości fragmentów kodu portalu od strony sieci Web, są umieszczane w szablonie strony przez deweloperów.

Edytuj fragmenty kodu

Fragmenty kodu można edytować za pośrednictwem aplikacji Zarządzanie portalem. Główną zaletą fragmentu kodu jest fakt, że możesz wyodrębnić część zawartości (z wyjątkiem głównej kopii strony) i edytować ją osobno, pozwalając zasadniczo na to, że wszelkie treści statyczne w Twojej witrynie były w pełni edytowalne a ich zawartość zarządzana.

  1. Otwórz Aplikacja Zarządzanie portalem.

  2. Przejdź do Portale > Fragmenty kodu zawartości.

  3. Aby utworzyć nowy fragment kodu, wybierz Nowy.

  4. Aby edytować istniejący fragment kodu wybierz istniejącą Wstawkę zawartości w siatce.

Wprowadź wartości w następujących polach:

Nazwisko Opis
Nazwisko Nazwa może zostać użyta przez dewelopera w celu umieszczenia wartości fragmentu kodu w szablonie strony w kodzie portalu.
Witryna sieci web Witryna sieci Web skojarzona z fragmentem kodu.
Wyświetlana nazwa Wyświetl nazwę wstawki zawartości.
Typ Typ wstawki zawartości, Tekst lub HTML.
Język wstawki zawartości Wybierz język wstawki zawartości. Aby dodać więcej języków, wybierz opcję włącz obsługę wielu języków.
Wartość Zawartość fragmentu kodu, jaka ma zostać wyświetlona w portalu. Można wprowadzić zwykły tekst lub znacznik HTML. Można również używać obiektów płynnych wraz z wartościami tekstowymi i znacznikami html.

Korzystanie ze wstawki

Można używać wstawek, aby wyświetlać tekst lub kod HTML. Urywki zawartości mogą również używać obiektów płynnych i odwoływać się do innej zawartości, na przykład do encji.

Można na przykład wykonać kroki opisane wcześniej w tym artykule, aby utworzyć/edytować wstawkę zawartości. Podczas edytowania wstawka można dołączyć do rekordu przykładowy kod. Należy upewnić się, że identyfikator rekordu tabeli konta został zastąpiony prawidłowym identyfikatorem ze środowiska. Można także użyć innej tabeli zamiast tabeli Konto.

Po utworzeniu wstawki za pomocą obiektów typu tekst, HTML lub obiektów płynnych pokazanych w powyższym przykładzie można użyć jej na stronie portalu.

Aby dodać wstawkę na stronie portalu:

  1. Utwórz szablon sieci web i użyj wstawek obiektu płynnego, aby wywołać utworzoną wstawkę.

  2. Utwórz szablon strony przy użyciu szablonu sieci Web utworzonego wcześniej.

  3. Korzystając z narzędzia Portal Studio, można utworzyć nową stronę przy użyciu szablonu strony, który został utworzony wcześniej.

Przykład

W poniższym przykładzie użyto bazy danych Microsoft Dataverse z przykładowymi danymi.

  1. Otwórz Aplikacja Zarządzanie portalem.

  2. Przejdź do Portale > Fragmenty kodu zawartości.

  3. Aby utworzyć nowy fragment kodu, wybierz Nowy.

  4. Wprowadź nazwę. Na przykład AccountData.

  5. Wybierz witrynę internetową.

  6. Wprowadź nazwę wyświetlaną. Na przykład AccountData.

  7. Na potrzeby tego przykładu wybierz typ jako HTML. Możesz również zamiast tego tekst.

  8. Wybierz język.

  9. Kopiowanie i wklejanie przykładowej wartości:

    {% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
    {% if account %}
    <b> Account Name is: </b> {{ account.name }} <br>
    <i> Account State: </i> {{ account.statecode.label }})
    {% endif %}
    

    Zastąp identyfikator GUID rekordu rekordu tabelą klientów z bazy danych Dataverse.

    Utwórz wstawkę zawartości.

  10. Zapisz wstawkę zawartości.

  11. Wybierz Szablony sieci Web z okienka po lewej stronie.

  12. Wybierz Nowy.

  13. Wprowadź nazwę. Na przykład konto-sieć-web-szablon.

  14. Wybierz witrynę internetową.

  15. Skopiuj i wklej wartość źródła w innym miejscu.

    {% include 'snippet' snippet_name:'AccountData' %}

    Jeśli jest inaczej, należy zaktualizować wartość snippet_name, używając nazwy wstawki.

    Szablon sieci Web.

  16. Wybierz pozycję Zapisz.

  17. Wybierz Szablon strony z okienka po lewej stronie.

  18. Wybierz Nowy.

  19. Wprowadź nazwę. Na przykład Wstawka danych konta.

  20. Wybierz witrynę internetową.

  21. Wybierz typ szablonu jako Szablon sieci Web.

  22. Wybierz wcześniej utworzony szablon sieci web. W tym przykładzie konto-sieć-web-szablon.

  23. Wybierz pozycję Zapisz.

    Szablon strony.

  24. Edytuj swój portal.

  25. Wybierz stronę Nowa > Pusta.

    Nowa pusta strona.

  26. Wprowadź nazwę strony. Na przykład Dane kont.

  27. Wprowadź częściowy adres URL. Na przykład dane-kont.

  28. Wybierz wcześniej utworzony Szablon strony. W tym przykładzie Wstawka danych konta.

    Metadane strony sieci Web.

  29. Wybierz opcję Przeglądaj witrynę internetową w prawym górnym rogu, aby wyświetlić stronę w przeglądarce.

    Przeglądanie portalu.

Te same czynności można wykonać przy użyciu wstawki zawartości typu Tekst zamiast HTML, na przykład:

{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }} 
Account State: {{ account.statecode.label }}
{% endif %}

Zastąp identyfikator GUID rekordu rekordu tabelą klientów z bazy danych Dataverse.

Podczas przeglądania strony z taką zawartością wstawka informacje w tabeli są wyświetlane przy użyciu obiektu i tekstu zamiast języka HTML. Podobnie można również używać tylko HTML do wyświetlania treści bez użycia obiektów płynnych.

Zobacz także

Praca z szablonami płynnymi

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).