概念设计
- 简介: 优速搭为了解决灵活性可配置性的同时降低用户的二开成本。首创提出四种组件：布局组件、业务组件(biz-ui)、维度组件(dimension-ui)、原子组件。通常情况下用户有个性话需求只需要上传原子组件即可,当然在线设计完成后可下载源码完全离线继续二次开发。
- 设计思路: 组件的按此分类设计是经过大量实践沉淀总结出来的。每一层组件都分别对应解决不同的问题，并非凭空创造的概念。首先用户的需求不管怎么变最终都总结为 UI交互 + 数据的CRUD。优速搭将每个组件都对应成schema,schema即UI。所以最核心的是biz组件,biz组件没有额外功能仅提供注入能力,注入meta数据控制UI、注入data数据控制内容的变化。接下来将注入的meta数据和data数据交给维度组件,维度组件中的
dimension-item-content组件能够把包裹其中的原子组件内的属性、事件进行增强，使得联动交互更方便。
四种组件对比
|
顶层
---->
底层
| |||||||||
| 组件分类 | 布局组件 | 业务组件(biz-ui) | 维度组件(dimension-ui) | 原子组件 | |||||
|---|---|---|---|---|---|---|---|---|---|
| 简介 | 布局组件，是一个页面的最外层组件,用于控制内层组件的布局样式，内部可以承载多个biz组件或原子组件。目前支持栅格布局、固定布局+flex布局 | biz组件，是向内部注入 "增删改查能力的组件" + "UI元数据(meta数据)"，也叫业务组件(biz-ui)。 | 维度组件，维度组件不是凭空创造的概念，是为了解决低代码平台组件间联动等问题。维度组件分为 一维型:对象型容器(表单)、二维型:数组型容器(表格、循环的卡片等)。表单中的每一项 与 其它项的联动;表格中每行每列与其它行列的联动。都可以通过在事件回调中修改对应的meta数据来实现。 | 原子组件，最基础的组件。用户可以任意写逻辑。如果运行暴露给维度组件包裹，则可以通过内部的事件参数来读写其它的meta数据。 | |||||