Um gerador de interface baseado em formulário que cria e gerencia todos os pontos necessários da sua interface.

Com o rucula você

Cria uma tela com poucas linhas de código

  {
      "name":"Exemplo Rucula",
      "pathController":"",
      "type":"crud",
      "crud":"",
      "messageHome":"Olá",
      "grid":false,
      "frames":[
          {
            "name":"Exemplo Frame",
            "objectDto":"exemploFrame",
            "alias":"aliasFrame",
            "fields":[
                {
                  "propertDto":"mensagem",
                  "description":"mensagem"
                }
              ]
          }
      ]
    }
    

Gerencia eventos

    rucula.event.on('click',(e)=> {
    },'#get-cep')
    

    rucula.event.on('r-a-save',(e)=> {
    })
    

Utiliza loaders

        rucula.loader.enable()
        rucula.loader.disable()
    

Trabalha com alerts

       rucula.popup.messsage.info({
          text:"excluindo...", 
          timeout:500, 
          disableadFooter:true,
          disableadHeader:true
      },sucess)
    

Insere ou obtém informações de inputs respeitando as depêndencias controladas

      rucula.object.getValue('alias.propertDto')
      rucula.object.setValue('alias.propertDto', 'valor')
    

Entre outras coisas, como:

• Inputs
• Frames
• Botões
• Temas
• Layout
• Responsividade

Além das possiveis coisas que podemos fazer com o rucula-js, por baixo dos panos existem duas rotinas importantes, conhecidas como tabela de depêndencia e o criador de objetos.

Instalação

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rucula-js/rucula-js/dist/style/style.css"/>

import {Rucula} from 'https://cdn.jsdelivr.net/gh/rucula-jsrucula-js/dist/rucula.js'

NPM

npm i @reginaldo-marinho/rucula-js` ou `npm install @reginaldo-marinho/rucula-js`

Exemplos

0. hello world

   • Código
   • Ao Vivo

1. Via Cep

   • Código
   • Ao Vivo

Contribuidores

Itens Relacionados

⭐ Visite o projeto rucula-js ⭐

Nos ajude a melhorar o rucula-js.

Encontrou um erro? Tem alguma sugestão? Abra um novo problema

Contribuidores

Contribuidores