JVS低代码开发平台通过图形化界面和预构组件,让用户通过拖拽和配置的方式,轻松创建出各种复杂的表单。这些表单不仅外观专业,而且功能强大,能够满足企业在数据采集、流程审批、数据分析等多方面的需求。
低代码表单配置流程:拖拽组件进入画布>>绑定数据>>设置属性控制>>设置样式控制>>按钮设置>>预览效果
表单预览页
表单设计页
设计页包括:组件区、画布区、样式属性配置区、表单操作
通过点击对应组件或者拖拽对应组件进入画布
组件宽度可以通过批量的宽度布局调整所有组件,也可以通过选中某一组件,设置对应宽度
可以点击预览按钮,查看配置效果:
数据设置
页面权限设置
可对不同的表单,添加不同的成员设置不同的操作权限
表单组件列表
表单组件目前分为基础组件、高级组件与扩展组件
组件分类 | 组件名称 | 使用场景 |
基础组件 | 单行文本 | 用于录入文字,比如身份证号、手机号、学号、员工编号、银行卡号、会员号等;也可开启配置检索功能,关联选择其他模型字段 |
多行文本 | 用于录入较长、较为复杂的内容,比如意见反馈等场景;可对多行文本行数及字数限制进行配置 | |
分割线 | 用于表单页面分割效果显示 | |
小标题 | 用于表单页面添加小标题效果显示 | |
下拉框 | 可配置单选和多选,可使用自定义选项内容,也可关联其他模型(列表)数据字段,也可设置获取接口数据 | |
计数器 | 用于录入数字类型的相关信息,比如金额、年龄、数量等,可对最小值、最大值、小数位数等进行配置 | |
开关 | 二值选择器,用于两个选项的场景,例如:是否开启、启用禁用配置 | |
日期 | 可配置选择日期的格式如:年月日时分秒、年月日、年周、年月等;也可选择是否多日期;也可配置时间范围 | |
固定时间 | 选择某一个固定时刻,支持范围选择,固定时间之间可设置步长 | |
任意时间 | 选择某一个固定时间,可开启时间段配置 | |
单选 | 用于在有限的相关选项中选择其中一个选项,比如选择性别、运动类型等场景 | |
多选 | 当需要一次性选择多个选项时的选择性组件 | |
图片 | 用于图片形式的内容展示,可联合【上传图片】组件,对上传的图片进行回显 | |
文件 | 用于附件内容的展示,可联合【上传文件】组件,对上传的文件进行回显 | |
颜色选择 | 用于颜色选取 | |
图标选择 | 基于系统内部的图标库,提供图标选择 | |
按钮 | 自定义按钮的组建,可配置按钮联动逻辑引擎,点击按钮即可执行逻辑引擎执行自定义事件;同时可对按钮的颜色及样式进行配置 | |
描述框 | 用于固定内容的展示,主要适用于说明性的文字场景,可配置描述框中文字颜色及背景色 | |
链接 | URL链接,一般配合数据回显功能进行使用 | |
网页 | URL访问的页面,一般配合数据回显功能进行使用 | |
流水号 | 根据流水号规则自动生成,可自定义流水号前缀,在流水号中插入不同样式的时间标识,如:年月日、年月日时分秒等,流水号末尾序号可配置位数;可开启流水号重置,重置规则可选择按小时、天、月、年进行重置。 | |
高级组件 | 级联选择 | 可对系统树形字典中的数据进行回显使用,多用于创建主类目和所属下级子类目的场景,多用于城市选择(比如省市区)等包含有多级层次关系的场景;同时可配置是否多选,是否显示层级路径等选项 |
图片上传 | 图片上传可以用来记录当前提交表单所需要的图片相关证明,例如上传身份证、报销的发票等,可对图片上传最大个数进行配置 | |
上传文件 | 上传附件内容的场景:例如各项证明、材料、数据、合同等,可对图片上传最大个数进行配置 | |
富文本 | 富文本编辑器组件,可对复杂样式内容进行编辑回显 | |
选项卡 | 支持多容器空间内容,通过标签进行分类设置 | |
表格组件 | 多行数据内容编辑及回显,可配置关联其他模型数据展示,适用一对多场景数据录入及回显 | |
扩展组件 | 部门选择 | 可以选择系统中已经存在的组织架构部门,可配置开启默认值,默认填充当前用户部门 |
角色选择 | 可选择系统中的角色 | |
用户选择 | 成员组件可以获取系统中的用户,选择人员时可以使用;可配置开启默认值,默认填充当前用户;可配置是否多选,同时选择回填多个用户;另还可用于流程表单设置审批人时使用,比如发起人自选审批人 | |
岗位选择 | 可选择系统中已经存在的岗位 | |
时间线 | 用于有时间经历的过程数据展现 | |
动态流程 | 可用于处理业务流程,应对业务需求变化 |
在线demo:https://frame.bctools.cn
开源框架:https://gitee.com/software-minister/jvs