Editor de aplicativo
Dê uma rápida olhada no editor de aplicativos antes de começar
Last updated
Dê uma rápida olhada no editor de aplicativos antes de começar
Last updated
No PocketBlocks, o editor de aplicativos é onde você monta componentes, cria funções javascript para interagir com os dados do PocketBase e publica seus aplicativos. É composto por cinco áreas:
Barra de ferramentas
Canvas
Navegador de dados
Editor de consultas
Painel de componentes e propriedades
A barra de ferramentas é composta por uma barra superior e uma barra lateral esquerda.
Na barra superior, você pode configurar seu aplicativo da seguinte forma:
Alterar o nome do aplicativo
Exportar para um arquivo JSON
Controlar a visibilidade de outras áreas
Compartilhe seu aplicativo
Visualize e implante seu aplicativo
Verifique as versões do histórico
Na barra lateral esquerda, algumas opções estão disponíveis como segue:
Mostrar ou ocultar o Navegador de dados
Defina o tamanho da tela e o tema do aplicativo
Gerenciar scripts e estilos CSS
Iniciar tutorial para editor de aplicativos
Mostrar atalhos de teclado
O Canvas no centro do editor é onde você projeta e vê a UI geral. Arraste e solte componentes na tela, vincule-os a manipuladores de dados e eventos e monte-os para criar um aplicativo poderoso e agradável.
O editor de consultas na parte inferior consiste em duas seções: lista de consultas (com as guias Consultas e Metadados) à esquerda e configurações de consulta (com Geral, Notificação e Guias Avançadas) à direita. Crie consultas para interagir com a API Pocketbase aqui.
Você pode acessar o SDK do Pocketbase através do objeto window.pb.
O painel de componentes e propriedades está localizado à direita da janela. Arraste os componentes para a tela a partir da guia Inserir e edite as propriedades dos componentes na guia Propriedades.
Quando um componente é selecionado na tela, a guia Propriedades será ativada automaticamente e exibirá as propriedades desse componente.
Confira para práticas de layout de UI.
O navegador de dados no painel esquerdo contém as seções Consultas, Componentes e Globais. Aqui você pode inspecionar os dados em uma estrutura em árvore. Por exemplo, para verificar os dados retornados de uma consulta ou componente específico, encontre seu item na seção pertencente e clique empara expandir.
