vuex维护websocket并且进行心跳检测，断开进行重连等业务需求效果图（123张图分别为初始化连接，模拟网络断开进行重连，模拟网络恢复重新建立连接）需要连接点（维护点）一、登录调用方法vuex里index进行注册utils.js代码块，主要代码（备注会一行一行写清楚，请耐心查看）app.vue中再次调用getUserInfo方法，避免浏览器强制刷新导致断开连接页面使用（附效果图）难点在于连接成功后onopen、onmessage方法心跳检测，以及onclose、onerror断开连接后进行重连。这块还添加了自己本身的另一个短连接口业务，所以会难梳理。不懂的还请vuex里代码每行注释进行通
vuex维护websocket并且进行心跳检测，断开进行重连等业务需求效果图（123张图分别为初始化连接，模拟网络断开进行重连，模拟网络恢复重新建立连接）需要连接点（维护点）一、登录调用方法vuex里index进行注册utils.js代码块，主要代码（备注会一行一行写清楚，请耐心查看）app.vue中再次调用getUserInfo方法，避免浏览器强制刷新导致断开连接页面使用（附效果图）难点在于连接成功后onopen、onmessage方法心跳检测，以及onclose、onerror断开连接后进行重连。这块还添加了自己本身的另一个短连接口业务，所以会难梳理。不懂的还请vuex里代码每行注释进行通
近期，数据中心系统负荷大，mysql服务器的CPU动辄高达90%以上。代码和数据表存在很大优化空间。 这里分享一个定时任务批量处理数据的优化过程。 先介绍定时任务先介绍下面2张数据表 字段数据量platform_order平台交易订单表包括主键自增id、客户id、客户名称（冗余字段）、服务商id（levy_id）、服务商名称（levy_name，冗余字段）、付款方式、付款状态、收款人、收款人收款账号（卡号/支付宝/微信）、项目id、付款金额、渠道商、销售代表、创建时间、最近更新时间、付款完成时间，等等。550w，每天增量3w宽表，有多达54个字段。levy_info服务商信息表字段包括服务商
近期，数据中心系统负荷大，mysql服务器的CPU动辄高达90%以上。代码和数据表存在很大优化空间。 这里分享一个定时任务批量处理数据的优化过程。 先介绍定时任务先介绍下面2张数据表 字段数据量platform_order平台交易订单表包括主键自增id、客户id、客户名称（冗余字段）、服务商id（levy_id）、服务商名称（levy_name，冗余字段）、付款方式、付款状态、收款人、收款人收款账号（卡号/支付宝/微信）、项目id、付款金额、渠道商、销售代表、创建时间、最近更新时间、付款完成时间，等等。550w，每天增量3w宽表，有多达54个字段。levy_info服务商信息表字段包括服务商
由于一直使用的前端组件element-plus，所以需要经常看文档，但无奈官网实在不给力，经常报503或者404，大大影响效率和心情，忍无可忍就本地化部署一套解决此问题。百度了一下大多数都是使用vscode的liveserver,或者放到服务器上,均可使用。因为我自己测试需要访问很多文件或者视频资源，所以在本地搭建了一个tomcat服务器，不用上传到服务器，不用担心被删掉1. 安装tomcat9.0或者其他版本均可下载地址： ApacheTomcat®-ApacheTomcat9SoftwareDownloads 注意下载安装版本，这样方便知道tomcat的运行状态，也可以配置开机启动。 2.
由于一直使用的前端组件element-plus，所以需要经常看文档，但无奈官网实在不给力，经常报503或者404，大大影响效率和心情，忍无可忍就本地化部署一套解决此问题。百度了一下大多数都是使用vscode的liveserver,或者放到服务器上,均可使用。因为我自己测试需要访问很多文件或者视频资源，所以在本地搭建了一个tomcat服务器，不用上传到服务器，不用担心被删掉1. 安装tomcat9.0或者其他版本均可下载地址： ApacheTomcat®-ApacheTomcat9SoftwareDownloads 注意下载安装版本，这样方便知道tomcat的运行状态，也可以配置开机启动。 2.
文章目录前言一、el-colspanpush&pull响应式offset二、el-rowgutterjustifyalign总结前言拖拉了一晚,总结了一些Layout布局工具的使用方法.一、el-col本来打算先说row的…写完看了一遍感觉还是换过来的好(捂脸).el-col是el-row的子元素.在el-row添加style="flex-direction:column;"可以实现纵向排列el-col,在需要纵向布局时可以使用,横向col现在填满默认自动换行,不需要特别规定;span规定一个col占据24份中的多少份.倒也不是必加的属性…当el-row中仅有一个el-col时,该el-col
文章目录前言一、el-colspanpush&pull响应式offset二、el-rowgutterjustifyalign总结前言拖拉了一晚,总结了一些Layout布局工具的使用方法.一、el-col本来打算先说row的…写完看了一遍感觉还是换过来的好(捂脸).el-col是el-row的子元素.在el-row添加style="flex-direction:column;"可以实现纵向排列el-col,在需要纵向布局时可以使用,横向col现在填满默认自动换行,不需要特别规定;span规定一个col占据24份中的多少份.倒也不是必加的属性…当el-row中仅有一个el-col时,该el-col
一、序言众所周知，MybatisPlus在处理单表DAO操作时非常的方便。在处理多表连接连接查询也有优雅的解决方案。今天分享MybatisPlus基于Lambda表达式优雅实现聚合分组查询。由于视频的交互性更强，保留更多的细节，看视频的朋友，传送门在这里。下面的内容是博客文字版。二、代码实现1、用户实体类@TableName(value="tb_user")publicclassUser{privatestaticfinallongserialVersionUID=1L;privateIntegerage;privateLongdeptId;@TableId(type=IdType.AUTO)
一、序言众所周知，MybatisPlus在处理单表DAO操作时非常的方便。在处理多表连接连接查询也有优雅的解决方案。今天分享MybatisPlus基于Lambda表达式优雅实现聚合分组查询。由于视频的交互性更强，保留更多的细节，看视频的朋友，传送门在这里。下面的内容是博客文字版。二、代码实现1、用户实体类@TableName(value="tb_user")publicclassUser{privatestaticfinallongserialVersionUID=1L;privateIntegerage;privateLongdeptId;@TableId(type=IdType.AUTO)
