TUTORIAL Decsoft App Builder
Neste tutorial, você construirá um aplicativo para gerenciar usuários, contendo uma lista de
nomes de usuário e endereços de e-mail, juntamente com detalhes de contato e fotografias.
Observação: você deve garantir que pode se conectar a um serviço de dados antes de
prosseguir com este tutorial. Consulte Criando serviços de dados para obter mais informações.
No painel, selecione + Novo projeto.
Insira 'Gerenciamento de usuários' no campo Nome do projeto e, opcionalmente, insira uma
descrição.
Selecione o modelo de duas colunas e clique em Criar.
Clique dentro da tela e selecione AppPanel no menu de localização atual na parte inferior da
tela.
Selecione Dataservice Ming.le - Obter usuário atual no menu Dataservice.
Na guia Interações, selecione "Aplicativo". "Na inicialização" como o evento acionador.
Clique no ícone + e arraste e solte o componente Lista na coluna esquerda da tela.
A primeira linha é o cabeçalho e a segunda linha é o primeiro item da lista.
Clique dentro do componente da lista para abrir Propriedades.
Selecione o serviço de dados Obter usuários recém-registrados no menu.
Isso aplica um único serviço de dados a todo o conteúdo do flexbox.
Selecione a guia Conteúdo e insira 'Todos os usuários (e-mail)' em Valor de exibição.
Selecione a guia Interações.
Altere o Trigger Event para "AppPanel". "Dataservice has Run"
Edite o Mapeamento de Chave de Dados para que userGUID obtenha seus valores de "no Valor
de Contexto". "UserGUID"
Agora, você deseja dividir o flexbox certo em dois.
Clique dentro da flexbox para abrir Propriedades.
Clique na guia Conteúdo e em Adicionar linha.
Clique no ícone + e arraste e solte o componente Guias na flexbox inferior direita.
Clique dentro do componente Tabs para abrir Propriedades.
Na guia Conteúdo, clique na Guia 1 ao lado das setas (<>), especifique 'Detalhes do usuário'
como o novo nome e clique em SALVAR.
Repita com a aba 2 e renomeie como 'Permissões do usuário'.
Para excluir as guias 3 e 4, clique no nome da guia e, em seguida, clique em EXCLUIR.
Clique no ícone + e arraste e solte o componente TextBox na guia "Detalhes do usuário".
Clique dentro da caixa de texto para abrir Propriedades.
Insira UserId no valor de exibição do espaço reservado.
Continue a adicionar caixas de texto e nomes de exibição para estes campos:
Nome do usuário
Primeiro nome
Último nome
E-mail
Clique na guia 'Detalhes do usuário' para abrir as Propriedades.
Selecione o serviço de dados no menu.
Você pode selecionar Obter usuários recém-registrados ou qualquer outro serviço de dados
criado.
Clique no ícone + e arraste e solte o componente Botão abaixo da caixa de texto final.
Clique no botão para abrir Propriedades.
Selecione a guia Conteúdo e insira 'Salvar' em Valor de exibição.
Como anteriormente, selecione um serviço de dados ou crie e mapeie um novo.
Clique na guia 'Permissões do usuário' para abrir as Propriedades.
Selecione o serviço de dados no menu.
Você pode selecionar Obter usuários recém-registrados ou qualquer outro serviço de dados
criado.
Clique no ícone + e arraste e solte o componente Botão de opção abaixo da caixa de texto
final.
Clique no botão de rádio para abrir Propriedades.
Insira 'APPBUILDER-Administrator Placeholder Display Value.
Continue a adicionar botões de opção e nomes de exibição para estes campos:
APPBUILDER-Designer
APPBUILDER-User
DATA-Administrator
GRID-Administrador
HOMEPAGES-Administrator
HOMEPAGES-ContentAdministrator
HOMEPAGES-User
INFOR-SuiteUser
INFOR-SystemAdministrator
Clique no ícone + e arraste e solte o componente Imagem na nova flexbox.
Nota: O componente de imagem preencherá todo o flexbox. Para diminuir a imagem, aumente
o preenchimento.
Clique na imagem para abrir Propriedades.
Selecione o serviço de dados no menu.
Você pode selecionar Obter usuários recém-registrados ou qualquer outro serviço de dados
criado.
Opcionalmente, use o controle deslizante à direita da tela para emular a aparência do
aplicativo em um dispositivo móvel.
Clique em Iniciar para ver como o aplicativo seria para o usuário final.
Quando estiver satisfeito com o design final e todos os serviços de dados estiverem
conectados, volte ao painel, selecione o projeto e clique em Publicar.
O aplicativo recém-criado agora está disponível para uso no App H
