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

EASYOPS_youwei · · 1268 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

 

 

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

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

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

1268 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传