如何配置低代码表单引擎中的图片类组件以实现高效交互?

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

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

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

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

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

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

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

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

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

校验设置配置如下:

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

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

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

样式设置配置配置如下:

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

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

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

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

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

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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/494349.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

研发效能认证:需求管理之用户需求洞察丨IDCF

作者:向晴 研发效能(DevOps)工程师(中级)认证学员 引文 作为从事B端产品管理的我们来说,往往面临三大苦难: 自己做的产品,自己永远也用不上 往往我们做了很多年的2B软件产品,却难…

240Hz高刷电竞显示器 - HKC VG253KM

🎉🎉🎉 各位电竞爱好者们,今天给大家带来一款神秘武器,一款能够让你在游戏中大展拳脚的高刷电竞显示器 - HKC VG253KM!🔥🔥🔥 这款显示器,哎呀,真…

linux centos7.9改dns和ip

vi /etc/sysconfig/network-scripts/ifcfg-ens32 :wq后 重启网络服务 systemctl restart network —————————————————————————— 篇外话题 软件下载 xshell可以从腾讯软件中心下载

如何学习Arduino单片机

(本文为简单介绍,内容源于网络) 学习Arduino相关的网址和开源社区: Arduino官方文档: Arduino - HomeArduino Forum: Arduino ForumArduino Playground: Arduino Playground - HomePageGitHub: GitHub: Let’s build from here …

文件拖放到窗体事件

参考代码 参考链接 拖放文件到窗体_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV13d4y1h7vr/?spm_id_from333.999.0.0&vd_sourcee821a225c7ba4a7b85e5aa6d013ac92e 特此记录 anlog 2024年2月27日

Ansible group模块 该模块主要用于添加或删除组。

目录 创建组验证删除组验证删除一个不存在的组 常用的选项如下: gid  #设置组的GID号 name  #指定组的名称 state  #指定组的状态,默认为创建,设置值为absent为删除 system  #设置值为yes,表示创建为系统组 创建组 ansib…

信钰证券:无任何氢能产品形成收入,这只氢能概念股却八连板了

受氢能方针面影响,多个氢能股迎来连涨潮。 2月26日,蓝科高新(601798.SH)涨停,截至收盘报11.01元,涨幅9.99%,完成八连板,总市值39.03亿元。首要因其地点氢能板块全体上涨影响。 同日同花顺氢动力概念下&am…

合并果子(哈夫曼树)NOIP2004提高组

在一个果园里,达达已经将所有的果子打了下来,而且按果子的不同种类分成了不同的堆。 达达决定把所有的果子合成一堆。 每一次合并,达达可以把两堆果子合并到一起,消耗的体力等于两堆果子的重量之和。 可以看出,所有…

壹基金瑞金儿童服务站:平安小课堂开课了!

为进一步加强儿童安全文化建设,提升学生安全意识、风险意识和自我防护能力,2月2日,壹基金瑞金儿童服务站(瑞金赋能公益)引入壹基金儿童安全计划资源,对社区儿童开展儿童安全教育。 与其永远为孩子遮风挡雨&…

ChatGPT学习第三周

📖 学习目标 ChatGPT在各行各业的应用 探索ChatGPT在不同领域(如教育、客户服务等)的实际应用案例。 ChatGPT的局限性和挑战 讨论ChatGPT面临的挑战,包括偏见、误解及其限制。 ✍️ 学习活动 学习资料 《人工智能通用大模型(…

【mysql】 1819 - Your password does not satisfy the current policy requirements

创建mysql账户密码时候提示: 1819 - Your password does not satisfy the current policy requirements 1819-您的密码不符合当前策略要求 下面是执行的sql DROP DATABASE IF EXISTS company;CREATE DATABASE company CHARACTER SET utf8mb4 ;grant all on com…

2004-2020年全国及各省森林覆盖率、森林面积等数据

数据名称:中国及各省森林资源指标面板数据 数据来源:中国环境统计年鉴(2004-2020年) 森林覆盖率是指森林面积占土地总面积的比率,是反映一个国家(或地区)森林资源和林地占有的实际水平的重要指标,一般使用百分比表示。 林业用地面积是指生长乔木、竹类、灌木、沿海红…