第五章 大数据可视化应用开发实践-5.2.pptxVIP

5.2大数据可视化应用介绍

大数据可视化开发库与工具大数据可视化的实现有：JS开发库、数据可视化工具、数据商业智能与可视化平台等不同形式。开源可视化开发库Echarts：百度开源，基于html5Canvas的一个纯Javascript图表库AntV.js：蚂蚁金服开源，D3.js:可视化库HighCharts：基于SVG制作图表的纯Javascript类库Processing.js:简单易用，强大互交可视化开发库，Java/JS数据可视化平台：Datart：是跑象科技开源的、功能强大、易用的可视化开发平台；前身是宜信的Davinci达芬奇可视化；dataV：阿里推出的可视化大屏开发工具QuickBI：阿里云的商业智能和数据可视化工具，为用户提供快速、简单、易用的数据分析和可视化服务Tableau：可视化领域标杆性的商业智能软件BDP：国内在线的数据分析平台，通过拖拽即可完成多表关联、追加合并等操作Superset：Airbnb开源的数据可视化和数据探索平台

系统架构本教材选择了一款开源AJ-Report平台，结合大数据存储与处理层的数据加工结果，进行大数据可视化展现。AJ-Report支持多数据源，内置MySQL、Elasticsearch、Kudu等多种驱动，支持自定义数据集，省去数据接口开发，支持30多种大屏组件或图表。通过配置数据源、写SQL配置数据集、拖拽配置大屏、保存发布就可以完成大屏设计。AJ-Report的数据流程图

系统架构（1/3）AJ-Report使用MySQL数据库进行持久化数据的存储和管理，使用Redis缓存和临时存储数据；数据源支持CSV和JSON等多种格式，具备灵活的数据导入和导出能力，能适应不同数据源的需求。AJ-Report系统架构

系统架构（2/3）AJ-Report系统后端采用SpringBoot框架，提供可伸缩、高性能的服务架构；SpringBoot：SpringBoot是一款“开箱即用”的框架，让Spring应用变得更轻量化，使用者可以更快地入门。在主程序中执行main函数就可以运行整个应用程序，也可以将应用打包为jar包并通过使用java-jar命令来运行Web应用。采用Node.js实现与前端的通信。使用MyBatis-Plus数据接入服务。使用Flyway对数据库版本控制和迁移，确保数据库结构的一致性和可维护性。在应用版本不断升级时，升级数据库结构和数据库中的数据。BI平台AJ-Report在后端采用的技术

系统架构（3/3）系统前端使用Vue框架和ElementUI组件，提供高效开发设计、响应式、高性能的用户界面开发环境；采用ECharts和V-charts作为可视化JavaScript库，展示数据和统计图表。npm：Node.js的包管理工具，用于统一管理前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。webpack：JavaScript应用程序的静态模块打包工具。ES6：JavaScript语言的标准，ECMAScript6的简称。利用ES6可以简化JavaScript代码，同时利用其提供的强大功能可以快速实现JavaScript逻辑。VueCLI：Vue的脚手架工具，用于自动生成Vue项目的目录及文件。VueRouter：Vue提供的前端路由工具，用于实现页面的路由控制，局部刷新及按需加载，构建单页应用，实现前后端分离。Vuex：Vue提供的状态管理工具，用于统一管理项目中各种数据的交互和重用、存储需要用到数据对象。ElementUI：基于MVVM模式的Vue开发的一套前端UI组件。Avue：该组件具有拖拽功能。将该组件包裹在元素周围，可使之变成可拖拽的组件，该组件在拖拽时采用相对于其父元素的绝对定位；用键盘的上下左右键可以控制移动。BI平台AJ-Report在前端采用的技术

系统界面输入用户名及密码后，单击“登录”按钮进入系统首页登录界面系统登录界面

系统界面在系统首页，主要有用户权限、报表设计和系统设置3个模块系统首页系统首页界面

系统界面用户权限模块（1/3）权限管理界面权限管理：可以查看权限的菜单名称、按钮名称、启用状态、排序等信息；为每个模块的菜单、按钮设置权限的启用状态，并查看该权限的创建信息及修改信息

系统界面用户权限模块（2/3）角色管理界面角色管理：可以查看系统角色的角色名称、启用状态、创建人、创建时间、修改人、修改时间等信息

系统界面用户权限模块（3/3）用户管理界面用户管理：可以查看用户的真实姓名、手机号码、用户邮箱、备注、启用状态、最后一次登录时间、最后一次登录IP等信息

系统界面数据源：可以查看系统的数据源编码、数据源名称、数据源描述、数据源类型、状态等信息，并进行编辑操作报表设计模块（1/5）