xaboy / form-builder

PHP表单生成器，快速生成现代化的form表单,支持前后端分离。内置复选框、单选框、输入框、下拉选择框,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传等17种常用组件。

form-builder

PHP表单生成器，快速生成现代化的form表单。包含复选框、单选框、输入框、下拉选择框等元素以及省市区三级联动、时间选择、日期选择、颜色选择、树型、文件/图片上传等功能。

文档

文档

环境需求

• PHP >= 5.4

支持 UI

• IView
• ElementUI

功能介绍

• 内置17种常用的表单组件
• 支持表单验证
• 支持生成任何 Vue 组件
• 支持栅格布局
• 支持注解
• 可以配合 form-create 生成更复杂的表单

内置组件

• hidden
• input
• inputNumber
• checkbox
• radio
• switch
• select
• autoComplete
• cascader
• colorPicker
• datePicker
• timePicker
• rate
• slider
• upload
• tree
• frame

安装

使用 composer:

$ composer require xaboy/form-builder:~2.0

DEMO

下载项目

git clone https://github.com/xaboy/form-builder.git

开启服务

cd form-builder
composer install
php -S 127.0.0.1:8112

查看 Demo

• elementUI : 127.0.0.1:8112/demo/elm.php
• iview : 127.0.0.1:8112/demo/iview.php

演示项目

开源的高品质微信商城

演示地址: http://demo25.crmeb.net 账号：demo 密码：crmeb.com

使用建议

1. 建议将静态资源加载方式从 CDN 加载修改为自己本地资源或自己信任的 CDN
2. 建议根据自己的业务逻辑重写默认的表单生成页 默认表单生成页

组件生成效果

form-builder's Issues

可以新增视频上传组件吗

把文件上传用于视频对预览不是很方便

js版本问题

composer require xaboy/form-builder:~2.0 安装后，提交表单无提示，控制台有报错，包括
(index):16 Uncaught TypeError: k.submitStatus is not a function

通过看文档，http://www.form-create.com/v2/guide/update.html#_0-0-3 ，修改 方法名$f.submitStatus => $f.submitBtnProps，等等

