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