AboutFE icon indicating copy to clipboard operation
AboutFE copied to clipboard

56、名词解释

Open CodingMeUp opened this issue 3 years ago • 0 comments

组件、SDK、领域

设计系统

  • 基础组件(Basic Components):前端领域通用的基础组件,fusion antd 等
  • 图表组件(Chart Components):前端领域通用的图表组件,有代表性的图表组件库有 BizCharts echarts
  • 业务组件(Business Components):业务领域内基于基础组件之上定义的组件,可能会包含特定业务域的交互或者是业务数据,对外仅暴露可配置的属性,在同一个业务域内可以流通,但不需要确保可以跨业务域复用
  • 低代码业务组件(Low-Code Business Components):通过低代码编辑器搭建而来,有别于源码开发的业务组件,属于业务组件中的一种类型,遵循业务组件的定义;同时低代码业务组件还可以通过低代码编辑器继续多次编辑
  • 布局组件(Layout Components):前端领域通用的用于实现基础组件、图表组件、业务组件之间各类布局关系的组件,如三栏布局组件
  • 区块(Block):一系列业务组件、布局组件等组合而成的代码片段,不对外提供可配置的属性;区块内部具备完整的内部样式、事件、生命周期管理、状态管理、数据流转机制,能独立存在和运行,通过代码片段的复制实现跨页面、跨应用的快速复用,保障功能和数据的正常
  • 模板(Template):特定垂直业务领域内的业务组件、区块可组合为单个页面,或者是再配合路由组合为多个页面集,统称为模板

企业中后台搭建系统

  • 搭建基础协议:一套面向开发者的Schema规范,用于规范化约束可视化编辑器的输出和渲染引擎、Schema2Code工具的输入,将编辑器和渲染引擎、Schema2Code工具解耦,保障编辑器和渲染引擎、Schema2Code工具的独立升级
  • 低代码搭建编辑器:使用可视化的方式实现页面搭建,支持组件UI编排、属性编辑、事件绑定、数据绑定,最终产出符合搭建基础协议规范的数据
  • 属性面板:低代码编辑器内部用于组件、区块、页面的属性编辑、事件绑定、数据绑定的操作面板
  • 画布面板:低代码编辑器内部用于UI编排的操作面板
  • 大纲面板:低代码编辑器内部用于页面组件树展示的面板
  • 渲染引擎:对低代码编辑器产出的符合搭建基础协议规范的最终数据进行解析并渲染出页面的引擎
  • Schema2Code:支持将符合搭建基础协议规范的数据转化为面向weex/阿里小程序等多端可渲染代码的工具或者是系统

CodingMeUp avatar Apr 28 '21 09:04 CodingMeUp