自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (1)
  • 收藏
  • 关注

原创 【echarts多个y轴分页展示,格式化label,格式化tooltip,自动换行】

echarts 多个y轴显示折线图,格式化tooltip,数字换行,添加label等

2022-12-27 13:59:37 1013 1

原创 【sql regexp 正则匹配 多对多】

sql regexp 正则匹配 多对多

2022-11-14 17:43:19 3986

原创 vue 2 和 vue3 组件的五种通讯方式

vue2 vue3 5种通讯方式总结。

2022-10-24 16:00:02 1032

原创 使用nodeJs框架koa2搭建项目后端

koa2 + mysql + sequelize 搭建项目,创建数据库表、插入、读取等练习。

2022-10-21 14:46:42 715

原创 后端一次性返回10万条数据,使用vue,你该如何渲染?

后端一次性返回10万条数据,使用vue的解决方案有多种,本文采用pl-table和后端循环的方式进行获取和渲染数据。

2022-08-20 19:05:42 6211 2

原创 【flutter 页面跳转后退如何刷新?】

百度了很多,但是写的不清楚,引用网上的一个例子https://www.nstack.in/blog/flutter-refresh-on-navigator-pop-or-go-back/代码如下:后退刷新的关键:从HomePage到SecondPage 使用// 第一部分需要设置的地方void navigateSecondPage() {Route route = MaterialPageRoute(builder: (context) => SecondPage());Navigator

2022-06-22 11:47:26 1034

原创 js面试知识点合集

js面试知识点合集1. 大纲2. JS基础 变量类型和计算2.1 typeof能判断哪些类型?2.2 何时使用=== 何时使用== ?2.3 值类型和引用类型的区别?2.4 手写深拷贝2.5 类型转换的坑3. 原型和原型链3.1 如何判断一个变量是不是数组?3.2 手写一个简易的jquery,考虑插件和扩展性。3.3 class的原型本质4. 作用域和闭包5. 异步6. 异步进阶1. 大纲2. JS基础 变量类型和计算2.1 typeof能判断哪些类型?基础类型:string number b

2022-06-04 12:29:57 277

原创 css面试题及涉及的知识点

本文主要是css面试中涉及到的知识点,包括布局、定位、图文样式、响应式等几大块,通过可能会出的题目将知识点串联起来,加上代码练习会更容易理解和掌握。

2022-05-28 22:11:53 122

原创 html面试知识点

前端html面试题

2022-05-27 20:26:24 81

原创 Flutter 桌面应用调研

Flutter 桌面应用调研1、官网地址:https://flutter.cn/desktop2、版本: Windows(Win32)Beta 版支持3、Windows 安装环境:4、创建新项目5、在已有项目中增加支持windows平台。6、遇到的问题7、桌面应用去掉app的轮播图方法8、桌面应用最大化最小化关闭按钮定制化1、官网地址:https://flutter.cn/desktop2、版本: Windows(Win32)Beta 版支持3、Windows 安装环境:1)安装 Visual St

2022-03-07 11:37:45 2820 2

原创 mongodb 用命令导入导出数据库,用命令在Robo3T 上查询。

mongodb 用命令导入导出数据库,用命令在Robo3T 上查询。mongodb导入导出命令导入命令导出命令在Robo3T上查询mongodb导入导出命令快捷方式:如果没有配置mongodb的环境变量,可直接在mongodb的安装bin目录下,将相应的json文件复制到这里,去除json后缀名执行命令。需要配置环境变量的可自行百度。数据库名:test 密码:123456导入的数据表名:table1导进去的数据表名: table2当前ip地址和端口号:localhost:27017导入命令

2022-01-05 15:53:34 6321

原创 vue elementui table表格序号一列 样式设计

elementui table表格序号一列 样式设计1. 需求描述2. html代码3. css设计成这样:1. 需求描述elementui table排序后 将序号 前三名按照如果所示的样式展示出来。其中涉及的css包括序号背景大小、如何对前三个序号,每个设计不同的颜色等。2. html代码<el-table border :header-cell-style="{background: '#fafafa'}" :data="chartDataType.rows" highlight-c

2021-12-13 16:32:37 2372

原创 springboot + vue+ redis 多线程查询外部接口,数据量大崩溃问题完美解决。

springboot + vue+ redis 多线程调用需求描述vue 前端后端开发1. 异步设置2.controller3. service4.serviceImpl需求描述自己的系统要接入几个外部系统的数据,即同一个查询条件需要同时从不同的局域网系统中获取数据并汇总到当前系统中展示。数据量大的时候,查询经常会崩掉。解决办法是前端调用后端服务时,立刻返回一个任务id(因为前端响应时间大概是5s,超过5s就报错,立刻返回不会让用户有错觉),同时设置一个定时器setInterval(),根据返回的任务

