AJ-Report

可视化拖拽编辑图表工具
授权协议 Apache
开发语言 Java
所属分类 程序开发、 报表/图表制作
软件类型 开源软件
地区 国产
投 递 者 池赞
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

大屏设计(AJ-Report)是一个可视化拖拽编辑的,直观,酷炫,具有科技感的图表工具全开源项目。
内置的基础功能包括数据源,数据集,报表管理

数据流程图

核心技术

后端

  • Spring Boot 2.3.5.RELEASE:Spring Boot是一款开箱即用框架,让我们的Spring应用变的更轻量化、更快的入门。 在主程序执行main函数就可以运行。你也可以打包你的应用为jar并通过使用java -jar来运行你的Web应用;
  • Mybatis-plus3.3.2:MyBatis-plus(简称 MP)是一个 MyBatis (opens new window) 的增强工具。
  • flyway5.2.1:MyBatis-plus(简称 MP)是一个 MyBatis (opens new window) 的增强工具。

前端

  • npm:node.js的包管理工具,用于统一管理我们前端项目中需要用到的包、插件、工具、命令等,便于开发和维护。。
  • webpack:用于现代 JavaScript 应用程序的_静态模块打包工具。
  • ES6:Javascript的新版本,ECMAScript6的简称。利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑。
  • vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。
  • vue-router:Vue提供的前端路由工具,利用其我们实现页面的路由控制,局部刷新及按需加载,构建单页应用,实现前后端分离。
  • element-ui:基于MVVM框架Vue开源出来的一套前端ui组件。
  • avue:用该组件包裹后可以变成拖拽组件,采用相对于父类绝对定位;用键盘的上下左右也可以控制移动。
  • vue-echarts:vue-echarts是封装后的vue插件,基于 ECharts v4.0.1+ 开发。
  • vue-superslide:Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本。
  • vuedraggable:是一款基于Sortable.js实现的vue拖拽插件。

在线体验

  • 2021SC@SDUSC 目录 登录方法 感悟 接着分析登录源码,上篇文章分析到了loginApi方法 ,源码如下: async loginApi() { let obj = { loginName: this.loginForm.loginName, password: transPsw(this.loginForm.password),

  • 首先根据工作需要,下载了aj-report的运行软件,本地直接运行没有使用网上的试运行软件,因为多人使用,速度太慢,所以自己搭建了个,然后根据自己需要设计了报表界面。之后可以再数据源模块引入自己使用的dm数据库。但是该软件底层依赖了mysql数据库,数据源却是dm数据库,所以自然而然想到,将底层数据库进行切换为dm。 准备工作如下: 1.使用迁移工具,将上面使用的aj_report和aj_repo

  • 开源大屏工具的对比 https://gitee.com/anji-plus/report https://www.oschina.net/p/dataease 一、从功能层面出发 dataease report-ui 总结 支持数据源 数据库 支持数据源 数据库、http等 后者更丰富 数据集功能,可预览数据集,支持分组 数据集功能,支持API请求、不可预览数据集 支持动态数据 支持动态数据和静态

 相关资料
  • 这几天在看threejs,全是代码去实现效果,有那种可视化组件直接拖动去实现效果的吗?就像html一样,用之前的Dreamweaver之类的去编辑?

  • 本文向大家介绍javascript实现表格排序 编辑 拖拽 缩放,包括了javascript实现表格排序 编辑 拖拽 缩放的使用技巧和注意事项,需要的朋友参考一下 简单表格排序  可以双击编辑 自定义编辑后的 规则  可拖动列进行列替换  可推动边框进行列宽度的缩放    已知BUG:  ie6下 中文不自动换行  非ie下字母和数字也不自动换行确实让人恼火  chrome浏览器下点击运行好像问题

  • 本文向大家介绍jQuery实现拖拽可编辑模块功能代码,包括了jQuery实现拖拽可编辑模块功能代码的使用技巧和注意事项,需要的朋友参考一下 在没给大家分享实现代码之前,先给大家展示下效果图: 具体实现代码如下所示: index.html inettuts.js inettuts.css inettuts.js.css

  • TensorFlow 图表计算强大而又复杂,图表可视化在理解和调试时显得非常有帮助。 下面是一个运作时的可式化例子。 "一个TensorFlow图表的可视化") 一个TensorFlow图表的可视化。 为了显示自己的图表,需将 TensorBoard 指向此工作的日志目录并运行,点击图表顶部窗格的标签页,然后在左上角的菜单中选择合适的运行。想要深入学习关于如何运行 TensorBoard 以及如何

  • TensorFlow 图表计算强大而又复杂,图表可视化在理解和调试时显得非常有帮助。 下面是一个运作时的可式化例子。 "一个TensorFlow图表的可视化") 一个TensorFlow图表的可视化。 为了显示自己的图表,需将 TensorBoard 指向此工作的日志目录并运行,点击图表顶部窗格的标签页,然后在左上角的菜单中选择合适的运行。想要深入学习关于如何运行 TensorBoard 以及如何

  • 在GUI里,拖放是指用户点击一个虚拟的对象,拖动,然后放置到另外一个对象上面的动作。一般情况下,需要调用很多动作和方法,创建很多变量。 拖放能让用户很直观的操作很复杂的逻辑。 一般情况下,我们可以拖放两种东西:数据和图形界面。把一个图像从一个应用拖放到另外一个应用上的实质是操作二进制数据。把一个表格从Firefox上拖放到另外一个位置 的实质是操作一个图形组。 简单的拖放 本例使用了QLineEd