介绍
EasyEditor 的大屏设计场景是基于插件化架构实现的,通过 @easy-editor/plugin-dashboard
和 @easy-editor/react-renderer-dashboard
两个核心包,为开发者提供了完整的大屏设计能力。
核心价值
大屏设计场景致力于解决以下问题:
开发效率
- 通过可视化拖拽快速构建大屏应用
- 内置丰富的组件库,开箱即用
- 支持组件复用和模板管理
技术门槛
- 降低大屏开发的技术门槛
- 无需深入掌握复杂的数据可视化技术
- 提供友好的可视化配置界面
维护成本
- 统一的组件管理机制
- 标准化的数据接入方案
- 可复用的主题配置系统
技术架构
大屏设计场景的核心是 @easy-editor/plugin-dashboard
插件,它扩展了 @easy-editor/core
的基础能力,提供了:
- 大屏专用的设计器逻辑
- 大屏组件物料体系
- 大屏特有的布局系统
- 分组功能
- ...
渲染引擎
@easy-editor/react-renderer-dashboard
是基于 React 的大屏渲染引擎,它扩展了 @easy-editor/react-renderer
的基础能力,提供了:
- 大屏特有的布局系统
- 多页面能力
- 组件增强能力
- 性能优化
应用场景
大屏设计场景适用于:
- 数据可视化大屏
- 监控中心
- 指挥中心
- 展示大屏
- 数据看板
最佳实践
我们提供了一个完整的大屏设计案例 EasyDashboard,展示了如何基于 EasyEditor 构建专业的大屏应用。该案例包含了:
- 完整的大屏设计流程
- 丰富的组件示例
- 数据源接入示例
- 主题配置示例
- 性能优化实践