- 博客(66)
- 收藏
- 关注
RSS订阅原创 springboot入门系列（十一）websocket实现倒计时100秒
文章目录背景后端pom配置核心逻辑测试done背景项目里难免需要长连接来观察状态的持续变化，这就需要用到websocket。本次用一个简单的倒计时小程序来进行介绍。本文借鉴自：websocket入门后端pom父项目：<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-dependencies</artifactId&
2022-01-05 15:11:30
1336
原创 使用mybatis批量新增
实体类@Datapublic class User { private long id; private String name; private int age; private String email; private String phone; private String username; private String password;}mapperpublic interface UserMapper { /**
2021-12-28 16:39:09
1097
原创 vue2+viewDesign实现tabs动态增减
vue2&viewDesign Tabs背景准备工作备用组件导航组件delete tab完背景上次写了个vue3+element-ui版本的，其实已经够用了，不过闲来无事就想琢磨一下，弄了一个vue2+viewDesign的实现，原理差不多。准备工作备用组件准备几个备用的用来切换的组件，如下：<!-- 第一个组件 --><template> <div>组件一</div></template><!-- 第二个组件 -
2021-11-29 16:28:41
1138
原创 Iview+Vue+Springboot上传文件到腾讯COS
上传文件前言前端上传组件后端附：腾讯COS专用工具类吐槽前言这个功能吧，我想了很久。以前用一个很蠢的方案实现过，但是不够优雅漂亮。哎，你猜怎么着，我最近琢磨出了一个比较靠谱的套路。走着前端上传组件<Upload ref="uploadImage" type="drag" :action="`${saveAction}`" :data="{filename: currentFileName}" accept="image/png, image/jpeg, image/jpg
2021-10-12 14:47:16
410
原创 vue页面内跳转到指定位置
handleJump(val) { // val想要跳往的dom的id const dom = document.querySelector(`#x${val}`) // 调用dom的scrollIntoView方法 if (dom) { dom.scrollIntoView(true) }},
2021-09-22 17:30:39
1128
原创 Vue3中关于自定义指令的一些经历
文章目录前言从一个需求开始第一阶段第二阶段第三阶段自定义指令的注册解决自适应高度的问题前言自定义指令真的蛮好用，尤其是一些繁琐的很多组件都通用的监控，直接扔到指令里面就行。但是从vue2到vue3的演进过程里，指令的使用方式发生了比较大的变化，而且有一些坑，在这里记录一下。Tips：本文默认你已经熟练使用vue2的自定义指令从一个需求开始需求：前端项目使用element-ui，其中el-table的表高在换不同显示屏的时候很难适配，需要一个统一的处理手段进行自适应，应该怎么做呢？第一阶段手
2021-09-16 15:30:26
276
原创 Vue3+element动态增减el-tabs
文章目录overview设计容器容器主体样式文件容器左侧overoverview这个问题我想了很久，怎么能优雅地实现点击左侧边栏，右边动态增减。现在有点眉目了设计容器容器主体主要思路：分为三个部分，容器整体，容器左侧，容器右侧。左侧是按钮组，右侧是待渲染部分。我把侧边栏单独抽出来做了个组件，不重要。然后重点是动态增减Tabs，最重要的就是用component的:is属性，根据按钮的callBack动态渲染每一个Tab的内容。代码如下：<div class="root-ele">
2021-09-11 17:55:02
1782
原创 SpringCloud入门（二）nacos + dubbo
文章目录前言设计父工程pom.xml服务接口约定服务提供方pom.xml配置文件启动类服务提供服务消费方pom.xml配置文件启动类服务调用控制器前言好久没正经更新这个系列了，还是要续一下的…设计springboot + nacos + dubbo。本集只更新最基础最简单的用法。项目结构如下：父工程pom.xml<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM
2021-07-21 16:32:29
986
2
原创 比较好玩的标题动效
文章目录前言代码前言逛博客的时候看到一个比较好玩的动效，鼠标悬停在标题时，平滑分离，移开时平滑靠拢，于是实现了一下，纯html+css代码html部分<span class="dev-test"> <b class="dev-test dev-front"> <i>1</i> </b> <span class="dev-test dev-test-line">|</span> <b class="
2021-07-16 13:21:39
123
原创 极简版thrift+consul
极简版thrift+consul解决方案一、吐槽二、准备docker起一个consul服务提供方先编译一个Hello.java的thrift服务然后新建一个maven项目依赖如下：依赖正式开始写代码启动器工具类服务实现注册消费方依赖配置文件启动器开始定义服务实体类三级目录一、吐槽之前写过一期这个主题，然后被墙外某网站原封不动的抄袭了…但问题是上一期代码有问题，就删了准备重写来着。希望抄袭的人能同步更新这一篇吧…二、准备docker起一个consuldocker pull docker.io/con
2021-04-20 15:01:38
574
原创 Vue3的一丢丢使用心得
持续更新第一次更新2021-4-19一、main.js的变化二、定制化组件能力defineComponentsetup生命周期函数三、不再推荐使用Vuexprovide与inject第一次更新2021-4-19一、main.js的变化在Vue2中，常见的main.js形式如下：import Vue from 'vue'import xxx from 'XXX'Vue.use(xxx)new Vue({ el: '#app', router, store, components:
2021-04-19 11:12:34
366
原创 SpringCloud系列入门（一）
SpringCloud系列入门前言微服务springcloud一组技术从最简单的微服务开始三级目录前言微服务微服务的核心思想是模块化，标准化，解耦合。举例来说，比如一家公司，只有一个部门，这个部门管理一切技术、运营、财务、法务。。。你觉得能行么？放到spring里面来，古老的单体服务就像一家只有一个部门的公司，微服务要做的，就是把这些部门拆开，规定每个部门的责任范围，沟通标准等等。springcloudSpringCloud不是一个技术，而是一组技术。这一组技术结合起来总称SpringCloud
2021-02-21 10:42:16
114
原创 ELK初探——docker版
ELK初探——docker版拉镜像启动改配置拉镜像# es本体docker pull docker.elastic.co/elasticsearch/elasticsearch:7.6.1# kibanadocker pull docker.elastic.co/kibana/kibana:7.6.1# headdocker pull mobz/elasticsearch-head:5启动# 启动esdocker run -d --name es -p 9200:9200 -p 930
2021-02-01 20:22:43
133
原创 JVM学习纪要
JVM学习纪要一、内存区域的划分程序计数器虚拟机栈局部变量表本地方法栈Java堆方法区二、对象创建过程内存布局对象头实例数据对齐填充对象访问三、垃圾与垃圾回收引用对象的死亡判定引用计数引用可达死亡与清理方法区的回收类的回收垃圾收集器理论与实现理论三种实现思路实现根节点枚举安全点安全区记忆集和卡表记忆集卡表写屏障并发的可达性分析目前常见的垃圾收集器serialparnewG1parallel scavengeserial old / parallel oldCMS详述G1详述具体实现仍待优化的问题实验期垃圾收
2021-01-25 16:05:44
109
原创 Java中值传递的深入思考
值传递的思考值传递还是引用传递值传递还是引用传递任何一篇文章都会坚定地回答：值传递但是，当看到这样一段代码时，也许你会有疑问：
2021-01-05 16:51:20
91
1
原创 Springboot入门系列（十）prometheus+grafana监控+docker配置prometheus
Springboot与监控一、原因二、springboot使用step1 pomstep2 ymlstep3 启动项目step4 在prometheus中配置服务，重启prometheus三、prometheus+grafana in local1、安装2、访问grafana四、in docker五、常见问题一、原因一个完整的项目必然要监控，不然出了问题就沙雕了。而prometheus+grafana因为：炫酷好看（重点）天然支持k8s+docker完美适配springboot所以被选为监控
2020-12-16 12:51:22
487
原创 SpringBoot入门系列（九）RPC框架——Thrift学习
Thrift学习一、简介二、架构三、安装1、mac2、windows3、linux四、IDL简介1、IDL编写基本语法2、IDL结构3、IDL支持的数据类型下面结合实例进行说明step1 写IDLstep2 服务端01 pom文件02 配置文件03 将编译好的HelloService.java放到namespace指定的位置04 写一个controller实现HelloService.Iface接口05 手写thrift服务器，用于启动thrift06 在启动器里用springboot容器获取bean，启动
2020-12-14 11:25:22
706
1
原创 一些linux查找命令
1.从文件内容查找匹配指定字符专串的行$ grep “被查属找的字符串” 文件名2.从文件内容查找与正则表达式匹配的行$ grep –e “正则表达式” 文件名3.查找时不区分大小写：$ grep –i “被查找的字符串” 文件名4.查找匹配的行数：$ grep -c “被查找的字符串” 文件名5.从文件内容查找不匹配指定字符串的行$ grep –v “被查找的字符串” 文件名6.从根目录开始查找所有扩展名为.log的文本文件，并找出包含”ERROR”的行find / -type f
2020-10-26 15:58:31
60
原创 Element-UI中打开本地文件
Element-UI中打开本地文件一、问题二、html部分三、js部分四、上一个/下一个一、问题有时候我们要打开本地文件直接在页面上查看，怎么用Element-UI提供的功能实现？二、html部分<el-upload :auto-upload="false" :on-change="elInFile" multiple accept="audio/*"> <el-button siz
2020-10-13 09:32:13
4470
原创 Drools使用细节
Drools使用细节一、根据数据库存储的内容录入规则二、语法细节一、根据数据库存储的内容录入规则先注入kieSystem@Autowired private KieFileSystem kieFileSystem;// 获取kie服务KieServices kieServices = KieServices.Factory.get();// 获取规则List<Rule> listRule = ruleDao.getRule();// 获取规则依赖，就是import、globa
2020-09-28 17:41:03
1184
原创 el-dialog关闭再打开时滞留数据的问题
问题昨天碰到一个需求，需要开闭el-dialog。我在这个dialog里面放了一个el-tree。这个el-tree是根据传进el-dialog的不同主键动态生成的。其他功能都还好，就是这个el-tree，当我关闭el-dialog再打开的时候，上一个dialog的el-tree的值和状态都会带过来，这显然不是我要的效果解决1、分析为什么会发生这个情况？因为el-dialog的关闭不是真的关闭，而是隐藏。这就导致一个问题，点击关闭以后，该dialog的内存不会被清除，到下一次再次打开时，就会发生
2020-09-15 10:55:30
2617
原创 vue用el-scrollbar替换原生滚动条且不干扰其它style
1、用el-scrollbar包裹目标div2、为目标div设置class，如class=“test-class”3、全局样式： .test-class .el-scrollbar__wrap { overflow: scroll; width: 111%; height: 120%; }
2020-09-10 19:22:23
976
原创 Mysql去重相关的记录
1、查询重复Select * From table_name Where name In (Select name From table_name Group By name Having Count(*)>1)把table_name和name换成你的表名和字段即可2、去重并保留主键最小的一条由于Mysql不支持事件1：更新时查询和事件2：查询时更新同时发生，所以必须用中间表把待更新（删除）字段查为中间表后再执行删除。以下语句把table_name换成你的表，name换成可能重复的字段，i
2020-09-08 12:00:11
89
原创 Springboot中使用JdbcTemplate和ibatis分别实现动态查询
JdbcTemplate/Mybatis问题一、JdbcTemplate实现二、ibatis1、定义接口2、ibatis脚本问题我们经常会遇到这样一种情况，在前端页面查询某个表，条件有多个；如果某一个条件用户并未选择，那后台查询时就不应当将这个条件放入SQL语句中进行查询，这就是动态查询技术。常用的三种DAO技术是JdbcTemplate，Mybatis，Jpa，Jpa不太熟，这里只介绍JdbcTemplate，Mybatis技术。一、JdbcTemplate实现看下面这段代码：// 三个查询条
2020-09-02 11:41:03
1190
原创 Element-UI中内置动效小记
1、前言为了避免页面各种组件进出太直白，我们常常会给组件加上动效。在element中，为我们提供了内置动画效果：<transition name="el-fade-in"> <div v-show="show" class="transition-box">.el-fade-in</div></transition>我们只需要控制显隐即可控制显示特效，非常方便。2、问题但是，默认动画效果有时候太快或者太慢，不符合我们的预期，如何调整？以渐隐
2020-08-31 16:57:59
2440
原创 Vue中使用懒加载El-Tree使用样例（前后端）
El-Tree使用一、后端1、树节点实体类2、控制器和相关服务3、dao层二、前端1、HTML部分：2、静态配置：3、函数一、后端1、树节点实体类@Datapublic class TreeNode { private long id; // 结点主键 private String code; // 结点编码 private String name; // 结点名 private Integer grade; // 结点等级 private Integer displayOrder; //
2020-08-29 15:02:25
1088
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人