Dostosuj zawartość za pomocą fragmentów kodu zawartości
Wstawki zawartości to małe fragmenty edytowalnej treści, które programista może umieścić w nagłówku, stopce, na stronie internetowej lub w szablonie, co pozwala na dostosowanie treści do dowolnej części układu strony internetowej.
Deweloper może umieścić snippet za pomocą Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} lub {% include 'snippet' snippet_name:'<<snippet name>>' %}.
Edytuj fragmenty kodu
Portale można tworzyć i edytować za pomocą aplikacji Zarządzanie portalami. 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.
Otwórz Aplikacja Zarządzanie portalem.
Przejdź do strony Treść>Wstawki zawartości.
Aby utworzyć nowy fragment kodu, wybierz Nowy.
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 być wykorzystana przez programistę do umieszczenia Wstawki zawartości w kodzie strony. |
| 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ść | Treść wycinka, która ma być wyświetlany w serwisie. 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 z tekstem, HTML-em lub obiektami płynnymi pokazanymi w powyższym przykładzie, możesz jej użyć na stronie internetowej.
Aby zdodać wstawkę na stronie internetowej:
Utwórz szablon sieci web i użyj wstawek obiektu płynnego, aby wywołać utworzoną wstawkę.
Utwórz szablon strony przy użyciu szablonu sieci Web utworzonego wcześniej.
Studio projektowe umożliwia utworzenie nowej strony przy użyciu układu strony utworzonego wcześniej.
Przykład
W poniższym przykładzie użyto bazy danych Microsoft Dataverse z przykładowymi danymi.
Uwaga
Należy skonfigurować uprawnienia tabeli dla tabeli Konta (lub dowolnej tabeli, która będzie potrzebna).
Otwórz Aplikacja Zarządzanie portalem.
Przejdź do strony Treść>Wstawki zawartości.
Aby utworzyć nowy fragment kodu, wybierz Nowy.
Wprowadź nazwę. Na przykład AccountData.
Wybierz witrynę internetową.
Wprowadź nazwę wyświetlaną. Na przykład AccountData.
Na potrzeby tego przykładu wybierz typ jako HTML. Możesz również zamiast tego tekst.
Wybierz język.
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.
Zapisz wstawkę zawartości.
W studio projektowania Power Pages można utworzyć nową stronę sieci Web lub wybrać istniejącą stronę sieci Web.
Wybierz Edytuj kod.
Pomiędzy istniejącymi etykietami
<div></div>skopiuj i wklej następującą wartość źródłową:{% include 'snippet' snippet_name:'AccountData' %}Jeśli jest inaczej, należy zaktualizować wartość snippet_name, używając nazwy wstawki.
Zaznacz CTRL-S.
W programie Design Studio wybierz opcję Synchronizacja
Wybierz Podgląd.
Zobaczysz, że informacje o koncie są renderowane jako część wstawki:
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.