Template/*.php生成的代码里面还有submitStatus这些，应该是版本比较老，麻烦更新一下，目前无法正常使用，谢谢

建议增加group方法

好像现在自定义布局使用Group 只能通过注解
希望能增加group方法或者Row对象(不是设置style的那个类)来实现自定义布局

文档没更新啊

项目中已经有jquery 是否会重复加载

项目不错，就是示例太少，导致学习成本增加

一个不错的项目，但是文档示例太少，学习成本增加，暂时放弃使用，等文档完善了再说吧

地区三级联动

自定义联动 地区三级联动 怎么使用 能不能放点案例

组件的control方法有问题

报错：

源码：

原因分析：作者把n.control.forEach写成了n.forEach

Form::cascader 怎么用？

Form::cascader 怎么用？能给个例子吗？

onSubmit之前怎么弹出确认框？

看了您的createScript代码，直接异步提交了

config.onSubmit = function (formData) {
            $f.submitBtnProps({loading: true, disabled: true});
            ajax(action, method, formData, function (status, res) {
                if (option.callback) return option.callback(status, res, $f);

                $f.submitBtnProps({loading: false, disabled: false});
                if (status && res.code === 200) {
                    vm.$Message.success(res.msg || '表单提交成功');
                } else {
                    vm.$Message.error(res.msg || '表单提交失败');
                }
            });
        };

请问 form-builder 是否支持监听事件

请问 form-builder 是否支持监听事件 能否通过单选框点击事件 显示或隐藏页面

希望能添加layui支持

感谢

在表单组件的control里添加【根据该表单组件不同的值决定是否显示另一个组件的必填属性required】的规则时，出现问题

问题详情补充：无法实现预期效果，不管被添加control的表单组件的值是什么，被施加影响的另一个组件的required属性永远为true，即必填标志的星号*一直显示

版本：2.0

问题页面：

源码：

自定义联动

这个怎么自定义 联动使用..

有个demo文件，每个组件都有一个实例就好了

有个demo文件，每个组件都有一个实例就好了，这样就不用去看源码了。。。

能否提供一个上传文件的demo

能否提供一个上传文件的demo，文档没看明白，Form::uploadFileOne，这几个参数怎么传入

php 表单自动生成器 如何生成 button按钮

tp5.1 选择图标用不了

选择图标用不了

省市联动地区信息没有港澳台地区信息，能增加吗？

省市联动地区信息没有港澳台地区信息，能增加吗？

组件联动

没有办法进行组件判断，比如我一个下拉选项，选择第一项的时候，会出现新的文本框，选择第二项的时候，会出现新的单选按钮，这种我没法做出来，不知道是我的问题还是框架的问题

提议，待讨论

1、是否可以增加新增套件式表单，一组套件中可以包含已定义的表单控件
2、给某一控件新增继续添加按钮，

form::select 选中

From::select 单选下拉框 ，如何选中 能给个例子吗 ？
谢谢！

自定义的表单插入DOM无效

在表单中自定义的表单插入点貌似不起作用，表单还是会插入到页面最后的位置

`

<script> var create = ; var $f = create([["#form"]]); // create(['#form']); // create('#form'); // create(); </script> `

大佬怎么给单个的组件addclass

大佬怎么给单个的组件addclass 比如我想单独定制一个或者几个组件或者指定页面的css样式怎么处理？

能不能增加一个百度地图选择位置坐标的啊？

打开选择百度地图窗口，点一个位置，返回位置的坐标。

富文本，事件绑定解决方法

动态添加 事件监听

建议增加列表数据展示

现在这个只有表单生成的添加,修改 没有列表 能写一个列表相关的展示数据吗

关于select指定值怎么才能显示对应的label呢

举例:

$select = Elm::select('test','test',1)->options([
    ['value'=>0,'label'=>'显示0'],
    ['value'=>1,'label'=>'显示1'],
    ['value'=>2,'label'=>'显示2'],
]);

$form->setRule([$select]);

渲染后下拉框显示的是1,而不是"显示1",应该如何设置才能有我想要的效果呢? 谢谢

文件上传返回的路径，提交表单接收不到

返回的json格式应该是什么

省市区三级联动使用

能否给个省市区三级联动联动的demo，Form::cityArea这个方法是不是有问题 ？不能用，里面的参数是什么？

php表单自动生成器

php表单自动生成器如何生成编辑器呢

对H5的支持怎么样？

对H5的支持怎么样？

能不能加个内嵌表， 像入库单这类的主从表的

能不能加个内嵌表， 像入库单这类的主从表的

入库单

出库单

有需要主从表的

建议增加style方法,用来设置自定义样式

建议增加style方法,用来设置自定义样式
并且 form-create里面是有的，但是这个好像没有

goup组件内有图片上传组件uploadImage时,上传图片且后台以{code: "",msg:"",data: {filePath: ""}}格式返回时，前段无法读取图片的正确路径，一直是blob开头的路径

版本：2.0

代码：

错误显示：

debug：

能力有限，只能debug到这里，不知道对不对

建议添加富文本编辑器

建议添加富文本编辑器，不然可不方便了

建议支持在swoole下运行

三级联动省市选择

[Vue warn]: Invalid prop: type check failed for prop "options". Expected Array, got String with value "js.province_city".

我已经加载了 这个js 但是前段formcreate 直接把这个东西当字符串传给了组件,没做处理??

焊板子

写的是个鸡毛

form::select的联动问题？选中某个选项，相应隐藏或显示某些输入项。

如题，这个应该要怎么做呀？

如何书写Form::cascader的数据格式 怎么样做到自定义多级联动

如何使用事件触发另一个选择框的内容改变？

能否新增富文本编辑器呢

使用过程中发现不足，没有富文本编辑器，目前为止已经很强大了 能满足大部分需求，就是富文本不好整啊

element下 frame或者frameInput不好使

Elm::frameInput('editor','编辑器',Url::build('index/editor'))
表单已经显示了 但是点击没有反应

想添加一行，作为提示。该怎么操作？

比如用户提出问题，问题中还有图片，表单要根据图片回复，需要显示。

如何在表单内创建一段文字

业务场景需要，需要在表单里面某个字段添加一行文字描述，该字段不参与表单提交

数字输入框组件Form::number加上 precision(int $precision) 数值精度以后，输入非常不方便

数字输入框组件Form::number加上 precision(int $precision) 数值精度以后，输入非常不方便，输入一个数字后，光标直接移动到小数点最后一位

自动生成表单如何生成三级联动地址表单

form builder

ajax 成功回调有问题

ivew unpkg地址不存在

https://unpkg.com/[email protected]/dist/Iview.min.js
https://unpkg.com/@form-create/[email protected]/dist/form-create.min.js
等地址好像失效了。

大佬,提个建议..可以考虑一下增加一个百度上传的..可以分片上传大文件

大佬,提个建议..可以考虑一下增加一个百度上传的..可以分片上传大文件