摘要:
Vue项目使用MQTT 1、安装依赖 npm i mqtt@2.18.8 -S 2、页面引用 import mqtt from 'mqtt' 3、客户端 data(){ return { ... //定义连接的客户端 client:null } } 4、建立连接并进行订阅 如果此连接是想跟随页面的加 阅读全文
摘要:
【若依框架】登录后取消或修改"首页"菜单 若依框架登录后默认是指向index首页仪表盘。如果想移除或修改,可以参考以下步骤。 1、打开router/index.js文件,找到首页路由配置并将改为自定义页面 // { // path: '', // component: Layout, // redi 阅读全文
摘要:
若依框架将向Vuex中存储数据 1、创建文件 在store -> modules 中创建文件 const state = { accessIdToken: '' } const mutations = { setToken: (state,token) => { state.accessIdToke 阅读全文
摘要:
若依框架构造树形结构数据 一、数据库表结构 以分组为例,仅创建分组所需字段,其余业务需要字段后续再添加即可 SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0; -- -- Table structure for ggroup_data -- DROP TAB 阅读全文
摘要:
若依框架整合WebSocket 一、前端 1、定义socket对象 data(){ return{ webSocket: null, } } 2、建立连接 //如果webSocket为null进行建立连接 if (!this.webSocket) { this.webSocket = new Web 阅读全文
摘要:
若依框架整合Echarts图表 1、放置Echarts图表的div <el-col :span="12"> <div :class="className" :style="{height:height,width:width}" :ref="'chart'"/> </el-col> 注:ref里 阅读全文
摘要:
解决跨域问题 配置跨域过滤器(通用) import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springf 阅读全文
摘要:
若依框架添加导入功能 1、前端 1)添加导入按钮 <el-col :span="1.5"> <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport">导入</el-button> </e 阅读全文
摘要:
全网最详细CompletableFuture使用教程 CompletableFuture实战 简介 在Java8中,CompletableFuture提供了非常强大的Future的扩展功能,可以帮助我们简化异步编程的复杂性,并且提供了函数式编程的能力,可以通过回调的方式处理计算结果,也提供了转换和组 阅读全文
摘要:
WebSocket连接实现实时数据推送 1、前端 1-1、webSocket.js //暴露自定义websocket对象 export const socket = { //后台请求路径 url: "", //websocket对象 websocket: null, //websocket状态 we 阅读全文