硕迪数据分析系统使用BQL拖拽生成大屏
实现方式
1、启动Tomcat，进入硕迪系统登录页面。
2、输入对应的账户名称和密码登录。
3、点击仪表板>新建仪表板
4、进入设计页面
5、从组件中将BQL组件拖拽至右边
6、点击齿轮>点击组件设置>选择业务包（业务包就是上篇文章所创建的BQL建模，不会的可以去参考一下）
7、利用拖拽的形式完成一个简单的柱形图
支持js编码，根据自需来编写。
8、点击确定
组件大小可以通过鼠标的拖拽来改变，位置也可以根据自己想要的格式来进行拖拽
9、根据自己所需的大屏样式，用拖拽的方式即可来完成一张炫酷的仪表板。
此方式对于业务人员非常友好，由技术人员把业务包创建完成之后，业务人员用拖拽的方式
即可实现一整张仪表板的设计，大大降低了人工成本和传统编写代码的时间。使用硕迪数据分析系统的仪表板功能，满足您的功能要求，支持多视图方式，在不同终端浏览会调用匹配的视图显示不同的布局。而且支持多个数据源在同一大屏显示和交互。

在构建一个数据分析系统，特别是使用BQL（Business Query Language）拖拽生成大屏的过程中，以下是实现方式和功能要求的详细设计：

实现方式

1. 系统架构设计

   • 前端：使用现代Web框架（如React、Vue.js 或 Angular）构建用户界面，支持拖拽功能，并与后端系统交互获取数据。
   • 后端：搭建RESTful API，处理数据请求，支持BQL查询，提供数据源和数据格式的转换。

2. BQL查询逻辑

   • 解析引擎：实现BQL解析器，能够将BQL查询转换为相应的数据库查询，并返回结果。
   • 拖拽生成器：构建拖拽组件，用户通过拖拽生成BQL，实现灵活的数据查询和展示。

3. 多视图支持

   • 响应式布局：设计系统支持不同终端（桌面、平板、手机）访问，使用CSS Grid/Flexbox根据设备屏幕大小自动调整布局。
   • 视图管理：允许用户选择不同的视图布局并进行保存，系统会根据用户登录信息或设备类型调用适合的视图。

4. 多数据源支持

   • 数据源管理：实现一个数据源管理模块，支持配置和管理多种数据源（如数据库、API、文件等）。
   • 数据整合：在后端逻辑层实现数据整合功能，从不同数据源获取数据并合并，确保在同一大屏中展示。

5. 交互能力

   • 动态更新：允许用户在大屏上进行交互操作（如过滤、排序、钻取等），实时更新数据视图。
   • 状态管理：使用状态管理工具（如 Redux）在前端维护应用状态，处理用户的交互操作。

功能要求

1. 多视图支持

   • 支持至少三种视图布局（如卡片视图、列表视图、图表视图等），并允许用户自定义视图。
   • 根据设备类型自动调用最佳布局，以适应不同的浏览体验。

2. 数据源整合

   • 能够连接多种数据源（如 SQL 数据库、REST API、NoSQL 数据库等）并在同一大屏展示不同来源的数据。
   • 允许用户选择特定数据源与视图关联，支持不同数据源层次的数据展示。

3. 交互操作

   • 用户在大屏上可进行交互，包括筛选、排序、查看详细信息等操作，并能在不刷新页面的情况下实现动态更新。
   • 提供简单的工具（如滑块、下拉框等）让用户进行数据钻取和过滤。

4. 实时数据展示

   • 支持实时数据流的展示，及时反映数据变化，适用于监控和决策场景。
   • 可配置数据更新频率，用户可定义刷新间隔。

5. 用户权限管理

   • 根据不同角色设置数据可视化的权限，确保用户只能看到其有权获取的数据和视图。
   • 提供管理员界面，管理用户权限及视图配置。

6. 导出与分享

   • 提供导出功能，允许用户将数据和视图保存为PDF、Excel等格式，便于分享和归档。
   • 支持生成分享链接，用户可以快速与他人分享特定视图的链接。

7. 性能优化

   • 实现数据查询缓存机制，提升大屏性能和用户体验。
   • 针对大数据量展示，使用虚拟化技术提高渲染效率。

通过上述设计，可以构建出一个功能强大的数据分析系统，支持基于BQL的拖拽生成大屏。如此设计不仅提高了用户体验，还能灵活适应多种业务场景。如需要更详细的信息或具体的技术实现参考，欢迎随时问我！