Comparteix a través de

Emmagatzemar contingut d’origen mitjançant plantilles web

  • Article

Nota

Des del 12 d'octubre de 2022, els portals del Power Apps són Power Pages. Més informació: Microsoft Power Pages ara està disponible de manera general (bloc)
Ben aviat migrarem i combinarem la documentació dels portals del Power Apps amb la documentació del Power Pages.

Una plantilla web és una taula del Power Apps (adx_webtemplate) que s'inclou als portals del Power Apps i s'utilitza per desar contingut d'origen de les plantilles. Una plantilla web, en general, contindrà Liquid per a la representació de contingut dinàmic i és la taula central que s'utilitza per integrar les plantilla de Liquid amb la resta del sistema dels portals del Power Apps.

Les plantilles web es poden incloure en altres continguts o combinar-se amb altres plantilles mitjançant les etiquetes de plantilla i en aquestes etiquetes estan referenciades per l'atribut Nom. També es poden utilitzar per crear plantilles de pàgina personalitzades completes o capçaleres o peus de pàgina personalitzats per al vostre lloc web del portal.

Nota

També podeu emmagatzemar el contingut d'origen de la plantilla al Power Pages. Més informació: Què és Power Pages.

Atributs de plantilles web

Atribut Descripció
Nom El nom de la plantilla. S'utilitza per fer referència a aquesta plantilla quan està inclosa en altres continguts o ampliada per altres plantilles.
Font El contingut d'origen de la plantilla. Al Power Apps, es proporciona per a aquest camp un editor de codi d'origen amb la sintaxi remarcada i altres funcions d'edició de codis.
Tipus MIME De forma opcional, proporciona un tipus MIME per al contingut de la plantilla. Si no es proporciona, s'assumeix un tipus de text/html. Aquest valor només s'utilitzarà en els casos en que la plantilla estigui associada amb una plantilla de pàgina i controla la representació de tot el contingut d'aquella plantilla.

Plantilles web com a plantilles de pàgina

Les plantilles web es poden utilitzar amb les plantilles de pàgina per crear plantilles noves per al sistema d'administració de contingut dels portals del Power Apps. Es pot fer completament al Power Apps, sense la necessitat d'escriure un codi .NET ni tornar a implementar la vostra aplicació del portal.

Per crear una nova plantilla de pàgina basada en una plantilla web, seleccioneu Tipus de plantilla de web quan creeu un nou registre de plantilla de pàgina. A continuació, seleccioneu una plantilla de pàgina.

Tingueu en compte l'opció Utilitza capçalera i peu de pàgina de lloc web(que està marcada per defecte). Si està marcada, la vostra plantilla web controlarà la representació del contingut de la pàgina entre la capçalera i el peu de pàgina del lloc web global. Si aquesta opció no està marcada, la vostra plantilla web serà la responsable de representar la resposta en cas que representeu contingut HTML, és a dir tot el que va des de doctype fins a les etiquetes <html> de la matriu i tot el que hi ha enmig.

