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

基于springboot+vue的自定义的拖拽式智能大屏

一、项目简介

基于springboot+vue的自定义的拖拽式智能大屏,主要是通过选择配置数据库链接,编写特定的查询语句,然后通过拖拽框架,设计自己的大屏,大屏中每个控件可以去绑定配置好的数据源。

运行的时候,先加载界面,然后再去渲染数据。流程就是这么个流程。

升级策略:

如果想做的好一点,可以把这个项目升级一下。

(1)把配置数据源升级成可以配置连接硬件的各种协议(mqtt、tcp、modbus等)

(2)前后端控件渲染可以改成通过websocket推送的形式,来渲染各个控件的数据。

(3)控件的升级,可以给控件增加一些操作事件(比如脚本之内的),通过点击按钮进行跳转到别的页面,或者执行一些脚本事件

如果按照上面的想法,再稍微升级一下就好了

二、实现功能

  • 支持数据源配置

  • 支持可视化配置界面

  • 支持大屏展示

  • 支持项目管理

三、技术选型

  • springboot

  • mybatis

  • vue

四、界面展示

五、源码地址

回复:智能大屏

相关文章

Linux发行版Nobara更新39版本,号称“专为游戏玩家定制”

IT之家 12 月 27 日消息,Linux 发行版 Nobara 今天推出了 39 版本,主要改进了“Gamescope 合成器”,并更新了 OBS Studio、部分驱动程序及 Nautilus...

迁移GIT仓库并带有历史提交记录(git 迁移仓库)

迁移git仓库开发在很多时候,会遇到一个问题。GIT仓库的管理,特别是仓库的迁移。我需要保留已有的历史记录,而不是重新开发,重头再来。我们可以这样做:使用--mirror模式会把本地的分支都克隆。//...

Gitlab 的使用和代码审查流程介绍

1、先简洁介绍下项目常用的信息-面板统计页面2、用户信息面板3、服务器信息4、项目信息5、重点介绍代码提交审核机制和授权合并机制开发人员推送代码的时候不能直接推送到master,否则就会报错。此时开发...

如何使用git clone克隆包含子模块的仓库

技术背景在软件开发中,当项目规模逐渐增大时,为了更好地管理代码,我们常常会使用子模块将项目拆分成多个独立的部分。Git 作为目前最流行的版本控制系统,提供了管理子模块的功能。但在克隆包含子模块的仓库时...

HTML5+眼球追踪?黑科技颠覆传统手机体验

今天,iH5工具推出一个新的神秘功能——眼动追踪,可以通过摄像头捕捉观众眼球活动!为了给大家具体演示该功能的使用,我做了一个案例,供大家参考。实际效果如下:案例比较简单,就是通过眼动功能获取视觉焦点位...

HTML5设计与制作哪家强?全省50多所高职院校齐聚中山比拼

3月22日下午,2018-2019年广东省职业院校学生专业技能大赛“HTML5交互融媒体内容设计与制作”赛项在中山火炬职业技术学院开幕。全省51所高职院校的52支参赛队伍参加此次大赛。参赛师生将于3月...