CRMEB v4
官网
论坛
开发文档
开源地址
管理端接口文档
用户端接口文档
系统演示
序言
系统简介
项目介绍
功能清单
v4标准版
v4开源版
开源版vs标准版
前端脑图
v4标准版
v4开源版
移动端设计图
系统安装
运行环境
服务器及域名准备
服务器购买
服务器配置端口
域名购买
域名解析
SSL证书申请
证书申请注意事项
宝塔申请SSL
阿里云申请SSL
腾讯云申请SSL
https域名配置
新手推荐-宝塔环境安装
【视频安装教程】
1.服务器配置
阿里云平台
腾讯云平台
2.登录宝塔
3.环境配置
安装软件
数据库配置
PHP配置
4.站点配置
5.程序一键安装
6.宝塔启动命令
消息队列
长连接
定时任务
window+phpstudy8安装
安装前配置
安装系统
windows下的站点配置
window启动命令
消息队列
长连接
定时任务
Linux环境安装
Linux启动命令
消息队列
Linux命令行开启长连接
开启定时任务
Docker安装
URLOS一键安装
手动安装
配置检查
系统配置
应用配置
公众号配置
公众号配置
公众号开发配置
公众号菜单
设置公众号菜单
关键字
跳转网页
跳转小程序
小程序配置
1.微信平台配置
2.CRMEB后台配置
3.前端提交审核
小程序提交审核(4.3.1及以后版本)
4.确认发布
PC端
PC安装
PC设置
PC端微信扫码登录配置
支付配置
微信支付
支付宝支付
客服配置
客服配置(v4.3以前版本)
客服配置(4.3.1及以后版本)
反向代理
Nginx反向代理
Apache反向代理
小程序客服
一号通
一号通账号
短信
商品采集
物流配置
电子面单
云存储配置
存储说明
阿里云OSS
腾讯云COS
七牛云存储
同步存储空间(v4.4+)
消息管理
通知会员
微信模板消息
微信小程序提醒
通知平台
系统通知
企业微信通知
其他配置
公众号模板消息
小程序订阅消息
小程序直播配置
小票打印配置
付费采集
用户账号多端同步
图标logo更换(4.3.1以上版本)
操作说明
商品管理
发布商品
商品规格
商品评价
前台页面
设置商品口令
虚拟商品
库存说明
商品添加-自定义表单(v4.4+)
商品分类
分类说明
分类管理
订单管理
后台订单处理
前端订单处理
订单退款
订单打印
客服订单提醒
二维码收银订单
订单配送
订单拆单发货(4.3+)
订单拆单退款(4.3+)
用户管理
账户管理
账号信息
账户资金
会员
用户等级
付费会员
分销规则
分销规则说明
分销配置
分销提现
提现
佣金提现
提现规则
发起提现
后台审核
分销员管理
分销等级
事业部(v4.4+)
事业部
代理商
返佣说明
客服管理
客服说明
客服添加
客服工作台
营销管理
优惠券
优惠券模板
发布优惠券
领取及使用
砍价
砍价规则
新建砍价活动
拼团
拼团规则
新建拼团活动
秒杀
秒杀规则
新建秒杀活动
积分
积分商城(4.3+)
积分商城介绍
创建积分商品
积分设置
积分来源
积分使用
小程序直播
开启直播
直播使用说明
直播间管理
九宫格抽奖(4.3+)
抽奖规则
创建抽奖活动
预售(4.3+)
预售说明
添加预售商品
公众号渠道码(v4.4+)
新闻资讯
新闻简介
发布资讯
邮费说明
邮费组成
商城运费设置
运费模板
门店自提
开启门店自提
门店及店员管理
订单核销说明
前端说明
首页
分类页
个人中心
页面管理(v4.3+)
页面设计
数据配置
主题风格
PC商城
支付说明
好友代付(v4.4+)
常见问题
安装配置问题
客服消息发送失败
mysql修改sql_mode
后台验证码不显示
windows下点击workerman.bat文件闪退
多项目部署Socket链接失败
自动收货功能不生效
支付成功订单状态没改
安装首页数据库链接失败
消息队列添加失败问题
宝塔目录权限问题解决办法
宝塔切换命令行PHP版本
宝塔新建站点后打开就下载一个文件
PHP:cURL error 60: SSL certificate unable to get local issuer certificate
支付宝支付回调失败问题处理&&支付宝支付订单状态不改变
更换域名后图片不显示问题
端口被占用了怎么解决
前端打包node版本要用多少
公众号配置服务器提示token配置失败
后台问题
后台空白
后台忘记密码
后台子管理账号上传图片或视频提示接口未授权问题
一号通登录提示用户或密码错误
一号通打开页面报错
小程序问题
配置了小程序订阅消息不生效
小程序发布之后无法生成海报问题
小程序发行提示插件未授权
小程序端轮播图不显示,h5端显示
顺丰快递查询不到物流信息
查找占用的端口,并杀死进程
npm镜像问题
前端模版源码目录
更多常见问题
技术文档
后端PHP文档
接口文档
开发规范
目录结构
数据字典
标准版目录结构
移动端路由
事件
系统配置
系统常用函数
后台表单说明
驱动
消息队列
URL重写
长连接
定时任务
修改端口
移动端uniapp文档
小程序打包
公众号、H5打包
APP打包
1.基础配置
2.开发调试
3.打包上线
App打包
页面跳转链接
目录结构
移动端前端本地运行
页面路径
后台iview文档
后台打包教程
后台前端目录结构
后台前端页面路径
前端开发配置
前端配置说明
前端添加页面
前端引用组件
PC端nuxt文档
PC端打包教程
PC端SEO打包教程
商业授权
授权说明
申请授权
后台表单说明
## form-buider 说明 ## [](https://github.com/xaboy/form-builder#参考)参考 * **ui框架:**[iview2.x](http://v2.iviewui.com/docs/guide/install) * **js表单生成器生成:**[form-create](https://github.com/xaboy/form-create) * github : [https://github.com/xaboy/form-builder](https://github.com/xaboy/form-builder) * 参考文档: [http://www.form-create.com](http://www.form-create.com) ***** 添加产品表单 ~~~ $field = [ Form::select('cate_id','产品分类')->setOptions(function(){ $list = CategoryModel::getTierList(); foreach ($list as $menu){ $menus[] = ['value'=>$menu['id'],'label'=>$menu['html'].$menu['cate_name'],'disabled'=>$menu['pid']== 0];//,'disabled'=>$menu['pid']== 0]; } return $menus; })->filterable(1)->multiple(1), Form::input('store_name','产品名称')->col(Form::col(8)), Form::input('store_info','产品简介')->type('textarea'), Form::input('keyword','产品关键字')->placeholder('多个用英文状态下的逗号隔开'), Form::input('unit_name','产品单位','件'), Form::frameImageOne('image','产品主图片(305*305px)',Url::build('admin/widget.images/index',array('fodder'=>'image')))->icon('image')->width('100%')->height('550px'), Form::frameImages('slider_image','产品轮播图(640*640px)',Url::build('admin/widget.images/index',array('fodder'=>'slider_image')))->maxLength(5)->icon('images')->width('100%')->height('550px')->spin(0), Form::number('price','产品售价')->min(0)->col(8), Form::number('ot_price','产品市场价')->min(0)->col(8), Form::number('give_integral','赠送积分')->min(0)->precision(0)->col(8), Form::number('postage','邮费')->min(0)->col(Form::col(8)), Form::number('sales','销量')->min(0)->precision(0)->col(8), Form::number('ficti','虚拟销量')->min(0)->precision(0)->col(8), Form::number('stock','库存')->min(0)->precision(0)->col(8), Form::number('cost','产品成本价')->min(0)->col(8), Form::number('sort','排序')->col(8), Form::radio('is_show','产品状态',0)->options([['label'=>'上架','value'=>1],['label'=>'下架','value'=>0]])->col(8), Form::radio('is_hot','热卖单品',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_benefit','促销单品',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_best','精品推荐',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_new','首发新品',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_postage','是否包邮',0)->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8) ]; return $this->makePostForm('添加商品', $field, Url::buildUrl('save' ), 'POST'); ~~~ 编辑产品表单 ~~~ $product = ProductModel::get($id); $form = Form::create(Url::build('update',array('id'=>$id)),[ Form::select('cate_id','产品分类',explode(',',$product->getData('cate_id')))->setOptions(function(){ $list = CategoryModel::getTierList(); foreach ($list as $menu){ $menus[] = ['value'=>$menu['id'],'label'=>$menu['html'].$menu['cate_name'],'disabled'=>$menu['pid']== 0];//,'disabled'=>$menu['pid']== 0]; } return $menus; })->filterable(1)->multiple(1), Form::input('store_name','产品名称',$product->getData('store_name')), Form::input('store_info','产品简介',$product->getData('store_info'))->type('textarea'), Form::input('keyword','产品关键字',$product->getData('keyword'))->placeholder('多个用英文状态下的逗号隔开'), Form::input('unit_name','产品单位',$product->getData('unit_name')), Form::frameImageOne('image','产品主图片(305*305px)',Url::build('admin/widget.images/index',array('fodder'=>'image')),$product->getData('image'))->icon('image')->width('100%')->height('550px'), Form::frameImages('slider_image','产品轮播图(640*640px)',Url::build('admin/widget.images/index',array('fodder'=>'slider_image')),json_decode($product->getData('slider_image'),1))->maxLength(5)->icon('images'), Form::number('price','产品售价',$product->getData('price'))->min(0)->precision(2)->col(8), Form::number('ot_price','产品市场价',$product->getData('ot_price'))->min(0)->col(8), Form::number('give_integral','赠送积分',$product->getData('give_integral'))->min(0)->precision(0)->col(8), Form::number('postage','邮费',$product->getData('postage'))->min(0)->col(8), Form::number('sales','销量',$product->getData('sales'))->min(0)->precision(0)->col(8), Form::number('ficti','虚拟销量',$product->getData('ficti'))->min(0)->precision(0)->col(8), Form::number('stock','库存',ProductModel::getStock($id)>0?ProductModel::getStock($id):$product->getData('stock'))->min(0)->precision(0)->col(8), Form::number('cost','产品成本价',$product->getData('cost'))->min(0)->col(8), Form::number('sort','排序',$product->getData('sort'))->col(8), Form::radio('is_show','产品状态',$product->getData('is_show'))->options([['label'=>'上架','value'=>1],['label'=>'下架','value'=>0]])->col(8), Form::radio('is_hot','热卖单品',$product->getData('is_hot'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_benefit','促销单品',$product->getData('is_benefit'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_best','精品推荐',$product->getData('is_best'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_new','首发新品',$product->getData('is_new'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8), Form::radio('is_postage','是否包邮',$product->getData('is_postage'))->options([['label'=>'是','value'=>1],['label'=>'否','value'=>0]])->col(8) ]); return $this->makePostForm('编辑商品', $field, Url::buildUrl('edit' ), 'PUT'); ~~~ ## AJAX请求返回 `namespace \FormBuilder\Json` * **Json::succ(msg,data = \[\])**表单提交成功 * **Json::fail(errorMsg,data = \[\])**表单提交失败 * **Json::uploadSucc(filePath,msg)**文件/图片上传成功,上传成功后返回文件地址 * **Json::uploadFail(errorMsg)**文件/图片上传失败 ## [](https://github.com/xaboy/form-builder#form-表单生成类)Form 表单生成类 `namespace \FormBuilder\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 ## [](https://github.com/xaboy/form-builder#formstyle表单样式)FormStyle表单样式 * **Form::style** ~~~html * @method $this inline(Boolean $bool) 是否开启行内表单模式 * @method $this labelPosition(String $labelPosition) 表单域标签的位置,可选值为 left、right、top * @method $this labelWidth(Number $labelWidth) 表单域标签的宽度,所有的 FormItem 都会继承 Form 组件的 label-width 的值 * @method $this showMessage(Boolean $bool) 是否显示校验错误信息 * @method $this autocomplete($bool = false) 原生的 autocomplete 属性,可选值为 true = off 或 false = on ~~~ ## [](https://github.com/xaboy/form-builder#row栅格规则)Row栅格规则 * **Form::row** ~~~html * @method $this gutter(Number $gutter) 栅格间距,单位 px,左右平分 * @method $this type(String $type) 栅格的顺序,在flex布局模式下有效 * @method $this align(String $align) flex 布局下的垂直对齐方式,可选值为top、middle、bottom * @method $this justify(String $justify) flex 布局下的水平排列方式,可选值为start、end、center、space-around、space-between * @method $this className(String $className) 自定义的class名称 ~~~ 参考:[view row栅格布局](http://v2.iviewui.com/components/grid#API) ## [](https://github.com/xaboy/form-builder#col栅格规则)Col栅格规则 * **Form::col** ~~~html * @method $this span(Number $span) 栅格的占位格数,可选值为0~24的整数,为 0 时,相当于display:none * @method $this order(Number $order) 栅格的顺序,在flex布局模式下有效 * @method $this offset(Number $offset) 栅格左侧的间隔格数,间隔内不可以有栅格 * @method $this push(Number $push) 栅格向右移动格数 * @method $this pull(Number $pull) 栅格向左移动格数 * @method $this labelWidth(Number $labelWidth) 表单域标签的的宽度,默认150px * @method $this className(String $className) 自定义的class名称 * @method $this xs(Number|Col $span) <768px 响应式栅格,可为栅格数或一个包含其他属性的对象 * @method $this sm(Number|Col $span) ≥768px 响应式栅格,可为栅格数或一个包含其他属性的对象 * @method $this md(Number|Col $span) ≥992px 响应式栅格,可为栅格数或一个包含其他属性的对象 * @method $this lg(Number|Col $span) ≥1200px 响应式栅格,可为栅格数或一个包含其他属性的对象 ~~~ 参考:[view col栅格布局](http://v2.iviewui.com/components/grid#API) ## [](https://github.com/xaboy/form-builder#selectcheckboxradio组件配置options专用方法)select,checkbox,radio组件配置options专用方法 * **option($value, $label, $disabled = false)**单独设置选项 * **options(array $options, $disabled = false)**批量设置选项 * **setOptions($options, $disabled = false)**批量设置选项 支持匿名函数 ## [](https://github.com/xaboy/form-builder#以下组件公共方法)以下组件公共方法 * **col($span)**配置col栅格规则,传入0-24的数字或`Col`类,默认为24 * **value($value)**设置组件的值 * **validateAs(array $validate)**添加验证规则 * **validate()**设置验证规则[规则说明](https://github.com/xaboy/form-builder/blob/master/src/components/Validate.php) ## [](https://github.com/xaboy/form-builder#组件)组件 `namespace \FormBuilder\Form` #### [](https://github.com/xaboy/form-builder#多级联动组件)多级联动组件 * **Form::cascader**多级联动组件,value为array类型 * **Form::city**省市二级联动,value为array类型 * **Form::cityArea**省市区三级联动,value为array类型 ~~~html 方法 返回值 方法名(参数) 注释 * @method $this type(String $type) 数据类型, 支持 city_area(省市区三级联动), city (省市二级联动), other (自定义) * @method $this disabled(Boolean $bool) 是否禁用选择器 * @method $this clearable(Boolean $bool) 是否支持清除 * @method $this placeholder(String $placeholder) 占位文本 * @method $this trigger(String $trigger) 次级菜单展开方式,可选值为 click 或 hover * @method $this changeOnSelect(Boolean $bool) 当此项为 true 时,点选每级菜单选项值都会发生变化, 默认为 false * @method $this size(String $size) 输入框大小,可选值为large和small或者不填 * @method $this filterable(Boolean $bool) 是否支持搜索 * @method $this notFoundText(String $text) 当搜索列表为空时显示的内容 * @method $this transfer(Boolean $bool) /是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果 * @method $this required($message = null, $trigger = 'change') 设为必选 * @method $this data(array $data) 设置多级联动可选项的数据 * 例如: { * "value":"北京市", "label":"北京市", "children":[{ * "value":"东城区", "label":"东城区" * }] * } * @method $this jsData($var) 设置data为js变量 * @method string getType($var) 获取组件类型 ~~~ #### [](https://github.com/xaboy/form-builder#复选框组件)复选框组件 * **Form::checkbox** ~~~html * @method $this size(String $size) 多选框组的尺寸,可选值为 large、small、default 或者不设置 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#颜色选择组件)颜色选择组件 * **Form::color** ~~~html * @method $this disabled(Boolean $bool) 是否禁用 * @method $this alpha(Boolean $bool) 是否支持透明度选择, 默认为false * @method $this hue(Boolean $bool) 是否支持色彩选择, 默认为true * @method $this recommend(Boolean $bool) 是否显示推荐的颜色预设, 默认为false * @method $this size(String $size) 尺寸,可选值为large、small、default或者不设置 * @method $this format(String $format) 颜色的格式,可选值为 hsl、hsv、hex、rgb String 开启 alpha 时为 rgb,其它为 hex * @method $this required($message = null, $trigger = 'change') 设为必选 * @method $this colors($colors) 自定义颜色预设 ~~~ #### [](https://github.com/xaboy/form-builder#日期选择组件)日期选择组件 * **Form::date**日期选择 * **Form::dateRange**日期区间选择,value为array类型 * **Form::dateTime**日期+时间选择 * **Form::dateTimeRange**日期+时间 区间选择,value为array类型 * **Form::year**年份选择 * **Form::month**月份选择 ~~~html * @method $this type(String $type) 显示类型,可选值为 date、daterange、datetime、datetimerange、year、month * @method $this format(String $format) 展示的日期格式, 默认为yyyy-MM-dd HH:mm:ss * @method $this placement(String $placement) 日期选择器出现的位置,可选值为top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end, 默认为bottom-start * @method $this placeholder(String $placeholder) 占位文本 * @method $this confirm(Boolean $bool) 是否显示底部控制栏,开启后,选择完日期,选择器不会主动关闭,需用户确认后才可关闭, 默认为false * @method $this size(String $size) 尺寸,可选值为large、small、default或者不设置 * @method $this disabled(Boolean $bool) 是否禁用选择器 * @method $this clearable(Boolean $bool) 是否显示清除按钮 * @method $this readonly(Boolean $bool) 完全只读,开启后不会弹出选择器,只在没有设置 open 属性下生效 * @method $this editable(Boolean $bool) 文本框是否可以输入, 默认为false * @method $this transfer(Boolean $bool) 是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果, 默认为false * @method $this splitPanels(Boolean $bool) 开启后,左右面板不联动,仅在 daterange 和 datetimerange 下可用。 * @method $this showWeekNumbers(Boolean $bool) 开启后,可以显示星期数。 ~~~ #### [](https://github.com/xaboy/form-builder#frame组件)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类型 ~~~html * @method $this type(String $type) frame类型, 有input, file, image, 默认为input * @method $this src(String $src) iframe地址 * @method $this maxLength(int $length) value的最大数量, 默认无限制 * @method $this icon(String $icon) 打开弹出框的按钮图标 * @method $this height(String $height) 弹出框高度 * @method $this width(String $width) 弹出框宽度 * @method $this spin(Boolean $bool) 是否显示加载动画, 默认为 true * @method $this frameTitle(String $title) 弹出框标题 * @method $this handleIcon(Boolean $bool) 操作按钮的图标, 设置为false将不显示, 设置为true为默认的预览图标, 类型为file时默认为false, image类型默认为true * @method $this allowRemove(Boolean $bool) 是否可删除, 设置为false是不显示删除按钮 ~~~ #### [](https://github.com/xaboy/form-builder#hidden组件)hidden组件 * **Form::hidden**hidden组件 #### [](https://github.com/xaboy/form-builder#数字输入框组件)数字输入框组件 * **Form::number** ~~~html * @method $this max(float $max) 最大值 * @method $this min(float $min) 最小值 * @method $this step(float $step) 每次改变的步伐,可以是小数 * @method $this size(String $size) 输入框尺寸,可选值为large、small、default或者不填 * @method $this disabled(Boolean $bool) 设置禁用状态,默认为false * @method $this placeholder(String $placeholder) 占位文本 * @method $this readonly(Boolean $bool) 是否设置为只读,默认为false * @method $this editable(Boolean $bool) 是否可编辑,默认为true * @method $this precision(int $precision) 数值精度 ~~~ #### [](https://github.com/xaboy/form-builder#input输入框组件)input输入框组件 * **Form::input**input输入框 > 其他type: text类型`Form::text`,password类型`Form::password`,textarea类型`Form::textarea`,url类型`Form::url`,email类型`Form::email`,date类型`Form::idate` ~~~html * @method $this type(String $type) 输入框类型,可选值为 text、password、textarea、url、email、date; * @method $this size(String $size) 输入框尺寸,可选值为large、small、default或者不设置; * @method $this placeholder(String $placeholder) 占位文本 * @method $this clearable(Boolean $bool) 是否显示清空按钮, 默认为false * @method $this disabled(Boolean $bool) 设置输入框为禁用状态, 默认为false * @method $this readonly(Boolean $bool) 设置输入框为只读, 默认为false * @method $this maxlength(int $length) 最大输入长度 * @method $this icon(String $icon) 输入框尾部图标,仅在 text 类型下有效 * @method $this rows(int $rows) 文本域默认行数,仅在 textarea 类型下有效, 默认为2 * @method $this number(Boolean $bool) 将用户的输入转换为 Number 类型, 默认为false * @method $this autofocus(Boolean $bool) 自动获取焦点, 默认为false * @method $this autocomplete(Boolean $bool) 原生的自动完成功能, 默认为false * @method $this spellcheck(Boolean $bool) 原生的 spellcheck 属性, 默认为false * @method $this wrap(String $warp) 原生的 wrap 属性,可选值为 hard 和 soft, 默认为soft * @method $this autoSize($minRows, $maxRows) 自适应内容高度,仅在 textarea 类型下有效 ~~~ #### [](https://github.com/xaboy/form-builder#单选框组件)单选框组件 * **Form::radio** ~~~html * @method $this size(String $size) 单选框的尺寸,可选值为 large、small、default 或者不设置 * @method $this vertical(Boolean $bool) 是否垂直排列,按钮样式下无效 * @method $this button() 使用按钮样式 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#评分组件)评分组件 * **Form::rate** ~~~html * @method $this count(int $star) star 总数, 默认为 5 * @method $this allowHalf(Boolean $bool) 是否允许半选, 默认为 false * @method $this disabled(Boolean $bool) 是否只读,无法进行交互, 默认为 * @method $this showText(Boolean $bool) 是否显示提示文字, 默认为 false * @method $this clearable(Boolean $bool) 是否可以取消选择, 默认为 false ~~~ #### [](https://github.com/xaboy/form-builder#select选择框组件)select选择框组件 * **Form::select**选择框 * **Form::selectMultiple**select选择框,多选,value为array类型 * **Form::selectOne**select选择框,单选 ~~~html * @method $this multiple(Boolean $bool) 是否支持多选, 默认为false * @method $this disabled(Boolean $bool) 是否禁用, 默认为false * @method $this clearable(Boolean $bool) 是否可以清空选项,只在单选时有效, 默认为false * @method $this filterable(Boolean $bool) 是否支持搜索, 默认为false * @method $this size(String $size) 选择框大小,可选值为large、small、default或者不填 * @method $this placeholder(String $placeholder) 占位文本 * @method $this transfer(String $transfer) 是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果, 默认为false * @method $this placement(String $placement) 弹窗的展开方向,可选值为 bottom 和 top, 默认为bottom * @method $this notFoundText(String $text) 当下拉列表为空时显示的内容, 默认为 无匹配数据 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#滑块组件)滑块组件 * **Form::slider**滑块组件 * **Form::sliderRange**滑块组件,区间选择, ~~~html * @method $this min(float $min) 最小值, 默认 0 * @method $this max(float $max) 最大值, 默认 100 * @method $this step(float $step) 步长,取值建议能被(max - min)整除, 默认 1 * @method $this disabled(Boolean $bool) 是否禁用滑块, 默认 false * @method $this range(Boolean $bool) 是否开启双滑块模式, 默认 * @method $this showInput(Boolean $bool) 是否显示数字输入框,仅在单滑块模式下有效, 默认 false * @method $this showStops(Boolean $bool) 是否显示间断点,建议在 step 不密集时使用, 默认 false * @method $this showTip(String $tip) 提示的显示控制,可选值为 hover(悬停,默认)、always(总是可见)、never(不可见) * @method $this inputSize(String $size) 数字输入框的尺寸,可选值为large、small、default或者不填,仅在开启 show-input 时有效 ~~~ #### [](https://github.com/xaboy/form-builder#开关组件组件)开关组件组件 * **Form::switches** ~~~html * @method $this size(String $size) 开关的尺寸,可选值为large、small、default或者不写。建议开关如果使用了2个汉字的文字,使用 large。 * @method $this disabled(Boolean $bool) 禁用开关, 默认为false * @method $this trueValue(String $value) 选中时的值,默认为1 * @method $this falseValue(String $value) 没有选中时的值,默认为0 * @method $this openStr(String $open) 自定义显示打开时的内容 * @method $this closeStr(String $close) 自定义显示关闭时的内容 ~~~ #### [](https://github.com/xaboy/form-builder#时间选择组件)时间选择组件 * **Form::timePicker**时间选择组件 * **Form::time**时间选择 * **Form::timeRange**时间区间选择,value为array类型 ~~~html * @method $this type(String $type) 显示类型,可选值为 time、timerange * @method $this format(String $format) 展示的时间格式, 默认为HH:mm:ss * @method $this placement(String $placement) 时间选择器出现的位置,可选值为top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end, 默认为bottom-start * @method $this placeholder(String $placeholder) 占位文本 * @method $this confirm(Boolean $bool) 是否显示底部控制栏, 默认为false * @method $this size(String $size) 尺寸,可选值为large、small、default或者不设置 * @method $this disabled(Boolean $bool) 是否禁用选择器 * @method $this clearable(Boolean $bool) 是否显示清除按钮 * @method $this readonly(Boolean $bool) 完全只读,开启后不会弹出选择器,只在没有设置 open 属性下生效 * @method $this editable(Boolean $bool) 文本框是否可以输入, 默认为false * @method $this transfer(Boolean $bool) 是否将弹层放置于 body 内,在 Tabs、带有 fixed 的 Table 列内使用时,建议添加此属性,它将不受父级样式影响,从而达到更好的效果, 默认为false * @method $this steps($h, $i = 0, $s = 0) 下拉列表的时间间隔,数组的三项分别对应小时、分钟、秒, 例如设置为 [1, 15] 时,分钟会显示:00、15、30、45。 ~~~ #### [](https://github.com/xaboy/form-builder#上传组件)上传组件 * **Form::upload**上传组件 * **Form::uploadImages**多图上传组件,value为array类型 * **Form::uploadFiles**多文件上传组件,value为array类型 * **Form::uploadImageOne**单图上传组件 * **Form::uploadFileOne**单文件上传组件 ~~~html * @method $this uploadType(String $uploadType) 上传文件类型,可选值为 image(图片上传),file(文件上传) * @method $this action(String $action) 上传的地址 * @method $this multiple(Boolean $bool) 是否支持多选文件 * @method $this name(String $name) 上传的文件字段名 * @method $this accept(String $accept) 接受上传的文件类型 * @method $this maxSize(int $size) 文件大小限制,单位 kb * @method $this withCredentials(Boolean $bool) 支持发送 cookie 凭证信息, 默认为false * @method $this maxLength(Int $length) 最大上传文件数, 0为无限 * @method $this headers(array $headers) 设置上传的请求头部 * @method $this format(array $format) 支持的文件类型,与 accept 不同的是,format 是识别文件的后缀名,accept 为 input 标签原生的 accept 属性,会在选择文件时过滤,可以两者结合使用 * @method $this data(array $data) 上传时附带的额外参数 * @method $this required($message = null, $trigger = 'change') 设为必选 ~~~ #### [](https://github.com/xaboy/form-builder#树型组件)树型组件 * **Form::tree**树型组件 * **Form::treeSelected**选中类型,value为array类型,当`type=selected`并且`multiple=false`,值为String或Number类型 * **Form::treeChecked**选择类型,value为array类型 ~~~html * @method $this type(String $type) 类型,可选值为 checked、selected * @method $this multiple(Boolean $bool) 是否支持多选,当`type=selected`并且`multiple=false`,默认为false,值为String或Number类型,其他情况为Array类型 * @method $this showCheckbox(Boolean $bool) 是否显示多选框,默认为false * @method $this emptyText(String $emptyText) 没有数据时的提示,默认为'暂无数据' * @method $this data(array $treeData) 设置可选的data,**id必须唯一** * @method $this jsData($var) 设置data为js变量 ~~~ ## [](https://github.com/xaboy/form-builder#树型组件data数据类-treedata)树型组件data数据类 TreeData * **Form::treeData**树型组件data ~~~html * @method $this id(String $id) Id,必须唯一 * @method $this title(String $title) 标题 * @method $this expand(Boolean $bool) 是否展开直子节点,默认为false * @method $this disabled(Boolean $bool) 禁掉响应,默认为false * @method $this disableCheckbox(Boolean $bool) 禁掉 checkbox * @method $this selected(Boolean $bool) 是否选中子节点 * @method $this checked(Boolean $bool) 是否勾选(如果勾选,子节点也会全部勾选) * @method $this children(array $children) 批量设置子集 * @method $this child(TreeData $child) 设置子集 ~~~ ## [](https://github.com/xaboy/form-builder#所有组件生成效果)所有组件生成效果 [](https://raw.githubusercontent.com/xaboy/form-builder/master/images/components.png)