优维低代码实践:应用级配置

优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。


优维低代码实践连载第19期

《应用级配置》

除了全局特性开关,有时我们希望支持按应用进行个性化配置。

编排界面个性化配置

个性化配置可以通过配置<% APP.config.key %>获取到个性化配置的内容,好处是如果在多个构件中使用到同一内容,在需要修改时,可以直接对个性化配置进行修改,而不是每个调用的地方都要去修改。

使用场景:在灾备切换大屏的流程节点显示中,不同的客户显示器分辨率不同,那么对应的流程节点布局就要进行流程节点显示区域的调整,因此可以通过个性化配置去实现,避免要多处修改导致遗漏等问题。

个性化配置:

设置->概要->编辑->Default config->相关参数(key:value)

构件中通过表达式调用:

height: <% APP.config.screenHeight ?? "900px" %>

构件开发个性化配置

在构件中,则可以使用 Runtime 接口来获取应用配置,例如:

import { getRuntime } from "@next-core/brick-kit";


function YourBrick() {
  const pageSize = getRuntime().getCurrentApp().config.pageSize;
  // ...
}
相关推荐
2401_8827275712 小时前
BY组态-低代码web可视化组件
前端·后端·物联网·低代码·数学建模·前端框架
_xaboy2 天前
开源动态表单form-create-designer 扩展个性化配置的最佳实践教程
vue.js·低代码·开源·动态表单·表单·formcreate·低代码表单
_xaboy3 天前
在开源的form-create-designer 表单设计器中扩展自定义操作教程
vue.js·低代码·开源·formcreate·可视化表单设计器·fc-designer
by————组态3 天前
Web组态可视化编辑器 快速绘制组态
前端·网络·物联网·低代码·编辑器·组态
低代码布道师4 天前
微搭低代码入门05循环
低代码
小麦项目管理指南4 天前
如何通过低代码逻辑编排实现业务流程自动化?
运维·低代码·自动化·源代码管理
_xaboy4 天前
利用开源的低代码表单设计器FcDesigner高效管理和渲染复杂表单结构
vue.js·低代码·开源·动态表单·formcreate·低代码表单·可视化表单设计器
Light604 天前
AI 驱动低代码平台:开创智能化用户体验新纪元
人工智能·低代码
jonyleek6 天前
商业智能BI如何零编码对接低代码数据模型?
数据库·低代码·信息可视化·数据分析·数据可视化·软件需求