Skip to content

介绍

EasyEditor 的大屏设计场景是基于插件化架构实现的,通过 @easy-editor/plugin-dashboard@easy-editor/react-renderer-dashboard 两个核心包,为开发者提供了完整的大屏设计能力。

核心价值

大屏设计场景致力于解决以下问题:

  1. 开发效率

    • 通过可视化拖拽快速构建大屏应用
    • 内置丰富的组件库,开箱即用
    • 支持组件复用和模板管理
  2. 技术门槛

    • 降低大屏开发的技术门槛
    • 无需深入掌握复杂的数据可视化技术
    • 提供友好的可视化配置界面
  3. 维护成本

    • 统一的组件管理机制
    • 标准化的数据接入方案
    • 可复用的主题配置系统

技术架构

大屏设计场景的核心是 @easy-editor/plugin-dashboard 插件,它扩展了 @easy-editor/core 的基础能力,提供了:

  • 大屏专用的设计器逻辑
  • 大屏组件物料体系
  • 大屏特有的布局系统
  • 分组功能
  • ...

渲染引擎

@easy-editor/react-renderer-dashboard 是基于 React 的大屏渲染引擎,它扩展了 @easy-editor/react-renderer 的基础能力,提供了:

  • 大屏特有的布局系统
  • 多页面能力
  • 组件增强能力
  • 性能优化

应用场景

大屏设计场景适用于:

  • 数据可视化大屏
  • 监控中心
  • 指挥中心
  • 展示大屏
  • 数据看板

最佳实践

我们提供了一个完整的大屏设计案例 EasyDashboard,展示了如何基于 EasyEditor 构建专业的大屏应用。该案例包含了:

  • 完整的大屏设计流程
  • 丰富的组件示例
  • 数据源接入示例
  • 主题配置示例
  • 性能优化实践

Released under the MIT License.