soneway / form-engine

form-engine实现表单配置化, 配置可视化

Home Page:https://soneway.github.io/form-engine/docs-dist/guide/start.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

介绍

form-engine基于vue+gdui2, 可解决各种各样的表单需求, 编程中使用form-editor来实现表单需求, 代码量可减少60%左右

image

form-editor

实现用schema(表单描述数据)来配置表单

form-schemer

实现schema配置的可视

进入开发

第1步: 安装依赖

npm i @soneway/form-engine

第2步: 引入gdui2

由于form-engine基于gdui2, 需要引入gdui2, 详情参考: gdui2文档

第3步: js中注册组件

import Vue from 'vue';
import formEngine from '@soneway/form-engine';
Vue.use(formEngine);

第4步: less中引用样式

@import "~@soneway/form-engine/dist/css/index.css";

第5步: html中使用组件

<form-editor></form-editor>

详情请参考: form-engine文档

About

form-engine实现表单配置化, 配置可视化

https://soneway.github.io/form-engine/docs-dist/guide/start.html


Languages

Language:HTML 50.6%Language:Vue 29.0%Language:JavaScript 11.7%Language:CSS 8.7%