低代码开发的核心能力:可视化表单引擎!

JVS低代码开发平台通过图形化界面和预构组件,让用户通过拖拽和配置的方式,轻松创建出各种复杂的表单。这些表单不仅外观专业,而且功能强大,能够满足企业在数据采集、流程审批、数据分析等多方面的需求。

低代码表单配置流程:拖拽组件进入画布>>绑定数据>>设置属性控制>>设置样式控制>>按钮设置>>预览效果

表单预览页

表单设计页

设计页包括:组件区、画布区、样式属性配置区、表单操作

通过点击对应组件或者拖拽对应组件进入画布

组件宽度可以通过批量的宽度布局调整所有组件,也可以通过选中某一组件,设置对应宽度

可以点击预览按钮,查看配置效果:

数据设置

页面权限设置

可对不同的表单,添加不同的成员设置不同的操作权限

表单组件列表

表单组件目前分为基础组件、高级组件与扩展组件

组件分类

组件名称

使用场景

基础组件

单行文本

用于录入文字,比如身份证号、手机号、学号、员工编号、银行卡号、会员号等;也可开启配置检索功能,关联选择其他模型字段

多行文本

用于录入较长、较为复杂的内容,比如意见反馈等场景;可对多行文本行数及字数限制进行配置

分割线

用于表单页面分割效果显示

小标题

用于表单页面添加小标题效果显示

下拉框

可配置单选和多选,可使用自定义选项内容,也可关联其他模型(列表)数据字段,也可设置获取接口数据

计数器

用于录入数字类型的相关信息,比如金额、年龄、数量等,可对最小值、最大值、小数位数等进行配置

开关

二值选择器,用于两个选项的场景,例如:是否开启、启用禁用配置

日期

可配置选择日期的格式如:年月日时分秒、年月日、年周、年月等;也可选择是否多日期;也可配置时间范围

固定时间

选择某一个固定时刻,支持范围选择,固定时间之间可设置步长

任意时间

选择某一个固定时间,可开启时间段配置

单选

用于在有限的相关选项中选择其中一个选项,比如选择性别、运动类型等场景

多选

当需要一次性选择多个选项时的选择性组件

图片

用于图片形式的内容展示,可联合【上传图片】组件,对上传的图片进行回显

文件

用于附件内容的展示,可联合【上传文件】组件,对上传的文件进行回显

颜色选择

用于颜色选取

图标选择

基于系统内部的图标库,提供图标选择

按钮

自定义按钮的组建,可配置按钮联动逻辑引擎,点击按钮即可执行逻辑引擎执行自定义事件;同时可对按钮的颜色及样式进行配置

描述框

用于固定内容的展示,主要适用于说明性的文字场景,可配置描述框中文字颜色及背景色

链接

URL链接,一般配合数据回显功能进行使用

网页

URL访问的页面,一般配合数据回显功能进行使用

流水号

根据流水号规则自动生成,可自定义流水号前缀,在流水号中插入不同样式的时间标识,如:年月日、年月日时分秒等,流水号末尾序号可配置位数;可开启流水号重置,重置规则可选择按小时、天、月、年进行重置。

高级组件

级联选择

可对系统树形字典中的数据进行回显使用,多用于创建主类目和所属下级子类目的场景,多用于城市选择(比如省市区)等包含有多级层次关系的场景;同时可配置是否多选,是否显示层级路径等选项

图片上传

图片上传可以用来记录当前提交表单所需要的图片相关证明,例如上传身份证、报销的发票等,可对图片上传最大个数进行配置

上传文件

上传附件内容的场景:例如各项证明、材料、数据、合同等,可对图片上传最大个数进行配置

富文本

富文本编辑器组件,可对复杂样式内容进行编辑回显

选项卡

支持多容器空间内容,通过标签进行分类设置

表格组件

多行数据内容编辑及回显,可配置关联其他模型数据展示,适用一对多场景数据录入及回显

扩展组件

部门选择

可以选择系统中已经存在的组织架构部门,可配置开启默认值,默认填充当前用户部门

角色选择

可选择系统中的角色

用户选择

成员组件可以获取系统中的用户,选择人员时可以使用;可配置开启默认值,默认填充当前用户;可配置是否多选,同时选择回填多个用户;另还可用于流程表单设置审批人时使用,比如发起人自选审批人

岗位选择

可选择系统中已经存在的岗位

时间线

用于有时间经历的过程数据展现

动态流程

可用于处理业务流程,应对业务需求变化

在线demo:**************************

开源框架:https://gitee.com/software-minister/jvs

全部评论

相关推荐

头像
05-14 12:29
安卓
点赞 评论 收藏
转发
点赞 1 评论
分享
牛客网
牛客企业服务