在当今的数字化时代,视觉呈现和交互性在应用程序中扮演着至关重要的角色。图片类组件作为低代码开发中的重要组成部分,在软件应用开发中,图片类组件是必不可少的,它们为应用程序增添了丰富多彩的视觉元素,使得应用程序更加生动和易于理解。上传的图片存于MinIO服务器上。图片类组件适用于图片上传或展示,应用非常广泛,无论是用户头像、产品展示,还是滑动相册、广告营销,图片类组件都发挥着不可或缺的作用。

MinIO服务器解决方案为图片存储提供了高效、可靠的支持。通过将上传的图片存储在MinIO服务器上,开发者可以确保图片数据的安全性和可扩展性,同时实现快速访问和共享。

低代码表单引擎中的图片类组件样式设置详解_服务器

上传图片组件的基础设置说明如下:

①:上传图片:通过点击上传图片。

②:组件绑定模型的字段,点击字段名称后,系统会把本表单对应的模型字段展示出来,选中即可。

③:组件的中文名称,修改后会将组件的名称同步修改。

④:显示控制,通过其他组件结果的设置内容判断条件,当条件为真时显示单选组件。

⑤:禁用控制,通过其他组件结果的设置内容判断条件,当条件为真时单选禁止操作。

⑥:触发逻辑,当单选选择项后,且鼠标失焦后,将触发逻辑(用户自定义的逻辑)。

校验设置配置如下:

低代码表单引擎中的图片类组件样式设置详解_低代码_02

①:是否必填,默认关闭。

②:动态校验,根据表单字段通过逻辑动态判断是否必填等校验。

③:允许为空与是否必填相对,默认关闭。

低代码表单引擎中的图片类组件样式设置详解_低代码_03

样式设置配置配置如下:

①:控件宽度,默认24可自行调整。

②:提示描述,填写描述该组件的内容信息。

③:描述位置,默认显示在组件右侧还可设置换行显示。

④:最大允许,设置上传图片最大个数。

⑤:占位图设置,指在图片的加载过程中,先显示一张临时的图片,等图片加载出来了再替换成要加载的图片。

低代码表单引擎中的图片类组件样式设置详解_服务器_04

①:图片组件,多用于查看展示单张或一组图片,通常在修改或详情表单中用于回显使用。

②:数据联动,请参照文档数据联动设置

③:尺寸适应,自动调整确保在各种屏幕尺寸上的一致性和可用性,可选择图片处理方法有:fill、contain、cover、none、scale-down。

在线demo:https://frame.bctools.cn/

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