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

Posted 2023-02-15

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