2021-11-26 15:57:12 2451 1

原创 vue-gallery + axios 上传图片,给每个图片添加进度条

使用vue-gallery + axios 上传图片,给每个图片添加进度条。问题描述1. 前端新增时对话框2.新增保存方法,axios同步进度问题描述项目中使用vue-gallery 上传和管理图片,因为图片跟当前业务数据分开保存在不同的表中(因为是一对多,所以图片有一个单独的表),需要在业务数据保存成功后返回新增成功的业务id,根据返回的id再保存图片到表中,所以用到了axios进行异步调用。由于图片大于10M后,上传速度慢下来,前端显示成功,但是点击编辑图片还没加载上。所以需要在前端显示进度。

2021-11-22 16:54:54 1104

原创 mybatis 批量插入和批量更新方法小记

mybatis 批量删除和批量更新1.批量插入 insert2.批量更新 update2.12.21.批量插入 insert<insert id="insertBatch" parameterType="List"> insert into t_tool(place,material_name,material_class,wrench_model,num_code, existing,receive,seal,scrap,amount,create_user

2021-11-22 14:24:49 876

原创 使用vue-gallery 图片预览加载不上,图片点击没效果问题解决

使用vue-gallery 图片预览加载不上,图片点击没效果问题解决问题描述原因解决方法问题描述一个vue页面,有新增图片、编辑图片、查看图片等功能,新增或者点击编辑进行删除后点击查看图片,图片列表存在,但是点击预览图片出不来。原因原因是同一个页面使用多个gallery插件会加载不了。解决方法同一个页面只使用一个gallery插件,只在查看和编辑是对变量images进行重新赋值即可。<!-- 图片集合 --> <gallery :images="images" :index

2021-11-08 16:43:04 1209

原创 vue 批量下载图片并打包成zip包

vue 批量下载图片并打包成zip包1、前端展示效果2、前端代码1、前端展示效果2、前端代码第一步:安装jszip 、file-savercnpm install jszipcnpm install file-saver第二步:导入jszip 、file-saver import JSZip from 'jszip' import FileSaver from "file-saver"第三步:展示代码 <!--查看照片--> <el-dialog

2021-11-08 16:35:45 2722

原创 vue + springboot 前后端分别导出excel两种方法

vue + springboot 前后端导出excel两种方法前端导出excel后端导出excel前端导出excel一、导出步骤:后端返回需要的数据列表。前端去组装。使用oper-excel.js函数导出。二、附上oper-excel.js文件链接:https://pan.baidu.com/s/1YzX6CWRHR1gVWxW80NO56w提取码:65zi三、前端实现过程<template> <el-button icon="el-icon-download"

2021-11-02 16:49:41 8756 8

原创 sql server 查询保留2位小数,navicat四舍五入后进一位为零后只剩一位。

文章目录1.问题描述2.解决方法round(@number,2)函数CONVERT(DECIMAL(13, 2),@number)函数CAST(@number AS DECIMAL(13, 2))函数1.问题描述sql server 项目中有用到将数字保留两位小数需求,使用navicat12 连接 sql server2000数据库,使用convert()函数、round()、cast()都不可以。SELECT CAST(1001.695 AS DECIMAL(18, 2)) '列1', ROUND

2021-10-20 16:40:04 2389

原创 局域网内共享文件处理小窍门

局域网文件共享过程记录1.找到需要共享的文件夹,右键弹出如下图所示弹框,选择“授予访问权限”–>“特定用户”2.弹出如下图所示弹框,从下拉框中选择“Everyone”,点击“添加”按钮,再点击“共享”按钮。3.在其他电脑上读取该文件,找到“网络”,打开4.在查询框里输入\ip地址,如:\192.168.1.2,即可查看到共享的文件夹。工作中用到了,有时想不起来,特此记录。...

2021-10-14 14:42:40 141

原创 java 导入excel文档 日期时间格式出错java.text.ParseException: Unparseable date: “44480.6633101852 ,完美解决

java 导入excel文档 日期时间格式出错java.text.ParseException: Unparseable date: "44480.6633101852 ,完美解决问题描述:解决方法:问题描述:项目中有个需求是导入excel文档,文档中有个日期时间,开始导入时总是报错,如下图所示的错误:解决方法:在导入文件时,遍历每一行时加入如下方法:public List<Map<String,String>> uploadFileParse(Sheet sheet,

2021-10-14 14:18:38 2181 1

原创 docker中dockerfile、 docker-compose相关概念记录

docker中dockerfile、 docker-compose相关概念记录1. dockerfile和docker-compose区别2. dockrefile3.make-image.sh 创建镜像4.docker-compose常用属性介绍1) version2)image3)restart4)depend_on5) links6)ports7) volumes8) env_file.env1. dockerfile和docker-compose区别使用 Dockerfile 定义应用程序的环

