低代码平台产品系统

ight 是快速生成可视化配置页面的轻量平台。 核心能力是 在画布中通过拖拉拽组件 ，将系统或自定义组件进行拼装，快速形成页面。

header（设备和发布操作区）:
版本管理/发布
可对版本进行管理。版本分为草稿、正式。
响应式
可支持根据不同设备的屏幕大小，展示不同的页面样式和数据
预览
站内预览：
【官网】应用可预览当前页面，剔除Light的编辑功能，以项目真实环境加载出页面，用于测试和查看效果。
站外预览：
可在项目组的应用中，以preview路径作为固定预览地址进行预览当前画布

left（面板操作区）:
页面
当前应用的所有页面，可进行新增、分组、筛选、编辑、下线等管理操作
大纲
大纲相当于是当前页面结构的快捷目录，是对画布基础Section的映射。前端页面的组件结构往往很复杂，如果没有大纲，我们在画布中难以。我们通过大纲可以直观的查看到页面的组件顺序、层级结构，并且可以通过操作简洁的大纲，实现对页面复杂结构的编辑。
组件
基础组件
由Light提供给每个用户的原子/集成组件
提供最基础的能力，例如：文本、大图、按钮、分割线、网格布局等
提供常见的复用能力，例如：轮播、选项卡、轮播联动等
自定义组件
是当前租户在【组件管理】中上传的【代码组件】，也包括【容器系统组件】组成的【拼装组件】。会按照自定义的分类展示。
代码组件：自定义组件是由我们前端同学开发的，通过【打包工具】打包为Light可识别的组件，在组件管理中上传，并绑定模板后可即可在画布中使用的组件。
main（画布）:
可托拉拽组件的，所见即所得的渲染区域。采用Section标准数据结构，以数据驱动的方式，渲染出页面层级。
panel（属性编辑区）:
页面/组件的属性设置区域。由预设样式、外观、内容、交互、代码模式等组成。

技术特色
跨平台一体化：uni-app
可视化编辑：拖拽式页面构建
组件化架构：模块化设计 + SDK化封装
现代化工程：GraphQL + Apollo + 智能构建
架构优势
高度可扩展：支持自定义组件和第三方集成
数据驱动：完整的状态管理和数据流转
国际化友好：远程多语言配置
性能优化：代码分割 + 懒加载
实现复杂度
这个项目的技术复杂度很高，主要体现在：

数据结构转换的多层抽象
跨平台兼容性的全面处理
动态组件系统的设计和实现
多环境部署的工程化管控
应用场景
适用于电商装修、营销页面、企业官网等需要快速搭建和灵活定制的场景。