管理端生产线(四)- 代码模板工具之管理端

87 阅读1分钟

背景

在代码工具客户端中,实现了基本开发者的交互功能。客户端中需要管理的各个模块、各种关联关系需要在管理端声明、关联、配置。

介绍

管理端提供给开发者代码类管理、依赖管理、片段管理、模板管理、属性管理。为客户端提供基础数据。

系统设计

image.png

类管理:做字段类型申明,与TS中类型类似,用于字段推导

image.png

依赖管理:用于声明组件、代码片段、代码模板中包含的npm包依赖

image.png

片段管理:设置代码片段,代码片段类型可分为js逻辑代码、html视图代码

image.png

模板管理:设置代码模板,可以是完整的页面代码,绑定组件,拓展组件属性,也可以是代码片段组成模板

image.png

组件管理:声明原生组件、框架组件、自定义组件,配置组件属性,绑定组件依赖

image.png

  • 模块间关系

image.png

管理端核心模块是组件管理和模板管理,通过对这两个模块的配置,提供给客户端基础代码字符。客户端通过管理端的配置功能,查询代码间的关系,完成对代码的增删改。