Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reginaldo-marinho/rucula-js
Rucula
https://github.com/reginaldo-marinho/rucula-js
api axios crud-api frontend mit rucula-js tabulator
Last synced: about 1 month ago
JSON representation
Rucula
- Host: GitHub
- URL: https://github.com/reginaldo-marinho/rucula-js
- Owner: reginaldo-marinho
- License: mit
- Created: 2022-11-14T16:31:42.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-30T02:03:21.000Z (3 months ago)
- Last Synced: 2024-10-30T04:01:05.863Z (3 months ago)
- Topics: api, axios, crud-api, frontend, mit, rucula-js, tabulator
- Language: TypeScript
- Homepage: http://rucula-js.github.io/
- Size: 30.7 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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
```html
```
```js
import {Rucula} from 'https://cdn.jsdelivr.net/gh/rucula-jsrucula-js/dist/rucula.js'
```
### NPM
```js
npm i @reginaldo-marinho/rucula-js` ou `npm install @reginaldo-marinho/rucula-js`
```
## Exemplos
0. hello world
- [Código](https://github.com/rucula-js/rucula-js/blob/main/docs/docs/exemples/hello-world.html)
- [Ao Vivo](https://rucula-js.github.io/exemples/hello-world.html)
0. Via Cep
- [Código](https://github.com/rucula-js/rucula-js/blob/main/docs/docs/exemples/via-cep.html)
- [Ao Vivo](https://rucula-js.github.io/exemples/via-cep.html)
##### Contribuidores
##### Itens Relacionados
⭐ Visite o projeto rucula-js ⭐
##### Contribuidores
|Contribuidores|
|-|
|
|