App Builder Release: Navegação com parâmetros de rota, variáveis dependentes e muito mais
Com seu construtor visual baseado em nuvem, recursos de baixo código e novos recursos, o App Builder é uma ferramenta obrigatória para qualquer organização. Veja as atualizações mais recentes.
Zdravko Kolev
5min de leitura
A atualização de fevereiro do App Builder TM está aqui e inclui um recurso há muito esperado. Como parte do suporte ao estado do aplicativo, o uso de variáveis no App Builder agora facilita a navegação dentro do aplicativo com um tipo especial de variáveis – parâmetros de rota.
Se esta é a primeira vez que você aprende sobre App Builder, deixe-me compartilhar rapidamente por que você deve considerá-lo como uma ferramenta fundamental no processo de desenvolvimento de aplicativos para sua organização:
- Um construtor de aplicativos visuais – a plataforma unificada para gerentes de produto, designers, desenvolvedores e partes interessadas.
- Ferramenta de arrastar e soltar WYSIWYG baseada em nuvem que ajuda as empresas a projetar e criar aplicativos de negócios completos 80% mais rápido do que nunca.
- Uma ferramenta low-code que gera código Blazor, código Angular e código Web Components pronto para produção a partir de seus designs Figma e Sketch.
Vamos ver o que há de novo e empolgante no App Builder low-code da Infragistics.
Navegação de aplicativos com parâmetros de rota
Os parâmetros de rota funcionam como variáveis, permitindo que os usuários criem e armazenem valores, atribuam valores e os vinculem a outras propriedades no aplicativo. No entanto, esses parâmetros de rota têm um uso primário específico, permitindo que os usuários criem navegação dentro do aplicativo. Quando uma rota de navegação requer associação de parâmetro, os usuários podem vincular um parâmetro de rota para facilitar esse processo.
Criar um parâmetro de rota
Criar ação de navegação para
Diferença fundamental entre variáveis de aplicativo e parâmetros de rota
Aqui estão várias coisas para manter em mente:
- Os parâmetros de rota só podem ser criados em uma visualização secundária, em que a visualização secundária pode servir como a página de destino de uma rota de navegação específica.
- Os parâmetros de rota só podem ser dos tipos 'string', 'numérico' ou 'booleano'. O suporte para outros tipos será introduzido em versões futuras.
- Os parâmetros de rota suportam valores iniciais, com parâmetros de rota 'booleanos' suportando apenas um valor inicial 'FALSE'.
- Os parâmetros de rota não são variáveis de destino para uma ação Definir variável.
Como criar um parâmetro de rota
Os usuários podem criar um parâmetro Route de duas maneiras:
- Por meio do fluxo do parâmetro Nova Rota de Variável >️na seção Variáveis.
- Usando o botão + adicionar na seção Parâmetros de rota, parte do painel Propriedades.
O nome do parâmetro passa pela mesma validação que uma variável.
O que são variáveis dependentes
App Builder fornece funcionalidade que permite aos usuários definir variáveis de estado e contexto nos níveis de exibição e aplicativo para criar aplicativos para fluxos de dados sofisticados. Esta versão agora permite que os usuários definam fluxos de dados em uma cadeia de ações sequencialmente. Tome o seguinte fluxo de dados como exemplo:
Customers -> Customer Orders -> Order Details
Nesse cenário, escolher um Cliente em uma lista de Clientes atualizará a interface do usuário com uma lista de Pedidos de Clientes por meio de uma variável para o CustomerID específico. Ao selecionar um pedido nos Pedidos do cliente, outra parte da interface do usuário atualizará os detalhes do pedido específico por meio de uma variável para o OrderID específico. As duas variáveis –CustomerID e OrderID estão relacionadas em uma relação pai->filho e agora você recebe os meios para configurá-las por meio da interface do usuário. Nesse cenário, a definição de fluxo de dados será tal que alterar o valor de CustomerID redefinirá automaticamente o valor de OrderID, pois o novo OrderID precisa ser fornecido por uma interação do usuário.
Provavelmente, existem outros cenários que giram principalmente em torno de configurações de componentes em cascata, por exemplo, combos em cascata (País -> Estado -> Cidade) em que limpar um redefine o resto na cascata ou no filtro de reserva com dois seletores de data para início e fim, onde alterar o início pode querer que o fim seja limpo automaticamente.
Recursos de entrada de valor estático para a ação "Definir variável"
App Builder permite digitar um valor estático para Origem ao usar a ação Definir Variável. Isso é possível por meio de componentes do e ditor (com base no tipo de variável). Anteriormente, exponhamos apenas o uso de cadeia de caracteres simples ao definir o valor inicial da variável. E agora isso mudou. Abaixo você pode encontrar os diferentes editores com base no tipo de dados:
- String (padrão) – componente de entrada que permite que um valor de string seja digitado.
- Número – componente de entrada que valida a entrada para aceitar apenas valores numéricos
- Booleano – menu suspenso verdadeiro/falso – o padrão é falso
- Data – usa um componente seletor de data.
Embrulhar
Em conclusão, App Builder é um divisor de águas no processo de desenvolvimento de aplicativos. Com seu construtor visual baseado em nuvem, recursos de baixo código e novos recursos, é uma ferramenta obrigatória para qualquer organização. Experimente hoje! Se precisar de mais detalhes, recomendamos que você confira nosso:
Para experimentar tudo, visite o portal do cliente e obtenha a versão mais recente. Como de costume, estamos sempre ansiosos para receber seus comentários e ouvir o que você deseja adicionar ou recomendar. Então, por favor, envie-me um e-mail para zkolev@appbuilder.dev e deixe-me saber como podemos ajudá-lo a continuar agregando valor aos seus clientes com a Infragistics.
