前端开发那些事儿

拖拽式流程表单设计器——雀书

2020-08-17  本文已影响0人  雀书

对于很多中小型企业而言,重新购买或搭建新的系统,需要维护它,甚至需要配备专业的IT技术人员去协助试用和维护,无形中增加了不少支出。但是,通过组件配置表单流程,拖拽式搭建,可视化操作,不仅可以大大节约企业流程管理开发方面的时间成本,还能满足企业的多样化需求。

雀书是一款基于Vue和springboot开发的表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来,提供了常用的表单组件,可以直接使用,同时支持自定义增加组件以及提供api支持对表单做自定义操作。

表单

组件

雀书流程表单设计器(配置页面)的左方列出了所有支持的组件库,不用写任何代码即可直接使用,鼠标点击组件即可在屏幕中央的工作台预览。雀书的组件库拥有四类表单组件(元素),分别是:布局元素,基础元素,高级元素和报表元素。其中,布局元素中可以设置组件比例,长等,可将表单进行分区,插入明细表;基础元素中包含常见的属性组件,如日期、数字、单选、多选、定位、文本框、附件上传等等;高级元素中暂时只含有明细表;报表元素即柱状图等具有数据展示功能的图表元素。

工作台

中间最大的区域是工作台,显示的是组件信息,在工作台中可以方便的选中,拖动,复制,删除组件操作。当选中某个组件后,右边的配置栏会出现当前组件的的所有可配置属性。

配置栏

配置栏的属性配置课配置组件的基础属性、选项设置(选项组件)、高级属性、校验规则、事件设置和样式属性。基础属性包括标题的名称和显示与否、提示文字、默认数值等等基础的属性设置;选项设置中可以设置数据源,包括外部数据、内部数据联动,自定义选项等等;校验规则可设置是否为必填项等等;事件设置可以输入代码设置事件触发,包括数据变化、单双击、鼠标移入移出、拖拽结果等。

流程图

雀书的流程图配置应当在流程表单结束后。流程图配置的属性操作有基本信息、处理人设置、表单权限、流转规则和机器人操作(机器人节点)。基本信息包含流程节点的环节名称、环节类型、操作配置;处理人设置中可设置单人会签、多人会签、多人抢签等节点处理类型,可选择节点处理人、合并规则;表单权限则可以设置每个流程节点的表单字段权限;机器人操作可以设置数据的连接口、触发流程、进行SQL编辑等。

总的来说,所有操作都可以通过鼠标完成,且肉眼可见的可视化拖拽搭建(准确来说是点击),简单方便,适合业务员,但对于高级一些的功能也可以通过低代码实现。相比大型的OA系统,雀书这一类的平台,作为流程表单设计器来说,成本低廉,开发迅速,适合发展中的企业和业务忙碌的公司。

上一篇下一篇

猜你喜欢

热点阅读