Histórico da Página
...
Vamos desenvolver um widget que mostre notícias cadastradas no fluigFluig Plataforma. Não deixe de conferir o projeto completo.
Criar projeto
...
Fluig
Em primeiro lugar, devemos ter disponível um projeto fluig Fluig onde desenvolveremos nosso widget utilizando o fluig Fluig Studio. Para isso podemos seguir os passos para criação de um projeto fluigFluig.
Criar widget
Em seguida, criaremos um widget. Para isso podemos seguir os passos para criação de um widget.
...
Dica | ||
---|---|---|
| ||
Dispense alguns momentos para entender as diferenças entre o modo de visualização e o modo de edição dos widgets. |
Interface aplicada com
...
Fluig Style Guide
Para construir a interface do widget, vamos utilizar o fluig Fluig Style Guide, que facilita a construção dos componentes visuais. O guia pode ser acessado em fluig Fluig Style Guide.
Para esse widget de notícias por exemplo, precisamos utilizar um form para cadastro de alguns dados. Para utilizar o padrão visual do fluig Fluig Style Guide, basta adicionar a classe .form-group. Assim todos os elementos textuais como <input>, <textarea>, e <select> terão seus tamanhos ajustados para 100%.
...
A seguir é explicado como salvar as preferências do widget da forma como idealizada pela equipe do fluigFluig Plataforma. É a forma padrão e é desejável que todos os widgets utilizem apenas essa técnica quando for necessário guardar algum tipo de informação para cada instância. Apesar de existirem outras formas de se guardar as preferências de um widget, recomendamos fortemente que utilize a forma disponibilizada pelo fluig Fluig Plataforma pelos seguintes motivos:
- não existe preocupação de "quem é propriedade de quem", uma vez que o fluig Fluig guarda de forma independente as preferências para cada instância de widget;
- cada página possui controle de versão e as instâncias dos widgets contidos nela não são diferentes. Utilizar as preferências padrão minimiza o risco de se perder alguma informação, já que tudo estará sob o controle de versão do fluigda plataforma Fluig;
- a busca das informações é feita automaticamente pelo renderizador de página, tornando a consulta dos dados das preferências ágil e simples.
Informações | ||
---|---|---|
| ||
Na base do fluig da plataforma Fluig as preferências dos widget são salvas em uma tabela padrão da plataforma dentro de um campo do tipo texto. Apesar de ser usado um tipo de dado com grande capacidade de armazenamento, não se deve usá-lo para outra fim que não seja armazenar tipos de dados primitivos:
Sendo todos os dados salvos como string, caberá ao desenvolvedor fazer os tratamentos e conversões necessárias conforme a sua necessidade. |
...
Para aprender a integrar seu widget com formulários do fluigFluig Plataforma, acesse este guia.
Externo utilizando serviços REST
...
Para fazer a integração com serviços SOAP, acesse este guia.
Exportar widget no servidor
...
Fluig
Para exportar o widget para o servidor fluigFluig, basta seguir o guia Realizando o deploy do componente.
Evitar conflito de dependências com o
...
Fluig
Para saber como evitar conflito de dependência entre widgets desenvolvidos sobre a plataforma e o fluigFluig, acesse este guia.
Zoom / Filter de Dataset
Para implementar o zoom de datasets em seu widget, pode-se usar como referência a forma indicada pelo fluig Fluig Style Guide para fazer o filter/zoom de um serviço externo. Porém, é necessário atentar-se para alguns detalhes específicos do desenvolvimento de datasets.
...
Nota | ||
---|---|---|
| ||
Desde que obedecidos os demais itens do tutorial sobre filterdo fluig Fluig Style Guide, basta copiar e colar o código acima diretamente em seu widget para observar o seu funcionamento. |
...