自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(272)
  • 资源 (12)
  • 收藏
  • 关注

原创 Mysql数组去重,并且获取最新数据

参考文章:mysql——去重并获取最新记录如下所示:问:3条数据都是同一个内容,但是要求只是显示最新的一条数据该如何操作呢?答:SELECT *FROM t_cb_rkdk_lsly aWHERE a.create_time IN ( SELECT m.createTime FROM ( SELECT DISTINCT (q.rkdk_guid), max(q.create_time) createTime

2020-09-04 16:52:41 163

原创 MySQL中的条件判断函数 CASE WHEN、IF、IFNULL你会用吗?

前言 有时候会遇到将数据库的枚举值直接翻译成对应的中文,如下例子所示:像这样的该如何实现呢?1 原来语句select DXYD_LX,DXYD_LX DXYD_LX_MC from T_ZKFXM_JBXX;2 case 语句select DXYD_LX, (case DXYD_LX when '1' then '旧城镇' when '2' then '旧厂矿' when '3' then '旧村庄' else '其他低效用地' end) as DXYD_LX_MC...

2020-07-16 09:24:02 77

原创 Vue 史上最全学习笔记(2020年1月9日)

目录✎VUE学习◆VUE学习心路历程◆VUE学习视频来源➀VUE学习视频百度网盘资源➁VUE本笔记学习视频资源◆VUE语法❶ Vue基础语法——模板语法(Three rule of template)❷ Vue基础语法——创建VUE实例(Create Vue)❸Vue生命周期(Vue life)❹Vue组件(Components type)...

2020-01-11 08:50:32 1963

原创 CSS 为div单个角设置弧度 border-radius 同时显示边框线&& div宽度自适应

参考文章 CSS 为div单个角设置弧度 border-radius 百度知道 目标样式具体实现当前使用element-ui<el-divider content-position="left"> <div class="divider"><h4 class="divider_text">一年</h4></div></el-divider> .divider { width

2020-11-24 15:56:13 23

原创 element 的dialog弹出会被遮住,如何解决?

场景图:解决办法1:在dialog上面写<el-dialog :visible.sync="operateVisible" width="50%" top="5vh" append-to-body>解决办法2:<el-dialog :visible.sync="operateVisible" width="50%" top="5vh" :modal-append-to-body='false'>参考文章:element 的dialog嵌套问

2020-11-23 10:54:26 15

原创 update select 根据查询结果更新

参考文章:1、根据select出来的数据进行update2、MySQL中SELECT+UPDATE并发更新问题需求:如果select的字段不为空,则set update,如果为空则不变。这个就需要set有一个条件update t_gdxmset sj_jd_sj = CASE WHEN b.sj_jd_sj is null THEN null ELSE b.sj_jd_sj END, sj_dg.

2020-11-19 14:27:01 21

原创 vue el-step 文字换行展示

原来效果图原来代码<el-steps :active="moneyStep" finish-status="success" align-center> <el-step :title="item.ydzfqhStr" :description="item.zfJe+' 万元,支付约定时间 ' + item.zfSj" v-for="item in items"></el-step></el-steps>修改后效果图修改后代码

2020-11-16 14:44:00 40

原创 2020-11-04T16:00:00.000+0000 前端数据 timestamp时差 展示错误问题

前言 首先数据库查询出来的数据如下,也就是说是5号,前端也需要展示成5号,实际展示效果如下:2020-11-04T16:00:00.000+0000 通过js的方法转化,反而变成了4号 // dateFormat("YYYY-mm-dd HH:MM", new Date()) function dateFormat(fmt, date) { let ret; const opt = { ...

2020-11-16 10:34:51 40

原创 layer.js 关闭弹窗触发刷新父页面数据

layer.open({ type: 2, title: '详情页', shadeClose: true, shade: 0.8, area: ['90%', '90%'], content: uri, //iframe的url end:function(){ var index = layer.load(1, { shade: [0.1,'#fff'] //0.1透明度的白色背景 loding }); window.parent.location.reload(); //.

2020-11-12 15:39:11 20

原创 element-ui dialog 如何设置动态高度 / 嵌套html

我们可以从官方的文档中得到,只有width的设置,那么如何动态设置height呢?代码部分:在这里已经设置了width为90%,设置ref=“tk”,弹框不要放到created里面,可以放在编辑的read方法。否则会undefined;同时要注意的是和顶部浏览器的距离(top=“2vh”),这个可以根据自己的屏幕大小调整,建议在2-5之间,如果你当前页面是一个很大的滚动屏,弹框没有设置top高度,会导致其top为默认高度,使得弹框(tk)需要滚动才能显示完全。// 设置屏幕高度90..

2020-11-09 11:16:52 380 2

原创 sql 多条数据仅仅返回符合条件的一条

如HtGuid关联多个数据:我想要的是最新数据,这个是最新创建的数据。原来的sql:select *from T_GDJC_RCXCWHERE HT_GUID = 'f4675355-8d60-4751-aedd-9e7335e58064A'ORDER BY CREATE_DATE DESC;利用Max:SELECT *FROM T_GDJC_RCXCwhere CREATE_DATE = (SELECT MAX(CREATE_DATE) FROM T_GDJC_RC

2020-09-27 14:41:42 40

原创 oracle 按照id,合并其他字段

参考文章:Oracle LISTAGG() 聚合查询用法 GROUP BY 和 PARTITION BY 的使用和比较SELECT JYXX_GUID, LISTAGG(JDR_NAME, ',') WITHIN GROUP (ORDER BY JYXX_GUID) AS JDR_NAMEFROM T_GG_JDRTEM GROUP BY JYXX_GUID结果图:

2020-08-19 10:09:01 87

原创 springboot 访问路径错误跳转到404(实现方法三)

根据网页返回的status值去进行跳转: WebMvcInterceptor import org.springframework.lang.Nullable;import org.springframework.web.servlet.HandlerInterceptor;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * Create.

2020-08-03 14:35:43 193

原创 springboot 访问路径错误跳转到404(实现方法二)

如果你使用了模板如template那么如果访问路径出问题,怎么自动加载到400.htmln呢?注意路径位置,他就会自动加载了。

2020-08-03 13:43:55 97

原创 springboot 访问路径错误跳转到404(实现方法一)

目录 参考文章 前言 准备工作 404.html和ErrorCtrl 开始内部处理 所有访问 getPath() applicationContext 之 ApplicationContextFactory 启动类SampleApplication 主要逻辑 404拦截处理WebMvcInterceptor InterceptorConfig 效果图(略) 参考文章 获取本工程中有哪些请求路径 SpringBoot中使用A...

2020-07-31 16:13:02 385

原创 2020年 年中总结

现在是2020年7月23日,2020年已经过去了一半以上,总结一下上半年干的事情:疫情期间在家学些vue和webpack、vue框架搭建,现在已经也顺利的开始写vue项目了,感觉还不错,就是原先是利用cli的现在直接用js写,一开始还是挺不习惯的,习惯之后就适应了。在写js的时候也跟网友们讨论遇到的问题,也学到了很多,fucntion变成对象调用啊,父子之间各种复杂的操作等,我平时也喜欢写写博客什么的,其实就是当总结来写的,像现在博客访问量25w+了,平时也爱研究一些小功能写写总结啥的。没什么爱

2020-07-23 11:03:37 55

原创 vue - 将页面url生成二维码(可以定义成对象再调用)1.2

目录vue单页面调用1、下载或者导入qrcode.js2、页面scan icon image3、scan实现方法vue全局调用1、引入依赖brower.js和qrcode.js2、使用页面调用效果gif参考文章在上一篇文章中我们可以实现了,将html页面变成图片,调用浏览器下载插件自动下载; 本篇中将要实现:手机微信等扫一扫,然后在手机上面可以查看网页数据。 vue单页面调用 1、下载或者导入qrcode.jsnpm instal...

2020-07-22 13:52:41 148

原创 IDEA光标变成了insert 黑色状态

idea每打开一个文件都会变成insert鼠标状态,如何修改呢?File -> Settin -> Generaa -> Appearance -> Use block caret 取消勾选状态 -> Apply

2020-07-20 14:12:21 328

原创 idea 打开文件多排显示消失

有时候会遇见多个文件名称不显示的问题,如何解决呢?Window->Editor Tabs-> Tab Placement ->Top......

2020-07-20 13:34:56 133

原创 vue - html2canvas 将页面表单数据保存为图片下载(可以定义成对象再调用)1.1

前言 我们在手机中经常会看到,长按页面会有一个图片保存的功能,那么将html页面转化成图片,并且下载是如何实现的呢? html页面转化成图片 1 第一步:html页面转化成图片 首先我们要用到html2canvas.jsnpm install html2canvas –save如果是vue工程则直接安装,如果不是vue工程,可以在其他vue工程中安装,然后在node_modules中找到对应的js复制到自己的工程中,而我是非vue工程走的是后者,如下图所示:我将j..

2020-07-17 10:10:58 110

原创 element-ui cascader 重置按钮触发清空操作

前言 有时候我们的提交表单会存在重置操作,那么会重置element-ui中的联级选择器,如果你是自定义组件的联级选择器,你会发现无法清空的情况,实际上你已经在父页面的reset方法中已经重置了下拉组件为空,但是页面上依旧残留着文字,如下图所示:当点击重置按钮之后,新版用途文字虽然存在,但是已经和后面的clearable触发之后的结果是一样的!!也就是点击重置按钮的结果是我们想要的,但是页面上的文字是我们想要弄掉的。那么我们的问题就是如何把页面上的文字清空掉!因为我这个下拉组件是子..

2020-07-13 16:19:41 1203

原创 js 中如何使用(function(global){…})(this)和页面如何调用

参考文章 https://stackoverflow.com/questions/10314891/how-to-use-functionglobal-this 简单普通funciton function a(){ alert("heihei")} 存在问题 容易出现方法名混乱,希望就只抛出一个类,不把方法名直接抛出,像第三方的 js一样。 GLOBAL写法例子 (function (GLOBAL) { 'use strict';// PS:未声明...

2020-06-09 11:22:15 314

原创 vue中如何实现双向绑定的3中方法(.sync/v-model和普通交互)

参考文章 vue 实现父组件和子组件之间的数据双向绑定 深入理解vue 修饰符sync【 vue sync修饰符示例】 彻底明白VUE修饰符sync 需求 父页面传入下拉组件的查询枚举值,子组件如果发生变化则需要更新父组件页面数据,当然我们可以通过props的方式去实现,然后再通过事件,在父页面接收,但是这样有点复杂了,所以我们可以通过其他方法实现。子页面影响父页面的方式:1、值变化(传入值变化) 2、事件变化(如弹窗关闭) 值变化 以对象的方式传入..

2020-05-26 16:49:30 162

原创 .html工程使用vue.js组件之间相互如何调用(行政区下拉组件为例)

1、前言现在我在做一个项目,但是没有node环境仅仅就是单纯的html工程,所有的内容都是通过js来写,也就是说vue中import和require语法也不支持,在这种情况下我们原先在vue工程中使用import {x}来引入的方式就会不适合了,当前使用的ui为element-ui。下面直接上手吧!2、初步代码首先我们先要写一个很基本vue页面在.html文件中:<!DOCTYPE html><html lang="en" xmlns:th="http://www.

2020-05-13 16:06:15 218

原创 批处理解析text文件内容的路径,复制路径中的文件到制定文件夹

需求:解析B.text文件内容,文件内容如下所示(注意是相对路径):COPY.txtCOPY2.txtCOPY3.txtml\COPY4.txt通过读取需要复制文件的名称,我们要讲文件和文件下面的文件复制到test2文件加下,那么该如何操作呢?1.bat命令内容@echo off for /f %%a in (D:\test1\B.txt) do ( copy /...

2020-03-20 16:12:22 157

原创 初识 Webpack 配置 bannerPlugin (xxx归谁版权所有)

1、这个是webpack内部的插件,首先在webpack.config.js中先引入:var webpack = require('webpack');2、webpack.config.js配置...plugins: [ new webpack.BannerPlugin('make by xuhaiyan'), // 字符串就是版权声明 ]...3、效果图...

2020-02-10 10:14:44 458

原创 初识 Webpack 配置source-map和watch的用法

source-map 即源码映射内容,在解析 js 的过程中可能需要将高级语法解析成低级语法,这里就需要配置label相关内容;1、安装依赖npm install @babel/core @babel/preset-env babel-loader webpack-dev-server -D2、添加index.js内容console.log('home')/* e...

2020-02-10 09:50:02 190

原创 webpack——多个entry和output配置、js不同文件的指定引用

0、依赖npm init -ynpm install webpack webpack-cli -Dnpm install html-webpack-plugin -D(作用:用模板生成html,自定引入js文件)1、在src下新增home.js和other.js2、新增index.html(./webpack-pages/index.html)3、webpack配置v...

2020-02-09 21:57:24 1062

原创 webpack中配置jquery暴露全局(expose-loader)

目录 源代码 普通引入 内联loader使用 webpack配置全部暴露jquery cdn配置 如何避免引入第三方模块 最终代码 源代码 链接:https://pan.baidu.com/s/1i45-_KqAgza4qNQfxKvAvQ提取码:0tgx 普通引入 1、在a.js中添加,npm run devvar $ = ...

2020-02-09 15:48:08 495 2

原创 vue的webpack配置es6转换es5语法、@log、解析原生api、识别es7、代码校验eslint

1、在index.js中添加内容let fn = () => { console.log('log');}fn();2、源文件转换依赖安装npm install babel-loader @babel/core @babel/preset-env -D3、在webpack.config.js中添加内容module: { rules: [ // es6-&...

2020-02-09 14:53:41 441

原创 vue中使用自定义注解(@log为例)

目录 一、代码资源 二、开发步骤 三、参考文章 四、webpack相关文章 一、代码资源 下面实战内容,是通过3个基本文件的基础上操作的,请自行下载!!! ㊯百度网盘分享 二、开发步骤 1、jquery 安装npm install jquery2、es6 语法转换依赖安装npm install babel-...

2020-02-06 16:59:25 284

原创 初识 webpack(十一)axios的post / get 请求封装 和状态返回通知

目录一、前期准备1.1 参考文章1.1 百度网盘资源1.2 webpack 三部曲一、axios 打包1.1 实战三、错误图例3.1 跨域问题3.2 定位异常四、vue整合4.1 百度网盘资源4.2关于请求通知Message.xx4.3关于请求通知Notification.xx 一、前期准备 1.1 参考文章 代码参考文章...

2020-01-30 16:27:46 325

原创 初识 Webpack (九) 使用打印和url解析(vconsole、jsUri)

目录vconsole-webpack-plugin➊ 参考文章➋步骤➌效果图jsUri (一)vconsole-webpack-plugin ➊ 参考文章 npm 官方地址 Github 使用vconsole项目地址(效果图可放大) 移动端的打印神器 VConsole ➋步骤 <!-- ➀ 新建项目 -->vue init ...

2020-01-29 14:24:09 457

原创 初识 Webpack (八) webpack documentwrite、引用第三方图标、使用template模板打包

目录0、document.write1、初始项目结构2、基本代码2.1 main.js2.2 style.css3、下载iconfont:https://iconfont.imweb.io/4、选中icon的预览html文件,快捷键ctrl+shift+c,在浏览器上预览是否正常显示3.1 部分代码:3.2 全部代码:5、执行打包命令6、预览效果7、...

2020-01-28 20:44:08 241

原创 初识 Webpack (四) 解析stylus文件,将css内容单独分离(loader和plugs配置)

目录✦ 前言✦ 文章➬ 文档➬ 遇到的问题➬ 配置和实战✦本章节学习内容✔ 基本代码和目录结构➊模块安装➋ 添加html-webpack-plugin打包➌添加extract-text-webpack-plugin打包✦ 整体代码✦ 总结 ✦ 前言 普通webpack的打包css被打包到了js文件中,以字符串的形式存在,并且整...

2020-01-27 23:48:23 664

原创 Vue编译打包处理

1 npm run build 执行后会生成dist目录,这个从而用于生产环境2 config/ index.js3 build / utils.js4 配置

2020-01-27 19:27:21 317

原创 初识 Webpack (七) 其他配置(制定css、js添加域名,解析html中的image,跨域、devtool定位css和js异常位置、clean插件、图标等)

目录◆打包图片处理3个文件基础直接跳转至此操作:3个文件操作结束◆ 打包css和image分别指定文件夹()◆ 访问图片时加上域名◆ 代理服务器◆ webpack其他属性(跨域)◆ devtool配置(定位异常)文章前言内容✔生产环境 js定位异常位置✔ 生产环境 css 定位异常位置◆ clean-webpack-plugin(...

2020-01-27 16:35:29 268

原创 初识 Webpack (六) 安装第三方库依赖(jquery为例)

目录✦ 全局暴露expose-loader jquery✦ 参考文章通过npm安装webpack✦ 加速器配置✦ jquery第三方依赖添加0、 项目基本结构1、webpack.config.js2、jquery引入3、相应文件编译得到结果4、依赖安装 npm5、plugins设置6、创建public文件和整体代码7、打包完毕,到public文件...

2020-01-27 16:34:31 174

原创 初识 Webpack (五) 编译es6和样式分离

目录文档一、实战1——识别css和插入header标签1 .1 实战前期代码1.2 加前缀1.3 css压缩(terser-webpack-plugin)1.4 总结1.5 最终代码一、实战2——编译es61.1 百度网盘资源1.2推荐文章1.3 具体操作➀ 浏览器识别es6所需依赖➁ webpack.config内容配置二、将样式抽离...

2020-01-27 16:29:41 240

原创 初识 Webpack (三) 功能讲解(配置文件可生成bundle.js的四种方式)

目录➣ 基本配置➣ 输出文件名称配置㊫配置文件生成bundle.js四大实战➊ [name].bundle.js➋ [id].bundle.js➌ [name].[hash].bundle.js(修改生新,无法缓存利用)➍ [chunkhash].bundle.js(特定修改文件,生新,未修改仍然使用缓存中hash名称)✔index.[chunkhash:8]...

2020-01-27 14:56:48 139

合并单元格方法.txt

html 根据key【主键】来合并相同的单元格,rowspan行合并,与当前的数组 【length+1】 相等

2019-11-19

v1.component.ts

此资源适用于ts文件中的注释,包活类注释,类属性注释,注意先要安装npm i reflect-metadata --save

2019-07-24

springcloud-provider-consumer-eureka

这个是springcloud出入门框架搭建,一个简单的用户provider,和一个简单的电影consumer,和一个还为开始搭建的eureka

2019-03-03

springcloud入门课件

微服务入门级别的学习课件,对应周立老师上的课程SpIng Cloud课程,周立老师的博客写的很好感性趣的人可以去看一下:http://www.itmuch.com

2019-03-02

dubbo-demo 简单入门例子

上述demo按照快速开发文档编写,并且修改了读取配置文件的方式,新增log4j和zookeeper

2019-02-06

Docker Kubernetes 微服务容器化实践(二) 2.1 微服务实战 thrift篇④--单点登录

这个是对应thrift的单点登录内容,需要在user-edge-service先写redis key为token的set缓存内容,再在user-edge-service里Ctrl写authentication接口,不然不成功哦。

2019-02-04

Docker Kubernetes 微服务容器化实践(二) 2.1 微服务实战 thrift篇 ③

这个是java service对thrift的调用,thrift客户端生成,一个单独的例子

2019-02-03

alibaba-rocketmq-3.2.6.tar.gz

RocketMQ与rabbitMQ相比,其运行效率更为高效,作为alibaba双十一的信息交换组件,其效率可见一斑,同时因为2.x以来公司内部其他系统,建议使用3.x及其以上版本。Github下载已失效,apache-rocketMQ已经到4.0,自行选择下载

2018-06-13

spring-boot-mybatis 初步搭建

spring-boot-mybatis 初步搭建,注意数据库密码和pom的顺序问题

2018-01-06

springboot-generator配置

springboot-generator 配置,完全可以跑的起来呢。。。。

2018-01-06

springboot+thymeleaf

实现html页面跳转

2018-01-05

spring-boot入门helloword

springboot入门helloworld教程;springboot自带tomcat所以IDEA打包无法启动本篇code重点描述tomcat外置启动。

2018-01-03

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除