当前位置:首页 > 技术分析 > 正文内容

自定义的拖拽式智能大屏(springboot+VUE)

ruisui883周前 (04-09)技术分析19

真正的大师,永远都怀着一颗学徒的心!

一、项目简介

一个开源的可以自定义的拖拽式智能报表系统。项目主要技术是springboot和vue.

三步就可以配置一个报表展示大屏。

数据流程图

第一步:配置我们需要的数据源,也就是连接一个数据库,mysqloracleSqlServer等等;

第二步:选择数据源,选择编码方式,数据集名称,数据集,然后写一下sql语句,就是你要展示的数据字段

第三步:推拽配置大屏,将你想要展示的图标直接拖拽到设计区,可以任意配置

二、实现功能

  • 数据源配置(显示一些数据库的配置源列表)

  • 数据集选择(显示一些配置的数据集)

  • 报表管理(管理原先设置的报表,主要是增删改查)

  • 大屏报表(显示配置好的大屏)

三、技术选型

springboot

mybatis

前端:vue elementUI

四、界面展示


五、源码地址

私信回复:智能大屏


扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3396.html

标签: vue 流程图
分享给朋友:

“自定义的拖拽式智能大屏(springboot+VUE)” 的相关文章

Vue3,父组件子组件传值,provide(提供)和inject(注入)传值

父组件向子组件传值父子组件传递数据时,通常使用的是props和emit,父向子传递使用props,子向父传递使用emit。子组件接收3种方式// 1、简单接收 props:["title","isShow"], // 2、接收的同时对数据类型进行限制 props:{...

Windows 下 Git 拉 Gitlab 代码

读者提问:『阿常你好,Windows 下 Git 拉 Gitlab 代码的操作步骤可以分享一下吗?』阿常回答:好的,总共分为五个步骤。一、Windows 下安装 Git官网下载链接:https://git-scm.com/download/winStandalone Installer(安装版)注意...

国产操作系统上Vim的详解03--安装和使用插件 | 统信 | 麒麟 | 中科方德

原文链接:国产操作系统上Vim的详解03--使用Vundle插件管理器来安装和使用插件 | 统信 | 麒麟 | 中科方德Hello,大家好啊!今天给大家带来一篇在国产操作系统上使用Vundle插件管理器来安装和使用Vim插件的详解文章。Vundle是Vim的一款强大的插件管理器,可以帮助我们轻松地安...

虚幻引擎5.5现已发布 手游开发、动画制作重大改进

Epic在今天发布了虚幻引擎5.5,现可通过Epic Launcher下载。此版本在动画创作、渲染、虚拟制片、移动端游戏开发和开发人员迭代工具集等方面做出了重大改进。 官方博客:虚幻引擎5.5现已发布,在动画创作、虚拟制作和移动游戏开发方面取得了显著进步,渲染、摄像机内视觉特效和开发人员迭代等领域的...

Vue中的路由配置常用属性

router:路由页面跳转的核心库;引入路由:import VueRouter from 'vue-router'; 注册路由:const router = new VueRouter({ })mode:模式路由有hash history两种模式:hash模式URL中包含#,#后边是...

深入理解vue-router原理

说到vue-router就表明他只适合于vue和vue是强绑定的关系;不适合其他框架;现在我们模仿实现一个VueRouter;1.要使页面刷新;借助vue本身的响应式原理;import Home from "./views/Home"; import About from "...