Koala Form 中后台前端低代码表单开源项目

我要开发同款
匿名用户2023年07月10日
83阅读
开发技术JavaScript
所属分类Vue组件、Web应用开发、Vue 组件
授权协议MIT

作品详情

KoalaForm 是一个表单页面的低代码解决方案,以Vue3 为基础,围绕中后台产品的表单场景进行抽象,帮助开发者进行配置化的开发。

对比于业内的其他产品的学习成本较高,需引多个包,包体积较大的痛点, KoalaForm提供了更强的UI库支持度、维护性和复用性,并且提供了极强的场景封装能力,使用和学习成本更低,降低开发的复杂度。 

特性:

 

LowCode

减少你80%重复的工作量,提升你的生产效率

Easier

快速上手,提供常见的基础的场景,只要简单的配置即可完成CURD的表单页面

Flexible

提供插件扩展功能,如扩展UI库支持。

Installnpmi@koala-form/corenpmi@koala-form/fes-pluginUsage注册全局插件

import'@koala-form/fes-plugin';import{installPluginPreset}from'@koala-form/core';//将依赖的插件安装到全局installPluginPreset();写一个简单的表单

<template><KoalaRender:render="render"></KoalaRender></template><script>import{KoalaRender,useForm,ComponentType}from'@koala-form/core';exportdefault{components:{KoalaRender},setup(){const{render}=useForm({fields:[{name:'name',//modelRef.value.name可以访问到值label:'姓名',//表单项的名称defaultValue:'蒙奇·D·路飞',//默认值components:{name:ComponentType.Input,//表单组件是输入框},},],});return{render};},};</script>
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论