Mentre que els casos més comuns per a les plantilles web serà representar contingut HTML, representar la resposta (desmarcant l'opció Utilitza capçalera i peu de pàgina de lloc web) ofereix la opció de representar qualsevol format basat en text que escolliu. Aquí és on l'atribut tipus MIME de la plantilla web esdevé important. Quan es representa una plantilla de pàgina que no utilitza la capçalera i el peu de pàgina del lloc web, la capçalera Content-Type de resposta HTTP es definirà amb el Tipus MIME de la plantilla web associada (s'utilitzarà text/html si no es proporciona cap tipus MIME.), cosa que proporciona diverses opcions per representar contingut que no sigui HTML amb Liquid. Un cas d'ús comú seria representar un canal RSS configurant un tipus MIME de application/rss+xml.

Plantilles web com a capçaleres i peus de pàgina d'un lloc web

Les plantilles web també es poden utilitzar per substituir la capçalera i el peu de pàgina globals que utilitza un portal del Power Apps. Definiu el camp Plantilla de capçalera o Plantilla de peu de pàgina del vostre lloc web a la plantilla web que vulgueu. Si substituïu una capçalera de lloc web, la vostra plantilla seleccionada assumeix la responsabilitat de representar la navegació principal, registrar enllaços, buscar una interfície, etc. per als elements de la interfície del vostre lloc que normalment els gestions la plantilla de capçalera predeterminada.

Plantilles web integrades

Hi ha un conjunt de plantilles de Liquid preelaborades disponibles als portals del Power Apps. Per utilitzar-les, heu d'incloure-les pel nom, amb la llista següent com a referència.

Nom Descripció Codi
Afegei Aquesta plantilla representa un anunci per nom o un anunci aleatori des d'una ubicació d'anunci. {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %}
Blocs Aquesta plantilla representa les entrades de bloc recents en un grup de llista. {% include 'blogs' %}
Rutes de navegació Aquesta plantilla representa els enllaços de pàgines antecessores cap a la pàgina inicial des de la pàgina actual. {% include 'breadcrumbs' %}
Grup de llistes d'enllaços secundaris Aquesta plantilla representa els enllaços cap a pàgines secundàries de la pàgina actual en un grup de llistes. {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %}
Incidències: properes Aquesta plantilla representa els enllaços cap a les incidències que tenen lloc entre avui i 60 dies a partir d'ara. {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %}
Fòrums Aquesta plantilla representa una llista de fòrums del lloc web amb el seu número respectiu de fils i entrades. {% include 'forums' %}
Disposició 1 columna Aquesta plantilla representa una disposició d'una sola columna que conté rutes de navegació, el títol de la pàgina i el contingut del text de la pàgina. {% extends 'layout_1_column' %}{% block main %}... {% endblock %}
Disposició 2 columnes esquerra ampla Aquesta plantilla representa una disposició de dues columnes. La columna esquerra és més àmplia que la dreta. Conté rutes de navegació, el títol de la pàgina a la part superior de la pàgina i el contingut de còpia de la pàgina està situat a la columna esquerra. {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Disposició 2 columnes dreta ampla Aquesta plantilla representa una disposició de dues columnes. La columna dreta és més àmplia que l'esquerra. Conté rutes de navegació, el títol de la pàgina a la part superior de la pàgina i el contingut de còpia de la pàgina està situat a la columna dreta. {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Disposició 3 columnes central ampla Aquesta plantilla representa una disposició de tres columnes. La columna del mig és més àmplia que la dreta i l'esquerra. La disposició conté rutes de navegació, el títol de la pàgina a la part superior de la pàgina i el contingut de còpia de la pàgina està situat a la columna del mig. {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %}
Còpia de pàgina Aquesta plantilla representa l'HTML del contingut editable de text de còpia de la pàgina i admet Liquid incrustat. {% include 'page_copy' %}
Capçalera de la pàgina Aquesta plantilla representa el títol de pàgina. {% include 'page_header' %}
Sondeig Aquesta plantilla representa un sondeig per nom o un sondeig aleatori des d'una ubicació de sondeig. {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %}
Cerca Aquesta plantilla representa un formulari bàsic de cerca amb una sola entrada de text i un botó de cerca. {% include 'search' %}
Navegació lateral Aquesta plantilla representa una navegació d'estil de visualització d'arbre vertical. Conté enllaços a les pàgines antecessores cap al primer nivell (o el desplaçament de profunditat especificat), enllaços a les pàgines del mateix nivell que la pàgina actual i enllaços a les pàgines secundàries de la pàgina actual. {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %}
Fragment Aquesta plantilla representa un fragment de contingut HTML editable per nom. {% include 'snippet' snippet_name:'Name' %}
Navegació superior Aquesta plantilla representa una barra de navegació editable amb menús desplegables per al conjunt d'enllaços web de navegació principal. {% include 'top_navigation' %}
Grup de llistes d'enllaços web Aquesta plantilla representa un grup de llistes d'enllaços per a un conjunt d'enllaços web. {% include 'weblink_list_group' weblink_set_name:'Name' %}

Consulteu també

Comprensió dels operadors de Liquid
Tipus de Liquid
Condicional
Objectes de Liquid
Etiquetes de Liquid
Filtres de Liquid

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).