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

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

zonemu2个月前 (08-19)技术文章25

一、项目简介

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

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

升级策略:

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

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

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

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

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

二、实现功能

  • 支持数据源配置

  • 支持可视化配置界面

  • 支持大屏展示

  • 支持项目管理

三、技术选型

  • springboot

  • mybatis

  • vue

四、界面展示

五、源码地址

回复:智能大屏

相关文章

傻瓜式DEVOPS实践手册——Gitlab部署

GitLab是一款开放源代码的DevOps平台,用于实现从项目规划、源代码管理、CI/CD到监控和安全性的全方位集成。GitLab主要用于版本控制、协同开发、持续集成/持续部署 (CI/CD)、自动化...

K8s 的 Namespace 到底解决了什么问题?

在 Kubernetes 的世界里,资源调度、服务编排以及自动化运维构成了它强大的基础架构能力。但随着集群规模的扩大和团队协作复杂度的提升,仅靠原始的资源管理手段已经难以支撑多租户或大型项目的管理需求...

高效使用 Vim 编辑器的 10 个技巧

在 Reverb,我们使用 MacVim 来标准化开发环境,使配对更容易,并提高效率。当我开始使用 Reverb 时,我以前从未使用过 Vim。我花了几个星期才开始感到舒服,但如果没有这样的提示,可能...

HTML5培训的学习大纲

第一阶段前端开发基础:1.HTML标签语言(xhtml+html5)行业介绍,本地环境配置,sublime编辑器学习使用,制作html标准模板,css基础,html常用标签(一),html常用标签(二...

育知HTML5培训,为什么要学习“HTML5混合式开发技术”

HTML5 的广泛应用,强势崛起企业现在安卓、iOS开发人员都在学习HTML5混合开发,节约成本、一专多能是未来很多企业用人趋势!HTML5工程师在今后的工作中与 Android、iOS工程师对接的几...

最快清除数组空值?分享 1 段优质 JS 代码片段!

本内容首发于工粽号:程序员大澈,每日分享一段优质代码片段,欢迎关注和投稿!大家好,我是大澈!本文约 600+ 字,整篇阅读约需 1 分钟。今天分享一段优质 JS 代码片段,用最简洁的代码清除了数组中的...