Compartilhar via

Armazenar conteúdo de origem usando modelos da Web

  • Artigo

Observação

Desde o dia 12 de outubro de 2022, os portais do Power Apps passaram a ser Power Pages. Mais Informações: O Microsoft Power Pages já está disponível para todos (blog)
Em breve, migraremos e mesclaremos a documentação dos portais do Power Apps com a documentação do Power Pages.

O Modelo da Web é uma tabela do Power Apps (adx_webtemplate), incluída com portais do Power Apps, usada para armazenar o conteúdo de origem de modelo. Um modelo da Web geralmente contém Líquido para renderização de conteúdo dinâmico e é a tabela central usada para integrar modelos Líquidos ao restante do sistema de portais do Power Apps.

Os Modelos da Web podem ser incluídos em outro conteúdo ou combinados com outros modelos usando-se marcas de modelo e são referenciados nessas marcas por seu atributo de Nome. Eles também podem ser usados para criar Modelos de Página inteiramente personalizados ou criar cabeçalhos e rodapés personalizados para o site do portal.

Observação

Você também pode armazenar o conteúdo de origem do modelo em Power Pages. Mais informações: O que é o Power Pages

Atributos de modelo da Web

Atributo Descrição
Nome O nome do modelo. Usado para referenciar este modelo quando ele é incluído em outro conteúdo ou ampliado por outros modelos.
Origem O conteúdo de origem do modelo. No Power Apps, são fornecidos um editor de código-fonte com realce de sintaxe e outros recursos de edição de código para esse campo.
Tipo de MIME Como opção, fornece um tipo de MIME para o conteúdo do modelo. Caso nenhum deles seja fornecido, é fornecido um tipo de texto/html. Esse valor só será usado em casos em que o modelo está associado a um Modelo de Página e controla a renderização de todo o conteúdo desse modelo.

Modelos da Web como modelos de página

Os Modelos da Web podem ser usados com os modelos de página para criar novos modelos para o sistema de gerenciamento de conteúdo de portais do Power Apps. Isso pode ser feito totalmente no Power Apps, sem a necessidade de gravar o código .NET ou de reimplantar o aplicativo do portal.

Para criar um novo modelo de página com base em um modelo da Web, selecione umTipo de Modelo da Web quando criar um novo registro de Modelo de Página. Selecione um Modelo da Web.

Observe a opção Usar Cabeçalho e Rodapé do Site(que é marcada por padrão). Quando ela está marcada, o seu Modelo da Web controlará a renderização de todo o conteúdo da página entre o cabeçalho e o rodapé do site global. Se essa opção não estiver marcada, o Modelo da Web será responsável pela renderização da resposta inteira, caso você esteja renderizando conteúdo HTML; isso significa tudo, do tipo de documento às marcas <html> raiz e tudo que estiver entre eles.

Enquanto os casos de uso mais comuns de Modelos da Web são destinados a renderizar HTML, a renderização da resposta inteira (desmarcando a opção Usar Cabeçalho e Rodapé do Site) permite a você renderizar qualquer formato baseado em texto que desejar. Esse é o local em que o atributo Tipo de MIMEde Modelo da Web se torna relevante. Quando um modelo de página que não usa o cabeçalho e o rodapé do site é renderizado, o cabeçalho Content-Type da resposta HTTP será definido para o tipo MIME do modelo da Web associado (text/html será usado se nenhum tipo MIME for fornecido.), fornecendo uma ampla variedade de opções para renderizar conteúdo não HTML usando Liquid. Uma ocorrência de uso comum seria renderizar um RSS feed, definindo um tipo MIME de aplicação/rss+xml.

Modelos da Web como cabeçalhos e rodapés do site

Os modelos da Web podem também ser usados para substituir o cabeçalho e o rodapé globais usados por um portal do Power Apps. Defina o campo Modelo de Cabeçalho ou Modelo de Rodapé do site da Web no modelo da Web de sua preferência. Se você substituir oCabeçalho do Site, o modelo selecionado assume a responsabilidade de renderizar a navegação principal, os links de entrada/saída, a interface de pesquisa e assim por diante, dos elementos da interface do site, que são normalmente manipulados pelo modelo de cabeçalho padrão.

Modelos da Web internos

Há um conjunto de modelos líquidos pré-desenvolvidos, disponíveis dentro de portais do Power Apps. Para usá-los, você deve incluí-los por nome, usando a lista abaixo como uma referência.

Nome Descrição Código
Anúncio Este modelo processa um anúncio por nome ou um anúncio aleatório a partir do posicionamento do anúncio. {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %}
Blogs Este modelo processa postagens recentes em blogs em um grupo de listas. {% include 'blogs' %}
Trilhas de navegação Este modelo renderiza links de páginas ancestrais de volta para a Home page a partir da página atual. {% include 'breadcrumbs' %}
Grupo de Listas de Links Secundários Este modelo processa links em qualquer página secundária da página atual em um grupo de listas. {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %}
Eventos: Futuros Este modelo processa links para eventos que ocorrem entre hoje e 60 dias a partir de hoje. {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %}
Fóruns Este modelo processa uma lista de fóruns de sites com seu respectivo número de threads e postagens. {% include 'forums' %}
Layout 1 Coluna Este modelo processa o layout de uma única coluna contendo trilhas de navegação, título de página e conteúdo de cópia da página. {% extends 'layout_1_column' %}{% block main %}... {% endblock %}
Layout 2 Coluna Larga Esquerda Esse modelo renderiza um layout de duas colunas. A coluna da esquerda é maior do que a da direita. Contém trilhas e o título da página na parte superior da página, e o conteúdo do texto da página está localizado na coluna da esquerda. {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Layout 2 Colunas Larga à Direita Esse modelo renderiza um layout de duas colunas. A coluna da direita é maior do que a da esquerda. Contém trilhas e o título da página na parte superior da página, e o conteúdo do texto da página está localizado na coluna da direita. {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Layout 3 Coluna Larga Meio Esse modelo renderiza um layout de três colunas. A coluna do meio é maior do que a coluna da esquerda e da direita. O layout contém trilhas e o título da página na parte superior da página, e o conteúdo do texto da página está localizado na coluna do meio. {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %}
Cópia de Página Este modelo processa conteúdo editável de cópia da página em HTML com suporte a Líquido incorporado. {% include 'page_copy' %}
Cabeçalho da Página Este modelo processa o título da página. {% include 'page_header' %}
Pesquisa de Opinião Este modelo processa uma pesquisa de opinião por nome ou uma pesquisa de opinião aleatória a partir do posicionamento da pesquisa de opinião. {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %}
Pesquisar Este modelo processa um formulário de pesquisa básico com uma única entrada de texto e botão de pesquisa. {% include 'search' %}
Navegação Lateral Este modelo renderiza uma navegação com estilo de exibição de árvore vertical. Ele contém links para páginas ancestrais de volta para o primeiro nível (ou no deslocamento de profundidade especificado), links para páginas irmãs da página atual e links para os filhos da página atual. {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %}
Trecho Este modelo processa snippet de conteúdo HTML editável por nome. {% include 'snippet' snippet_name:'Name' %}
Navegação Superior Este modelo processa uma barra de navegação editável com menus suspensos para o conjunto de links da Web de Navegação Principal. {% include 'top_navigation' %}
Grupo de Listas de Links da Web Este modelo processa um grupo de listas de links para um conjunto de links da Web. {% include 'weblink_list_group' weblink_set_name:'Name' %}

Consulte também

Compreender operadores do Líquido
Tipos do Líquido
Condicional
Objetos do Líquido
Marcas do Líquido
Filtros do Líquido

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).