2021-09-30 14:33:30 178

原创 elementui 在表格单元格中添加el-tooltip,并在el-tooltip中添加走马灯图片,设置图片下方的横条宽度。

描述:项目中使用的elementui-ui版本是2.8.2。业务需求:在文字上添加提示框,并在提示框中添加走马灯图片。问题1:在添加完图片后,图片过多时,下方横条会换行,于是调整横条css,最终达到如下效果。1. 前端html代码,需要注意的是这里图片的宽度和高度写固定了,这个可以调整,图片下方加了字,是图片的名称。 <el-table-column align="center" prop="toolName" label="工具名称"> <t

2021-09-30 09:18:10 3417

原创 swagger+springboot 工程配置 、导出html、adoc、pdf文档全过程记录。

目录1.pom添加依赖jar包。2.pom添加导出html、adoc、pdf的插件。3.工程添加字体和汉化的文件。4.工程添加配置文件。​5. 启动工程,浏览器查看6. 执行命令生成文档。1.pom添加依赖jar包。 <!--swagger相关--> <dependency> <groupId>io.springfox</groupId> <artifa..

2021-09-23 17:17:34 1264 2

原创 sqlserver2000 +springboot 如何带查询条件进行分页查询?

sqlserver2000分页使用不了offset,原生sql查询出错。 /** * 通过原生 SQL 分页查询返回 List<Map> - 多条记录 * * @param sql 原生 SQL 语句 * @param pageable Pageable * @return List<Map<String, Object>> */ @SuppressWarnings("unchecked")

2021-09-22 16:33:57 635 2

原创 sql server 2000 +springboot 出错 net.sourceforge.jtds.jdbc.ConnectionJDBC3.isValid

问题描述:最近使用sql server 2000 + springboot 2.0搭建工程,配置好数据源后,工程启动报错:解决方法:springboot 2.0 默认使用hikari连接池,需要配置connection-test-query: SELECT 1,hikari配置说明如下图所示:pom文件添加sqlserver的需要的jar <dependency> <groupId>jtds</groupI..

2021-09-22 16:12:06 914

原创 Java实现导入包含多张照片和一个excel文件的zip包功能。

功能描述:只导入用户信息文件,文件为excel文件。或者导入用户信息,同时导入用户的照片,一个excel中有10个人,照片有10张,根据人名命名照片名字,并将照片的部分信息保存到用户相应的表中。注意:解压zip包,解压的地址为系统临时地址,所以省去了创建临时文件夹和删除文件。具体实现如下:1.controller层 // 导入用户数据 @RequiresRoles("SuperUsers") @PostMapping(value="/users/import") publi

2021-09-01 11:56:13 1105

原创 linux 系统 用docker安装mysql后获取的时间相差8小时问题解决

问题描述:项目中使用mybatis查询数据库,用到了sysdate()函数,选择小于等于当前时间的数据,前端页面展示没有数据。使用navicate查询结果如图所示,确实是相差8小时。1.使用navicat,右键选择命令列界面进入。2.输入命令查询解决方案一1.set global time_zone = '+08:00';2.set time_zone = '+08:00';3.flush privileges;4.select sysdate();但是这个...

2021-09-01 10:36:22 588

原创 linux 系统 JAVA_HOME is not set问题解决

问题描述:/etc/profile中设置了JAVA_HOME和 PATH,并且java -version都是正确的,但是使用shell脚本运行项目时(包含工程jar包),提示JAVA_HOME is not set问题。百度后说是/etc/environmt文件中加一个JAVA_HOME就可以了命令查询 cat /etc/environment如下图加入JAVA_HOME后问题解决。...

2021-08-20 15:12:25 8680 1

原创 安装spark + 用命令运行scala相关项目 + crontab定时执行

一、准备工作:1.需要的软件:java安装jre1.8 spark-2.2.0.tar.gz(已配置好)2.运行工程需要的东西:maven工程打的jar包 --prodmge-mapreduce-0.0.1-SNAPSHOT.jar,运行工程需要的lib,bjtds.sql二、安装spark和配置spark的变量:主要是参考的https://blog.csdn.net/weixin_46995451/article/details/108709068安装时需要注意spark版本..

2021-08-20 09:08:03 1494

原创 elementui 改变全局所有表格的边框颜色。

