Criando o primeiro projeto simples [UniGui]

Criando o primeiro projeto simples [UniGui]

  maio 01, 2020    Ana Paula Novello

---

Para o nosso primeiro projeto simples de Unigui vamos fazer algo bem simples de reconhecimento da ferramenta: 

Iniciando o novo projeto em  "File > New > Other > uniGUI for Delphi > Application Wizard" e vamos renomear para "Teste01".

Na nossa criação de projeto temos a tela de Application Wizard com 4 opções "Standalone Server, Windows Service Application, Standalone Server /ISAPI Module, ISAPI Module".

Esse primeiro momento vamos começar com a opção "Standalone Server" em resumo ele é executado diretamente como um aplicativo de desktop. É também o modo usado para depurar o aplicativo. Depois de executar, ele será minimizado e será executado até que seja finalizado manualmente pelo usuário.

Apos escolher a opção "Standalone Server" e colocar um nome em nosso projeto em "Project Name" e escolher a pasta que será salva nosso projeto "Project Folder" vai apresentar a mensagem abaixo: Essa mensagem da a opção de quem vai fazer o gerenciamento das sessões, se marcar Sim o UniGui faz o gerenciamento se marcar Não você vai fazer o gerenciamento.  Então vamos marcar Sim.

Pronto projeto criado com sucesso, e vamos que na parte da peleta de componentes já temos os componentes que vamos utilizar:

Se utilizarmos os componentes VCL ao invés desdes componentes vai apresentar a mensagem abaixo na hora de adicionar em tela, mas mesmo assim ira adicionar o componente mas na hora da compilação ira dar erro ao tentar entrar na tela que contem esse componente. Com isso nada de utilizar componentes VCL nessa aplicações.

Agora que já temos o nosso projeto pronto e sabemos onde estão nossos componentes vamos iniciar com uma mensagem de "Hello world". Colocando um UniBitBtn na tela e renomeamos para ubtHello, e no duplo clique colocamos o código que ira apresentar a nossa mensagem;

procedure TMainForm.ubtHelloClick(Sender: TObject);
begin
  ShowMessage('Hello, world!');
end;

E apos isso damos um F9, e vamos para algum uma pagina na web e digitamos "http://localhost:8077/" com isso ira apresentar nossa tela com o botão que apresentara nossa mensagem.

Bom demos os primeiros passos agora vamos deixar nosso projetinho com mais com cara de aplicação web. Conhecendo melhor nosso projeto vemos que ao cria-lo nos veio junto a criação UniMainModule, MainForm e o UniServerModule:

MainForm : Seria nosso formulário padrão;

UniMainModule: E o DataModule que gerencia a sessão ativa no momento (Aqui é o local que se coloca a conexão com o banco de dados, caso precise armazenar o nome do usuário logado e aqui que se cria a variável para armazenar essas informações);

UniServerModule: E o DataModule que gerencia todas as sessões da aplicação;

Vamos brincar com o UniMainModule agora escolhendo o tema na Properties > Theme:

Escolhido um tema agora vamos para o UniServerModule e vamos trocar o formato de exibição da nossa aplicação com isso ela ter mais "cara" de web, na Properties > MainFormDisplayMade > 

mfPage:

Vamos para mais um pequeno detalhe na hora de criar um DataModule irá apresentar uma mensagem para escolher como deseja gerenciar aquela tela em especifico: 

• Application DataModule: A UniGui gerencia os controles do Module;
• Free DataModule: Você é responsável pelo gerenciamento do Module (Isso como criação e destruição do mesmo);

Espero ter ajudado a dar uma luz na aplicação UniGui.