Rucula-js
Um gerador de interface baseado em formulário que cria e gerencia todos os pontos necessários da sua interface.
Com o rucula-js 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
Contribuidores
Itens Relacionados
⭐ Visite o projeto rucula-js ⭐
Contribuidores
| Contribuidores |
|---|
 |