Todo novo projeto "low-code" criado no Cronapp com a opção "Baseado em Modelo existente" possui diversos recursos já implementados, esses recursos proporcionam ao projeto uma base robusta, que deve ser expandida de acordo com as necessidades do projeto a ser desenvolvido.

Essa documentação irá apresentar como executar um projeto recém-criado e as páginas das aplicações web e mobile geradas a partir do projeto modelo, para detalhes sobre a estrutura de arquivos do projeto, acesse a documentação Estrutura de arquivos. É importante destacar que o modelo de projeto low-code aqui apresentado é do tipo web e mobile. Projetos low-code do tipo Microsserviços não possuem as interfaces visuais mobile e web. Para mais detalhes, consulte a documentação correspondente.

Dica
Vale lembrar que as aplicações web e mobile desenvolvidas no Cronapp são responsivas e se adequam a qualquer tamanho de tela, suportando, inclusive, o PWA.

Âncora

	executarProjeto
	executarProjeto

Executar o projeto

Logo após criar o projeto, já é possível executá-lo para acessar as aplicações web e mobile contidas no projeto modelo. Assim, clique no botão Play (debug) (destaque 1 da figura 1) e aguarde a inicialização do projeto.

Image Modified

Figura 1 - Executando o projeto

Após alguns segundos, um modal exibirá algumas formas de abrir as aplicações.

Image Modified

Figura 1.1 - Acesso as aplicações web ou mobile do projeto

Navegador [(web]): abre a aplicação web em outra aba do navegador.
Navegador [(mobile]): abre a aplicação mobile em outra aba do navegador.
Simulador: abre a aplicação mobile utilizando o simulador mobile do Cronapp.

Dica
Também é possível executar a aplicação mobile diretamente no smartphone sem a necessidade de compilação, veja mais detalhes no tópico "Cronapp Browser" na documentação Menu Dispositivos Móveis.

Âncora

	appweb
	appweb

Aplicação web

Abaixo temos a lista de páginas públicas e privadas da aplicação web.

Páginas públicas

Por padrão, a primeira página das aplicações web é sempre a página login (Localização: Interfaces/Formulários/Web/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/webapp/views/login.view.html

). Porém, é possível alterar isso através do campo Rota Principal Web nas Configurações do projeto, selecionando qualquer página pública, como por exemplo a home (pública).

O layout padrão dessa página, com o retângulo branco central contendo a logo, campos, botão e links (Figura 2), pode ser facilmente alterado ao criar um novo formulário web, veja mais detalhes sobre modelos existentes no tópico "Acesso ao editor" em Editor de views.

Figura 2 - Página de login da aplicação web

Campos Usuário e Senha: ao rodar uma aplicação pela primeira vez, um usuário administrador do sistema será automaticamente incluído no banco de dados temporário, dessa forma, utilize os dados abaixo para logar na aplicação:
- Usuário: admin
- Senha: admin
Redefinir Senha: permite o usuário redefinir sua senha, veja mais detalhes na documentação.
Cadastre-se: abre a página para permitir o usuário fazer seu próprio cadastro no sistema.
Cookies: permite o usuário definir as preferências de Cookies, veja mais detalhes na documentação.

Âncora

	pagCadastrese
	pagCadastrese

Cadastre-se

A página signup (Localização: Interfaces/Formulários/Web/Públicopublic/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/webapp/views/public/signup.view.html

) possui o mínimo de campos necessários para o usuário se cadastrar na aplicação. A opção de auto cadastro pode ser desabilitada no campo "Permitir que os Usuários se Cadastrem" nas Configurações do projeto.

Figura 2.1 - Página de auto cadastro dos usuários

Âncora

	pagWebHomePublica
	pagWebHomePublica

Home (pública)

O projeto modelo não possui um link que direciona para a página pública home (Localização: Interfaces/Formulários/Web/Públicopublic/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/webapp/views/public/home.view.html

), no entanto, essa página pode ser configurada para ser a página de entrada da aplicação, apresentando informações que podem ser acessíveis aos usuários que ainda não estão logados.

Assim como ocorre com a página home (privada), essa também possui algumas características própria, acesse o tópico Características da página Home para mais detalhes.

Figura 2.2 - Página home, também utilizada como página de entrada da aplicação web

Essa página é composta apenas por um botão na barra de navegação que retorna para a mesma página. Sendo necessário adaptá-la às necessidades do seu projeto.

Páginas autenticadas

Algumas páginas abaixo são acessíveis apenas por usuários com a autorização de administrador.

Âncora

	pagWebHomePrivada
	pagWebHomePrivada

Home (privada)

