3

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

 1 year ago
source link: https://studygolang.com/articles/36047
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

EASYOPS_youwei · 大约4小时之前 · 37 次点击 · 预计阅读时间 1 分钟 · 大约8小时之前 开始浏览    

bb9deeed3e0a4af4959b60abe1afbcad~tplv-tt-shrink:640:0.image?traceid=20230214174115D18DB342C79AD4219246&x-expires=2147483647&x-signature=Oov9XHvIja6OzIFmIGiNiDaIjLo%3D

59f290cd45864a7b9bf067126e5184f1~tplv-tt-shrink:640:0.image?traceid=20230214174115D18DB342C79AD4219246&x-expires=2147483647&x-signature=b9fss94dCV8VWW%2FRE7Ik6m7BKhA%3D

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

有疑问加站长微信联系(非本文作者)

280

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK