Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: Atualização guia de marca

Índice

10px
Índice
minLevel2
indent
maxLevel4
outlinetrue
exclude.*ndice
stylenone


Objetivo

O objetivo deste guia é apresentar os elementos que constituem a estrutura de uma página no TOTVS Fluig Plataforma.


Elementos de uma Página

O Fluig Plataforma é constituído de páginas , e essas possuem os seguintes elementos: Layout, Slots e Widgets.  LayoutSlotsWidgets.

Uma paǵina página é constituída de um layout, que por sua vez possui slots onde as que definem o posicionamento e a disposição dentro do layout onde os widgets são inseridas. Também podemos alterar as permissões na criação para as páginas sejam públicas ou privadasinseridos. Toda página permite definir o o modo de visualização como pública ou privada.


Página privada

Para determinar que uma página seja esteja acessível apenas aos usuários logados no sistemaautenticados na plataforma, ao criar ou edita a página, basta selecionar na "Autorização", criá-la ou editá-la basta selecionar a opção "AUTHENTICATED" no campo "Autorização". Desta maneira, caso somente usuários autenticados terão acesso a esta página.

Caso um usuário acesse uma página autenticada cuja autorização seja Authenticated sem estar autenticado, ele será redirecionado para que faça a autenticaçãopágina de login. Somente após autenticado o mesmo a autenticação ele poderá visualizar a página em questãosolicitada.

Image RemovedImage Added

Criação de páginas - Autorização: AUTHENTICATED


Informações
titleComo fica a URL?

Considerando os seguintes dados:

ElementoValor
Nome do servidormeuserver.com.br
Porta utilizada pelo Fluig server8080
Código da empresa corrente001

A URL desta página ficará assim: http://meuserver.com.br:8080/portal/p/001/campanha_agasalho

Onde:

ElementoDescrição
/portalValor fixo da plataforma.
/pIndicativo de página privada.

...

campanha_agasalhoÉ o campo "Identificador único" do cadastro de página.


Página pública

Para determinar que uma página seja acessível acessada também a por usuários que não estejam logadosautenticados, ao criar ou edita a páginacriá-la ou editá-la, basta selecionar na "Autorização", a opção "PUBLIC" no campo "Autorização". Desta maneira, caso um usuário acesse sem estar autenticado, ele conseguirá usuários visitantes e autenticados conseguem visualizar a página . Usuários autenticados também visualizam a página.Image Removedpública.

Dica
titleDica!

Para criar páginas públicas, em vez de utilizar esse recurso, você pode utilizar o recurso Pages Beta, que oferece diversos templates e componentes que facilitam a configuração das suas páginas.

Image Added

Criação de páginas - Autorização: PUBLIC


Informações
titleComo fica a URL?

Considerando os seguintes dados:

ElementoValor
Nome do servidormeuserver.com.br
Porta utilizada pelo Fluig server8080
Código da empresa corrente001

A URL desta página ficará assim: http://meuserver.com.br:8080/portal/001/campanha_agasalho

Onde:

ElementoDescrição
/portalValor fixo da plataforma
campanha_agasalhoÉ o campo "Identificador único" do cadastro de página.

Layout

A ausência do elemento "/p" indica que o acesso a essa página será público, ou seja, sem autenticação.


PathParam

A plataforma Fluig permite que uma página contenha parâmetros em sua URL de forma que seja possível recuperá-los em um layout ou qualquer widget inserido na página. Cada parâmetro é nomeado pelo formato "p" seguido da sua ordem na URL, por exemplo, "p1", "p2", "p3", etc. É possível recuperar cada parâmetro na URL diretamente no seu template Freemarker.

Por exemplo: http://meufluig.com/portal/p/meutenant/reservadesala/sala73/08:00/12:00

URLDescriçãoVariável no template Freemarker
http://meufluig.com/portal/p/meutenant/reservadesalaEndereço da página com identificador único "reservadesala"-
sala73Valor do parâmetro "p1"${p1}
08:00Valor do parâmetro "p2"${p2}
12:00Valor do parâmetro "p3"${p3}
Dica
titleDica Freemarker

Para evitar erros na renderização do template Freemarker, deve-se fornecer um valor padrão caso o PathParam não esteja presente na URL de acesso.

Exemplo: ${p1|"sala01"}


Definir comportamento distinto para um widget em páginas públicas ou autenticadas

É possível desenvolver um widget para que ele se comporte de forma diferente quando estiver em um contexto privado (com "/p" na URL) ou público (sem "/p" na URL). Para esses casos, pode-se utilizar os seguintes comandos:

No arquivo *.js:

Bloco de código
languagejs
if(WCMAPI.getUserIsLogged()){
	// Executa uma ação quando o usuário estiver autenticado
} else {
	// Executa outra quando não estiver
}

No arquivo *.ftl:

Bloco de código
languagexml
<#if widgetRender.isUserLogged()==true >
	<!-- Executa uma ação quando o usuário estiver autenticado -->
<#else>
	<!-- Executa outra quando não estiver -->
</#if>


Layout

Toda página da plataforma Toda página no Fluig é constituída por um layout , que define a estrutura de uma página, referente a dela o que diz respeito ao posicionamento e ao tamanho dos slots.

Informações

Para saber mais acesse o guia sobre

...

Layouts.


Slots

Para que as widgets fiquem organizadas Os slots servem para organizar os widgets dentro de um layout, são necessários slots. Desta forma as widgets podem ser distribuídas da forma desejada por todo o layout . Eles são áreas pré-definidas dentro do layout onde os widgets podem ser distribuídos na ordem desejada para atender a cada usuárionecessidade. 

Informações

Para saber mais acesse o guia sobre

...

Slots.


Widgets

Dentro de uma página , os widgets são os componentes concretos, que podem mostrar exibir e consultar informações, variando de componente para componente.

Informações

Para saber mais acesse o guia sobre

...

Widgets.