Download the PHP package xaboy/laravel-form-builder without Composer

laravel-form-builder

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

支持laravel 5.x

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！

本项目还在不断开发完善中,如有建议或问题请在这里提出

安装

配置

1. 添加下面一行到 config/app.php 中 providers 部分：

2. 发布配置文件与资源

3. 模板引入依赖资源

   这行的作用是引入编辑器需要的 css,js 等文件，所以你不需要再手动去引入它们。

   如果项目中已包含vue、iview、jquery其中任意,可在vendor/form-builder/assets.blade.php文件中手动移除。

   注意 iview版本为2.14.3,vue版本为2.5

4. 加载表单规则

5. 表单初始化

   表单会自动添加csrf_token,无需手动设置

说明

1. 5.4+ 请不要忘记 php artisan storage:link
2. 如果你使用的是 laravel 5.3 以下版本，请先创建软链接：

示例

代码

AJAX请求返回类

namespace \LaravelFormBuilder\Json

• Json::succ(msg,data = []) 表单提交成功
• Json::fail(errorMsg,data = []) 表单提交失败
• Json::uploadSucc(filePath,msg) 文件/图片上传成功,上传成功后返回文件地址
• Json::uploadFail(errorMsg) 文件/图片上传失败

Form 表单生成类

namespace \LaravelFormBuilder\Form

• components(array $components = []) 批量添加组件
• formRow(Row $row) 设置表单Row规则
• formStyle(FormStyle $formStyle) 设置表单样式
• setAction($action) 设置提交地址
• getConfig($key='') 设置配置文件
• setMethod($method) 设置提交方式
• setMethod($method) 设置提交方式
• append(FormComponentDriver $component) 追加组件
• prepend(FormComponentDriver $component) 开头插入组件
• getRules() 获得表单规则
• view() 获取表单视图
• script() 获取表单生成器所需全部js
• formScript() 获取生成表单的js代码,可用js变量接受生成函数create,执行create(el,callback)即可生成表单
• getScript() 获取表单生成器所需js
• create($action, array $components = []) 生成表单快捷方法
• setTitle($title) 设置title

FormStyle表单样式

• Form::style

Row栅格规则

• Form::row

参考: view row栅格布局

Col栅格规则

• Form::col

参考: view col栅格布局

select,checkbox,radio组件配置options专用方法

• option($value, $label, $disabled = false) 单独设置选项
• options(array $options, $disabled = false) 批量设置选项
• setOptions($options, $disabled = false) 批量设置选项 支持匿名函数

以下组件公共方法

• col($span) 配置col栅格规则,传入0-24的数字或Col类,默认为24
• value($value) 设置组件的值
• validate(array $validate) 添加验证规则

组件

namespace \LaravelFormBuilder\Form

多级联动组件

• Form::cascader 多级联动组件,value为array类型
• Form::city 省市二级联动,value为array类型
• Form::cityArea 省市区三级联动,value为array类型

复选框组件

• Form::checkbox

颜色选择组件

• Form::color

日期选择组件

• Form::date 日期选择
• Form::dateRange 日期区间选择,value为array类型
• Form::dateTime 日期+时间选择
• Form::dateTimeRange 日期+时间 区间选择,value为array类型
• Form::year 年份选择
• Form::month 月份选择

frame组件

• Form::frame frame组件
• Form::frameInputs frame组件,input类型,value为array类型
• Form::frameFiles frame组件,file类型,value为array类型
• Form::frameImages frame组件,image类型,value为array类型
• Form::frameInputOne frame组件,input类型,value为string|number类型
• Form::frameFileOne frame组件,file类型,value为string|number类型
• Form::frameImageOne frame组件,image类型,value为string|number类型

hidden组件

• Form::hidden hidden组件

数字输入框组件

• Form::number

input输入框组件

• Form::input input输入框

  其他type: text类型Form::text,password类型Form::password,textarea类型Form::textarea,url类型Form::url,email类型Form::email,date类型Form::idate

单选框组件

• Form::radio

评分组件

• Form::rate

select选择框组件

• Form::select 选择框
• Form::selectMultiple select选择框,多选,value为array类型
• Form::selectOne select选择框,单选

滑块组件

• Form::slider 滑块组件
• Form::sliderRange 滑块组件,区间选择,

开关组件组件

• Form::switches

时间选择组件

• Form::timePicker 时间选择组件
• Form::time 时间选择
• Form::timeRange 时间区间选择,value为array类型

上传组件

• Form::upload 上传组件
• Form::uploadImages 多图上传组件,value为array类型
• Form::uploadFiles 多文件上传组件,value为array类型
• Form::uploadImageOne 单图上传组件
• Form::uploadFileOne 单文件上传组件

树型组件

• Form::tree 树型组件
• Form::treeSelected 选中类型,value为array类型,当type=selected并且multiple=false,值为String或Number类型
• Form::treeChecked 选择类型,value为array类型

树型组件data数据类 TreeData

• Form::treeData 树型组件data

所有组件生成效果

参考

• ui框架: iview2.x
• js表单生成器生成: form-create
• php通用版生成器生成: form-builder