Por padrão, após logar na aplicação web, o usuário é direcionado para a página home (Localização: Interfaces/Formulários/Web/Autenticadologged/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/webapp/views/logged/home.view.html

) e dela será possível navegar dentre as demais. A página home possui algumas características próprias, acesse o tópico Características da página Home para mais detalhes.

Figura 2.3 - Menus da página home da aplicação web

Essa página possui uma barra de navegação visível em todas as páginas autenticadas com os seguintes links:

Página inicial: retorna para a página home (privada).
Admin: visível apenas por usuários com o perfil de Administrador do sistema.
- Usuários: abre a página dos usuários cadastrados no sistema.
- Log de auditoria: exibe o log de todos os recursos habilitados para isso.
- Grupos: abre a página com os grupos das permissões de segurança do sistema.
Perfil: visível por todos os usuários logados no sistema.
- Mudar Senha: abre o modal para substituir a senha do usuário logado.
- Sair: deslogar da aplicação e retorna a página de login ou para a página definida no campo Rota Principal Web nas Configurações do projeto.

Âncora

	pagUsuario
	pagUsuario

Usuário

A página user (Localização: Interfaces/Formulários/Web/Administrativoadmin/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/webapp/views/admin/user.view.html

) exibe uma Grade e permite manter os usuários do sistema. É acessível apenas por usuários com perfil administrador.

Figura 2.4 - Lista de usuários do sistema

O sistema de segurança padrão do Cronapp têm suporte a projetos com Multi aplicações, dessa forma, ao cadastrar um usuário, é necessário vincular o usuário a uma aplicação, mesmo que o projeto só possua uma única aplicação.

Informações
Caso só possua uma aplicação e não queira exibir esse campo, é possível configurar a Fonte de dados responsável pela página e alimentar automaticamente o atributo Aplicações com o ID da aplicação. Acesse o tópico "Campos" da documentação Fontes Fonte de dados para mais detalhes.

Figura 2.5 - Inserindo um novo usuário e vinculando uma aplicação

Âncora

	pagLogAudit
	pagLogAudit

Log de auditoria

A página auditlog.search (Localização: Interfaces/Formulários/Web/Administrativoadmin/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/webapp/views/admin/auditlog.search.view.html

) mostra o histórico de eventos ocorridos por entidades, blocos de programação e Fonte de dados, com o objetivo de facilitar a análise de problemas relacionados a segurança ou erros do sistema. Cada registro pode exibir um modal com os detalhes do log. Para mais informações, acesse a documentação Log de Auditoria.

Figura 2.6 - Detalhes de um registro do log de auditoria

Âncora

	pagGrupos
	pagGrupos

Grupos

A página role (Localização: Interfaces/Formulários/Web/Administrativoadmin/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/webapp/views/admin/role.view.html

) permite criar Grupos para associar regras (permissionáveis) aos usuários do sistema. Por padrão, novos projetos já possui o grupo Administrators.

Figura 2.7 - Criando um Grupo

Ao inserir ou editar um grupo, é possível alterar os seguintes campos.

Nome: nome do grupo.
Permissionável: permite adicionar um ou mais permissionáveis. Cada permissionável possui um conjunto de permissões aos métodos de requisição HTTP de uma página ou de todas as páginas contidas em um diretório.
- Lista inicial de permissionáveis: Administrators, Authenticated e Public.
Usuário: vincula um ou mais usuários do sistema.

Dica
Acesse a documentação Permissão de Segurança para mais detalhes.

Âncora

	appmobile
	appmobile

Aplicação Mobile

Abaixo temos a lista de telas públicas e privadas da aplicação mobile.

Telas públicas

Por padrão, a primeira tela das aplicações mobile é sempre a login (Localização: Interfaces/Formulários/Mobile/

Tooltip

onlyIcon	true
appendIcon	info-circle

Endereço: src/main/mobileapp/www/views/login.view.html

). Porém, é possível alterar isso através do campo Rota Principal Mobile nas Configurações do projeto, selecionando qualquer tela pública, como por exemplo a home (pública).

Figura 3 - Tela de login da aplicação mobile

Campos Usuário e Senha: ao rodar uma aplicação pela primeira vez, um usuário administrador do sistema será automaticamente incluído no banco de dados temporário, dessa forma, utilize os dados abaixo para logar na aplicação:
- Usuário: admin
- Senha: admin
Redefinir Senha: permite o usuário redefinir sua senha, veja mais detalhes na documentação.
Cadastre-se: abre a página para permitir o usuário fazer seu próprio cadastro no sistema.

Âncora

	telaCadastrese
	telaCadastrese