Szabja testre a tartalmat a tartalomrészletek segítségével
A tartalomrészletek a szerkeszthető tartalom egy részlete, amiket a fejlesztő elhelyezhet fejlécben, láblécben, weboldalon vagy websablonban. Ezzel lehetővé teszi a testre szabható tartalmak számára, hogy könnyedén feltöltsék a weblapelrendezés egy részét.
A fejlesztők Liquid vagy segítségével is elhelyezhetnek egy tartalomrészletet: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} vagy {% include 'snippet' snippet_name:'<<snippet name>>' %}.
Tartalomrészek szerkesztése
A tartalomrészek a Portálfelügyelet alkalmazáson keresztül hozhatók létre és szerkeszthetők. A tartalomrészek legkiemelkedőbb része az, hogy a tartalom egy külön része (nem az, amely a lap fő oldalán található) kivonható és külön is szerkeszthető, így lehetővé teszi, hogy az oldal alapvetően statikus tartalma teljes egészében tartalomkezelt és szerkeszthető legyen.
Nyissa meg a Portálfelügyelet alkalmazást.
Nyissa meg a Tartalom>Tartalomrészek menüpontot.
Új kódrészlet létrehozásához: Válassza az Új lehetőséget.
Létező kódrészlet szerkesztéséhez válassza a rácson meglévő Tartalomrészlet lehetőséget.
Adjon meg értékeket az alábbi mezőkhöz:
| Név szerint | Leírás |
|---|---|
| Név szerint | A nevet arra használhatja a fejlesztő, hogy a tartalomrészlet értékét a webhely kódjában helyezze el. |
| Webhely URL-címe | A tartalomrészlethez társított webhely. |
| Megjelenítendő név | A tartalom kódrészletének megjelenítendő neve. |
| Típus szerint | A tartalom kódrészletének típusa, szöveg vagy HTML. |
| Tartalomrész nyelve | Válassza ki a tartalom kódrészletének nyelvét. További nyelvek hozzáadásához lépjen a többnyelvű támogatás biztosítása részre. |
| Érték | A webhelyen megjelenítendő tartalomrészlet. Egyszerű szöveg vagy HTML-kód adható meg. Liquid-objektumok mind szöveggel, mind HTML-kóddal használhatók. |
Kódrészlet használata
A kódrészletekkel szöveget és HTML-kódot is megjeleníthet. A tartalom kódrészletei Liquid-objektumokat is használhatnak, és egyéb tartalmakra, például entitásokra is hivatkozhatnak.
A cikk korábbi részében ismertetett lépésekkel például tartalmi kódrészleteket hozhat létre/szerkeszthet. A kódrészlet szerkesztése során mintakódot is adhat egy rekordhoz. Ügyeljen arra, hogy a Partner tábla rekordjának azonosítóját a környezetből származó helyes azonosítóra cserélje le. A Partner helyett másik táblát is használhat.
A szöveget, HTML-kódot vagy Liquid-objektumokat tartalmazó kódrészlet fenti példában látható létrehozása után a kódrészlet a weboldalon használható.
Kódrészlet hozzáadása weboldalhoz:
Hozzon létre egy webes sablont, és a kódrészlet Liquid-objektumával hívja meg a létrehozott kódrészletet.
Hozzon létre egy oldalsablont a korábban létrehozott webes sablonnal.
A tervezőstúdió használatával hozzon létre egy új oldalt a korábban létrehozott oldalelrendezés alapján.
Példa
A következő példában mintaadatokat tartalmazó Microsoft Dataverse-adatbázist használtunk.
Feljegyzés
A Partner táblára (vagy bármelyik táblára) vonatkozó táblaengedélyeket kell konfigurálnia.
Nyissa meg a Portálfelügyelet alkalmazást.
Nyissa meg a Tartalom>Tartalomrészek menüpontot.
Új kódrészlet létrehozásához: Válassza az Új lehetőséget.
Adjon meg egy nevet. Például: AccountData.
Válassza ki a webhelyet.
Adja meg a megjelenítendő nevet. Például: AccountData.
Ennél a példánál a HTML típust válassza. Szöveges típust is kiválaszthat.
Válasszon nyelvet.
Másolja ki és illessze be a mintaértéket:
{% 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 %}A rekord GUID azonosítóját cserélje le a Dataverse-adatbázisból származó partnertáblarekordra.
Mentse a tartalom kódrészletét.
A Power Pages tervezőstúdióban hozzon létre új weboldalt, vagy válasszon egy meglévő weboldalt.
Válassza ki a Kód szerkesztése lehetőséget.
A meglévő
<div></div>-címkék között másolja és illessze be a következő forrásértéket:{% include 'snippet' snippet_name:'AccountData' %}Ha különbözik, akkor frissítse a snippet_name értékét a kódrészlet nevével.
Használja a CTRL-S parancsot.
Válassza a Szinkronizálás lehetőséget a tervezőstúdióban
Válassza a Előnézet elemet.
A partnerinformációk a kódrészlet részeként jelennek meg:
Ha a tartalom kódrészlete nem HTML, hanem szöveges, ugyanezeket a lépéseket kell használni; például:
{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }}
Account State: {{ account.statecode.label }}
{% endif %}
A rekord GUID azonosítóját cserélje le a Dataverse-adatbázisból származó partnertáblarekordra.
Ha ezzel a tartalomkódrészlettel böngészi az oldalt, a táblázat adatai a Liquid objektummal jelennek meg, szöveggel együtt HTML helyett. Hasonlóképpen, ha Liquid-objektumok használata nélkül szeretne tartalmakat megjeleníteni, csak HTML-t használhat.