bootstrap项目开源数据⼤屏AJ-Report
开源数据⼤屏AJ-Report
1. 数据⼤屏概述
可视化数据⼤屏最近⼏年⾮常⽕，不但是因为其炫酷的视觉效果，还因为其各种图标帮助业务决策分析，数据分析等功能，作为控制中⼼不可获缺的⼯具，本⽂主要推荐⼀款开源的数据⼤屏⼯具，其拖拉拽⽅式配置⼤屏布局，通过配置数据源，数据集，⼤屏动态数据⽅式，实现简单，操作⽅便。
2. AJ-Report概述
2.1 AJ-Report简介
AJ-Report是⼀个完全开源的BI平台，酷炫⼤屏展⽰，能随时随地掌控业务动态，让每个决策都有数据⽀撑。
  多数据源⽀持，内置mysql、elasticsearch、kudu等多种驱动，⽀持⾃定义数据集省去数据接⼝开发，⽀持17+种⼤屏组件，不会开发，照着设计稿也可以制作⼤屏。
  三步轻松完成⼤屏设计：配置数据源---->写SQL配置数据集---->拖拽配置⼤屏---->保存发布。欢迎体验。
2.2 系统特性
1.最新最稳定的技术栈；
2.⽀持多数据源配置
3.丰富的⼤屏组件。拖拽配置实现动态⼤屏
2.3 在线体验
2.4 发⾏版本
2.5 功能概述
  ⼤屏设计（AJ-Report）是⼀个可视化拖拽编辑的，直观，酷炫，具有科技感的图表⼯具全开源项⽬。 内置的基础功能包括数据源，数据集，报表管理，项⽬部分截图如下。
2.6 数据流程图
3. AJ-Report项⽬搭建
3.1 核⼼技术
[Mysql] 5.7
[Jdk] 1.8
后端
Spring Boot(opens new window): Spring Boot是⼀款开箱即⽤框架，让我们的Spring应⽤变的更轻量化、更快的⼊门。 在主程序执⾏main函数就可以运⾏。你也可以打包你的应⽤为jar并通过使⽤java -jar来运⾏你的Web应⽤；
Mybatis-plus(opens new window): MyBatis-plus（简称 MP）是⼀个 MyBatis (opens new window) 的增强⼯具。
flyway(opens new window): 主要⽤于在你的应⽤版本不断升级的同时，升级你的数据库结构和⾥⾯的数据
前端
npm(opens new window)：node.js的包管理⼯具，⽤于统⼀管理我们前端项⽬中需要⽤到的包、插件、⼯具、命令等，便于开发和维护。
webpack(opens new window)：⽤于现代 JavaScript 应⽤程序的_静态模块打包⼯具
ES6(opens new window)：Javascript的新版本，ECMAScript6的简称。利⽤ES6我们可以简化我们的JS代码，同时利⽤其提供的强⼤功能来快速实现JS逻辑。
vue-cli(opens new window)：Vue的脚⼿架⼯具，⽤于⾃动⽣成Vue项⽬的⽬录及⽂件。
vue-router(opens new window)： Vue提供的前端路由⼯具，利⽤其我们实现页⾯的路由控制，局部刷新及按需加载，构建单页应⽤，实现前后端分离。
vuex(opens new window)：Vue提供的状态管理⼯具，⽤于统⼀管理我们项⽬中各种数据的交互和重⽤，存储我们需要⽤到数据对象。element-ui(opens new window)：基于MVVM框架Vue开源出来的⼀套前端ui组件。
avue(opens new window): ⽤该组件包裹后可以变成拖拽组件，采⽤相对于⽗类绝对定位;⽤键盘的上下左右也可以控制移。
3.2 发⾏版部署
第⼀步，下载zip包，解压<br>
第⼆步，conf-&l，修改mysql连接<br>
第三步，启动bin⽬录下start.sh<br>
第四步，访问 localhost:9095
2.修改mysql连接
解压下载好的Zip包，到l report-core-XXX --> conf --> l
3.上传功能
使⽤上传功能，必须修改此内容
4.启动
linux启动：
aj-report-XXX --> bin -->sh start.sh
4. AJ-Report测试验证
4.1 配置数据源
4.2 配置数据集
4.3 配置⼤屏或报表

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。