问题描述:应用户需求要调整表格边框和表格行的颜色。附加:最好改变全局所有表格的边框颜色。使用的elementui框架,该框架是开源的,但是也存在很多问题。改变表格的边框颜色没有特定的属性进行修改,只能通过css脚本进行修改。解决办法:1.通过浏览器找到表格边框的css样式。鼠标放在边框上,右键弹框中选择“检查”。进入如下图所示:到这一步后其实我也不知道哪一个是能改变表格内行颜色的,这个时候该怎么办呢?因为css本身底子比较弱,所以只能用笨办法,一个一个试,凡是看见

2021-08-19 14:48:23 5260 3

原创 elementui 中 el-input 调整边框宽度

问题描述:项目中遇到调整 el-input边框大小的问题,但是在通过右键 “检查”时,调整css后,多个输入框之间的距离特别大,不能调整。于是想到用布局span属性。elementui官方是这样规定的:解决方法:在项目中是这样解决的:首先有一个el-form表单,将表单内容放到一行中,然后对每个item外层加一个el-col并对其设置栅格。效果如下:...

2021-08-19 14:41:13 3146

原创 elementui 排版布局时遇到的问题

问题描述:换行后字数少但跟其他行左对齐不了。因为整体的文字都设置的在中间,换行后有一行字数只有四五个字,怎么设置也跟上一行左对齐不了。后来想明白了,因为每一行能左对齐到一块是因为后面的字将其挤到了最左边。解决方法:将最后一行后面加空格,一直加到跟上一行左对齐为止。<p>准予交付。&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&e.

2021-08-19 14:31:24 715

原创 前端 对数组进行排序方法 sort 总结,包括读数字和时间排序

因项目中使用到在前端对数据列表排序,有的是对数字的排序,有的是对时间的排序,排序的方法有些不同,故此记录。1.对数字类型排序this.list.sort(function(o1,o2) {return o1 - 02})例子:2.对日期类型排序this.list.sort(function(o1,o2) {return o1.time < o2.time ? 1 : -1}) //降序排列...

2021-08-19 14:25:31 2612

原创 elementui el-select多选进行初始化后,重新选择选不上问题完美解决。

问题描述:elect多选进行初始化后,重新选择选不上?这个问题之前也遇到了,但是一直都是采用两个变量解决的。今天百度终于找到一个好的解决方法。初始化后,点击选项选择不上,后来加了@change=“selectChangeMethod”进行了强制刷新,然后完美解决。...

2021-08-19 14:18:40 1438 1

原创 使用elementui + axios上传图片踩过的坑

1.先了解一下axiosaxios中文文档介绍:http://www.axios-js.com/zh-cn/docs/执行GET请求// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345').then(function (response) {console.log(response);}).catch(function (error) {console.log(error);});// 上面的请求也可以这样做axios.get..

2021-08-19 14:13:30 733

原创 elementui el-tab页面切换如何自动刷新当前页面?

问题描述:当tab页面第一次切换时会自动刷新页面,但当第二次再切换到该页面是不自动刷新,如何让每次切换都刷新问题。解决方法:去掉keep-alive。子组件修改监听事件。keep-alive:主要用于保留组件状态或避免重新渲染。父组件原代码(无法实现切换自动刷新):<el-tabs v-model="activeName" @tab-click="handleClick" type="border-card"> <el-tab-pane

2021-08-19 14:02:52 7413

原创 elementui 中table合并单元格后,序号是1,3,5,8....,如何变成正常的1,2,3.....

html代码:el-table中添加prop="Nosort"<el-table border :header-cell-style="{background: '#fafafa'}" :data="list" height="a" highlight-current-row style="flex:1;width:100%;" :span-method="objectSpanMethod" > <el-table-

2021-08-19 13:51:57 1779 1

原创 vue + handsontable 遇到的坑

第一个坑:在全局配置后,在vue页面使用时,仍然出错,找不到组件。所以必须添加到需要使用的页面<script>import { HotTable, HotColumn } from '@handsontable/vue'; export default{ components: { HotTable, HotColumn }, }</script&g...

2021-08-19 11:28:13 1825 2

原创 vue + handsontable 安装

handsontable是一款类似Excel的框架,功能很强大,项目中主要是用到合并单元格功能。官网地址:https://handsontable.com/官网安装:最好是使用cnpm install handsontable @handsontable/vue安装后在package.json包中会出现依赖包如下图所示:因为我是在全局使用,所以在main.js中进行了配置(其实已经为后面使用埋下了坑):...

2021-08-19 11:17:51 1092

tbl_infrastructure_pinyin.sql

mysql存储过程,对表格内容汉字进行汉语拼音转换,可进行全拼或简拼的模糊查询,例如:中国人---zhongguoren 或 zgr。

2020-06-24

空空如也

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

TA关注的人

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