首页 > 其他分享 > 优维低代码:Legacy Templates 构件模板

优维低代码:Legacy Templates 构件模板

时间:2023-02-14 18:01:46浏览次数:52  
标签:Templates Storyboard bricks 代码 micro Legacy 构件 优维低 模板

 优维低代码:Legacy Templates 构件模板_技术交流

 优维低代码:Legacy Templates 构件模板_技术交流_02

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


连载第三十八期

《高级指引:Legacy Templates 构件模板

随着业务规模的扩展,一些常用构件的配置开始变得复杂,Storyboard 的配置和编排的成本随之增加。为了解决这个问题,我们提供了构件模板的概念,将 Storyboard 中复杂的构件配置抽象并封装出一层构件模板,隐藏内部复杂的结构化配置,对外只暴露简洁的、必需的参数。

构件模板是 Storyboard 片段模板的一种,未来可能还会增加路由等其它内容的模板。

和构件包类似,我们在模板包中定义构件模板。

# 使用

使用方式参考 BrickConf。

例如,使用 layout.micro-app:

bricks:
- template: "layout.micro-app"
params:
pageTitle: "Hello"

等价于:

bricks:
- brick: "basic-bricks.micro-view"
slots:
titleBar:
type: "bricks"
bricks:
- brick: "basic-bricks.page-title"
properties:
pageTitle: "Hello"

# 创建一个新的模板包

  • 运行 yarn yo
  • 选择 a new package of templates
  • 输入模板包的 ID,例如 hello-world

创建一个新的模板

  • 运行 yarn yo
  • 选择 a new template
  • 选择所在模板包,例如 hello-templates
  • 输入模板的名称,例如 world-index

标签:Templates,Storyboard,bricks,代码,micro,Legacy,构件,优维低,模板
From: https://blog.51cto.com/u_15605878/6057368

相关文章