vlko-form-making v1.0.1

vue-form-making

简体中文 | English

Intro

The FormMaking developed base on vue and element-ui, equipts with the latest front-end technology stack, built-in i18n internationalization solution, all of those are aimed at making developmemt simpler, and more efficiently.

• Preview

• Document

• Advanced Privade more components and APIs

Feature

• Visual configuration page
• Provide grid layout and align with flex
• One-click preview of configuration effects
• One-click generation of configuration json data
• One-click generate code, ready to run
• Provide custom components to meet user's custom requirements
• Provides a remote data interface for users to asynchronously fetch data
• Provides powerful advanced components
• Support for form validation
• Get form data quickly
• Internationalization support

Module

• MakingForm (Quickly design the form page based on the visual operation and obtain the form configuration json data).

• GenerateForm (The generator will render a form page quickly base on the configuration json data captured in the designer).

Issue

• If you find a new bug or have a new feature request, please create a new issue.

Donation

If you do like ours open source, would you mind to buy us a cup of coffee :) lol ☺

PayPal Me

Browsers support

Modern browsers and Internet Explorer 10+.

Licenses

LGPL

You can use the vue-form-making source code in an open source project under the LGPL license and retain the copyright information.

If you want to use vue-form-making source code in non-open source sites, projects and applications, you need to purchase Commercial License.

npm 安装 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

npm install VlkoFormMaking -S #快速使用 #引入 Element 项目中使用的是 element-ui 的组件库，在使用的时候需要引入 Element 包，具体引入方法请参考 Element 文档 快速上手

#引入 FormMaking #完整引入 import FormMaking from 'form-making' import 'form-making/dist/FormMaking.css'

Vue.use(FormMaking) 以上代码便完成了 FormMaking 的引入。需要注意的是，样式文件需要单独引入。

#引入部分组件 import { GenerateForm, MakingForm } from 'form-making' import 'form-making/dist/FormMaking.css'

Vue.component(GenerateForm.name, GenerateForm) Vue.component(MakingForm.name, MakingForm) /* 或写为

• Vue.use(GenerateForm)
• Vue.use(MakingForm) */ #引入 ace.js 默认情况下没有引入ace.js，如果需要使用ace.js，需要自己引入