106 lines
2.9 KiB
Markdown
106 lines
2.9 KiB
Markdown
<p align="center">
|
||
<a href="https://github.com/xaboy/form-builder">
|
||
<img width="200" src="https://camo.githubusercontent.com/39b61b302b187171ad49bc0a9305f9e79787e71a/687474703a2f2f66696c652e6c6f746b6b2e636f6d2f666f726d2d6275696c6465722e706e67">
|
||
</a>
|
||
</p>
|
||
<h1 align="center">form-builder</h1>
|
||
<p align="center">
|
||
<img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="MIT" />
|
||
<a href="https://github.com/xaboy">
|
||
<img src="https://img.shields.io/badge/Author-xaboy-blue.svg" alt="xaboy" />
|
||
</a>
|
||
<a href="https://packagist.org/packages/xaboy/form-builder">
|
||
<img src="https://img.shields.io/packagist/v/xaboy/form-builder.svg" alt="version" />
|
||
</a>
|
||
<a href="https://packagist.org/packages/xaboy/form-builder">
|
||
<img src="https://img.shields.io/packagist/php-v/xaboy/form-builder.svg" alt="php version" />
|
||
</a>
|
||
</p>
|
||
|
||
<p align="center">
|
||
PHP表单生成器,快速生成现代化的form表单。包含复选框、单选框、输入框、下拉选择框等元素以及省市区三级联动、时间选择、日期选择、颜色选择、树型、文件/图片上传等功能。
|
||
</p>
|
||
|
||
![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)
|
||
![demo2](https://github.com/xaboy/form-create/raw/dev/images/demo-group.gif?raw=true)
|
||
|
||
## 文档
|
||
|
||
[文档](http://php.form-create.com)
|
||
|
||
## 环境需求
|
||
|
||
> - PHP >= 5.4
|
||
|
||
## 支持 UI
|
||
|
||
> - IView
|
||
> - ElementUI
|
||
|
||
## 功能介绍
|
||
|
||
> - 内置17种常用的表单组件
|
||
> - 支持表单验证
|
||
> - 支持生成任何 Vue 组件
|
||
> - 支持栅格布局
|
||
> - 支持注解
|
||
> - 可以配合 [form-create](https://github.com/xaboy/form-create) 生成更复杂的表单
|
||
|
||
## 内置组件
|
||
|
||
> - hidden
|
||
> - input
|
||
> - inputNumber
|
||
> - checkbox
|
||
> - radio
|
||
> - switch
|
||
> - select
|
||
> - autoComplete
|
||
> - cascader
|
||
> - colorPicker
|
||
> - datePicker
|
||
> - timePicker
|
||
> - rate
|
||
> - slider
|
||
> - upload
|
||
> - tree
|
||
> - frame
|
||
|
||
## 安装
|
||
|
||
使用 [composer](http://getcomposer.org/):
|
||
|
||
```shell
|
||
$ composer require xaboy/form-builder:~2.0
|
||
```
|
||
|
||
## DEMO
|
||
下载项目
|
||
|
||
```shell
|
||
git clone https://github.com/xaboy/form-builder.git
|
||
```
|
||
开启服务
|
||
|
||
```shell
|
||
cd form-builder
|
||
php -S 127.0.0.1:8112
|
||
```
|
||
查看 Demo
|
||
|
||
- elementUI : [127.0.0.1:8112/demo/elm.php](127.0.0.1:8112/demo/elm.php)
|
||
- iview : [127.0.0.1:8112/demo/iview.php](127.0.0.1:8112/demo/iview.php)
|
||
|
||
## 演示项目
|
||
[开源的高品质微信商城](http://github.crmeb.net/u/xaboy)
|
||
|
||
演示地址: [http://demo25.crmeb.net](http://demo25.crmeb.net) 账号:demo 密码:crmeb.com
|
||
|
||
## 使用建议
|
||
1. 建议将静态资源加载方式从 CDN 加载修改为自己本地资源或自己信任的 CDN
|
||
2. 建议根据自己的业务逻辑重写默认的表单生成页 默认表单生成页
|
||
|
||
|
||
## 组件生成效果
|
||
![https://raw.githubusercontent.com/xaboy/form-builder/2.0/images/components.png](https://raw.githubusercontent.com/xaboy/form-builder/master/images/components.png)
|