Projeto Create aplicações cliente Maricarai

Objetivo.

• Desenvolver aplicativos clientes http para as seguintes estruturas de framework:
  • FreePascal - LCL
    • Implementado.
  • JavaScript.
    • Implementado parcialmente.
  • HTML dinâmico.
    • Implementado.
  • VueJs.
    • Não implementado.
  • Angularjs.
    • Não implementado.
  • Reactjs.
    • Não implementado.

DataModules.

• TCreateClientes

  • Objetivo.

    • Contêm os parâmetros necessários para criar as aplicações clientes, bem como a definição da tela e do banco de dados usados para salvar os parâmetros para cada aplicação configurada.

  • Eventos:

    • GetTemplate
      • DmxScroller_Form1AddTemplate.
        • Objetivo.
          • Desenho da tela do formulário usado para cadastrar as aplicações e definição da tabela usada no banco de dados, que no caso deste módulo será Json.
        • Campos.

          • Id.

            • Numero sequencial do registro.

          • Tipo de aplicação.

            • App LCL : sim.
            • App Javascript: não.
            • App Dynamic_html:sim.
            • App VueJS: não.
            • App AngularJS: não.
            • App ReactJS: não.

          • Nome da pasta Root das aplicações clientes.

            • Obs.
              • O padrão é a pasta do executável da aplicação servidora.

          • Nome da Subpasta da aplicação cliente usada para gerar a aplicação.

            • Obs.:

              • Este unit deve estar na aplicação servidora, onde as subpastas são relativas à pasta root usada pelo servidor.

            • Exemplo de árvore gerada:

                .                  
                ├── lcl  
                │   └── templates  
                │        ├── mi.rtl.web.module.dfm
                │        ├── mi.rtl.web.module.pas                        
                │        ├── mi.rtl.web.module.form.dfm                        
                │        └── mi.rtl.web.module.form.pas
                ├── dynamic_html
                │   ├── css  
                │   │   ├── color_tons_amarelo.css  
                │   │   ├── color_tons_dark.css  
                │   │   ├── color_tons_de_azul_ceu.css  
                │   │   ├── color_tons_de_cinza.css  
                │   │   ├── color_tons_de_dark_claro.css  
                │   │   ├── color_tons_de_lilas_claro.css  
                │   │   ├── color_tons_de_verde_claro.css                  
                │   │   ├── MiEditForm.css                                                  
                │   │   └── MiUiDmxScroller.css  
                │   ├── js  
                │   │   ├── MiMessageBox.js  
                │   │   ├── MiThemeDialog.js  
                │   │   ├── MiConsts.js  
                │   │   │   └── MiMethods.js                  
                │   │   │       ├── MiUiDmxScroller.js                 
                │   │   │       │   ├── MiUiDmxScrollerForm.js  
                │   │   │       │   ├── MiUiDmxScrollerForm.MiAbstractDialogs.js                  
                │   │   │       │   └── MiUiDmxScrollerForm.MiDialogs.js                  
                │   │   │       ├── MiDates.js  
                │   │   │       ├── MiMaskEdit.js  
                │   │   │       └── MiEditForm.js 
                │   ├── templates  
                │   │   └──  MiEditForm.html  
                │   └── Tmi_rtl_web_module.form.html  
                
              

            • Nome do arquivo destino do código gerado.

              • O nome do arquivo destino será o mesmo nome do WebModule server com a extenção compatível com a aplicação destino.
                • Exemplo:
                  - Modulo servidor:
                  - Classe Tmi_rtl_web_module é o modulo servidor. - Arquivo cliente a ser gerado para o módulo servidor Tmi_rtl_web_module são:
                  - Tmi_rtl_web_module.pas se app FreePascal - LCL. - Tmi_rtl_web_module.js se app javascript. - Tmi_rtl_web_module.html se app HTML dinâmico.
                  - Tmi_rtl_web_module.vue se App VueJS.
                  - Tmi_rtl_web_module App AngularJS. - Tmi_rtl_web_module.module.ts: Configuração do módulo principal da aplicação. - Tmi_rtl_web_module.component.ts: Componente raiz da aplicação. - Tmi_rtl_web_module.component.html: Template do componente raiz. - Tmi_rtl_web_module.component.js: O tranpilador angula gera o javascript a partir do typescript - Tmi_rtl_web_module.service.ts: Serviço para fazer chamadas HTTP para a API RESTful. - Tmi_rtl_web_module.jsx App ReactJS.
                • Notas:
                  • A versão de lançamento do projeto maricarai vai gerar aplicações clientes somente para LCL e HTML dinâmico.