优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维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