得鹿梦鱼 得鹿梦鱼

大屏下Web可视化系统设计与实现

系统功能性需求分析

  1. 数据源实时同步管理功能:数据源是指大屏中每个组件的数据来源。系统能够支持本地静态数据,数据库数据以及来自服务器的实时数据。数据源管理功能主要分为数据源显示,数据源删除,数据源添加
  2. 丰富的大屏组件动态实时展示与自定义配置功能:主要包括:提供可视化图表组件库、自定义配置图表属性功能、可视化图表实时动态交互展示功能
  3. 可视化管理功能:可视化管理功能主要是大屏组件管理,权限管理等
  4. 大屏页面动态管理:可以对图表进行各类交互操作,主要是在大屏页面可通过配置面板对组件进行删除、添加、修改、页面缩放、页面点击、导出页面图片、修改大屏背景等功能
  5. Web服务器功能:系统需支持实时化通信功能。Web服务器应与数据库进行数据交互,对相应的数据进行处理后,再发送给大屏页面。也能够监听数据库变化,及时的将变化信息进行处理后传输给大屏页面,进而实现大屏页面的实时渲染更新
  6. 数据持久化功能:使用 Mysql 数据库提供数据持久化存储功能,以便及时应对用户与页面的动态交互需求

系统非功能性需求分析

  1. 安全性。对于大数据量系统来说,数据安全则是整个系统实现的关键一步。若因黑客入侵或网络攻击而导致数据信息丢失,可能使用户发生巨大的损失
  2. 可维护性。将页面以不同功能为划分点剖分成不同的组件。每个组件存放于一个单独文件下,结构划分清晰,明确。并对比较晦涩难懂的代码赋予注释,提高了代码的可复用性和可读性,有助于后来的开发人员定位异常之处
  3. 可扩展性。系统应使用合理的技术架构,明确的接口定义和规范的数据格式。并且由于后续发展可能会业务继续更新,整个系统也会随着更新

系统整体架构设计

系统整体架构设计

系统整体技术架构设计

可视化功能模块

大屏可视化功能模块

遇见你们,是我无尽的幸运。抬头仰望星空,我只想说,愿漫天繁星,照亮你们的每一个角落