form-builderPHP 表单生成器

联合创作 · 2023-10-01 09:22

form-builder



FormBuilder 是一个开源的php表单生成插件,可以快速生成现代化的form表单。还可以配合开源项目 xaboy/form-create 生成任何 Vue 组件


FormBuilder 的安装非常简单,因为它是一个标准的 Composer 包,这意味着任何满足下列安装条件的 PHP 项目支持 Composer 都可以使用它。


环境需求





  • 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 require xaboy/form-builder


示例



各组件配置属性 点击查看


组件


namespace \FormBuilder\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 月份选择


  • 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类型


  • Form::hidden hidden组件


  • Form::number 数字输入框


  • 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 评分组件


  • Form::select 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 单文件上传组件


浏览 18
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报