自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

DuebassLei的博客

生活点滴可爱,都值得我前进

原创 Capacitor实现WebView中访问的自定义Android代码

前言 Capacitor 自定义插件 实现WebView中访问的自定义Android代码 最近在工作中使用Vue+Vant+Capacitor 开发打包移动端应用,因业务需求需与原生的Android进行数据通信,通过webview访问原生Android中的数据,即Android 与 js 互调...

2020-06-13 18:43:26 87 0

原创 在window子系统ubuntu配置使用window for docker

安装Ubuntu 子系统 Window10开启开发人员模式 应用商店下载Ubuntu系统 启动Ubuntu 20.04 配置Docker Desktop for window docker版本 配置ubutun 输入docker ps -a 安装docker.io apt -get in...

2020-05-17 16:28:32 79 0

原创 Docker一键部署cloud-torrent实现不限速下载BT文件

前言 使用阿里云centos7环境(已经安装docker),使用docker方式安装cloud-torrent并下载bt动漫资源,再也不用担心限速的问题啦! 优点: 图形化界面 使用简洁 不限速(取决于你的服务器带宽) cloud-torrent简介 Cloud torrent是一个使用G...

2020-05-14 16:35:05 133 0

原创 Vue中使用Viser(基于AntV-G2可视化引擎)

前言 AntV-G2官网推荐使用Viser,本文介绍针对Vue版本的viser-vue简单使用。 安装viser-vue yarn add viser-vue yarn add @antv/data-set main.js中引入 import Viser from 'viser-v...

2020-05-13 19:48:32 794 0

原创 Docker部署MinIO对象存储服务器

简介 MinIO是世界上最快的对象存储服务器。在标准硬件上,读/写速度分别为183 GB / s和171 GB / s,对象存储可以作为主要存储层,用于Spark,Presto,TensorFlow,H2O.ai以及替代产品等各种工作负载用于Hadoop HDFS。 MinIO是一种高性能的分...

2020-05-01 11:51:43 103 0

原创 Capacitor+Vue+Vant移动端打包总结
原力计划

Capacitor 打包Android出错问题总结 问题一 在使用Capacitor打包Android项目上运行该应用程序时遇到问题。 Android Studio拒绝运行项目并显示以下错误: 错误:无法找到脚本“:xxx\android\capacitor-cordova-android-pl...

2020-04-23 19:06:18 562 0

原创 van-picker级联选择(获取多个字段)

前言 使用Vant的picker级联选择返回多个字段数据信息 官方文档 修改onConfirm事件 //data返回数据数组,index返回索引数组 onConfirm(data,index) { ...

2020-04-21 14:42:03 354 0

原创 van-picker级联选择(自定义字段显示)

前言 van-picker级联选择 将自定义平铺结构转化为层级结构数据 动态$set()给每一条数据对象添加text属性用于展示 数据处理 原始数据 [ {id: 'node1',pid: 'root',content: 'test&#...

2020-04-20 18:24:10 1070 0

原创 Vue动态路由传参和监听路由
原力计划

Vue动态路由传参 query传参 params传参 //定义Detail路由 { path: '/detail/:id', name: 'Detail' component: () => import('@...

2020-04-20 10:21:44 170 1

原创 Typora+PicGo+Github/Gitee搭建免费稳定的图床
原力计划

PicGo PicGo是一款图片上传工具,目前支持 SM.MS图床、腾讯云COS、微博图床、GitHub图床、七牛图床、Imgur图床、阿里云OSS、又拍云图床,未来将支持更多图床。 而这里边,SM.MS和Imgur有免费版也有收费版,腾讯云、七牛、阿里云、又拍云都是收费的,微博图床据说已经挂...

2020-04-09 23:11:21 323 0

原创 Docker之Dockerfile指令
原力计划

Dockerfile关于 在Docker中创建镜像最常用的方式,就是使用Dockerfile。Dockerfile是一个Docker镜像的描述文件,Dockerfile包含了一条条的指令,每一条指令构建一层,因此每一条指令的内容,就是描述该层应当如何构建。 Dockerfile思维导图 Dock...

2020-04-02 16:36:44 33 0

原创 Docker安装Oracle 12c
原力计划

Oracle简介 Oracle 12c,全称Oracle Database 12c,是Oracle 11g的升级版,新增了很多新的特性 Docker下载oracle12c 查找oracle镜像 docker search oracle 下载Oracle镜像 我这里选择truevoly/o...

2020-03-26 15:54:49 565 0

原创 Cordova+Vue打包Android Apk

文章目录Cordova打包Vue移动端项目Android环境要求安装Cordova安装Android SDK安装GradleCordova创建项目Vue项目使用Cordova打包创建一个的Vue项目github源码 Cordova打包Vue移动端项目Android 环境要求 Cordova G...

2020-03-23 15:05:33 175 0

原创 Vue使用手写签名组件Sign-Canvas

前言 使用【sign-canvas】组件二次封装自定义手写签名组件,一个基于canvas开发封装实现的通用手写签名板(电子签名板),支持PC端和移动端,效果如下图所示: 安装 yarn add sin-canvas 全局引入 import SignCanvas from "sign-...

2020-01-20 19:05:12 525 0

原创 Windows10家庭版安装Docker(Hyper-V)

前言 家庭版不支持Hyper-V,Docker Desktop是无法直接安装的。但其实家庭版是可以通过脚本开启Hyper-V来安装Docker Desktop的。 开启Hyper-V 记事本新建Start Hyper-V.txt文件,保存后另存为Start Hyper-V.cmd文件,然后以管理员...

2020-01-19 20:18:30 216 0

原创 Windows下Intellij IDEA实现Docker部署SpringCloud项目

前言 将本地普通的SpringCloud项目在IDEA下使用Docker部署 环境 Windows 10 IntelliJ IDEA 2018 Docker 18.09.2 本地连接不需要TLS加密 将docker与本地的连接设置为不需要TLS加密 IDEA 安装Docker插件 配置...

2020-01-19 20:03:56 174 0

原创 docker+nginx部署vue项目

环境 Centos 7 Docker Nginx 将项目打包 yarn run build 打包生成生成dist静态资源目录 我这里资源文件放置在阿里云服务器/usr/gaolei/dockers/nginx-docker下 ...

2020-01-02 20:21:54 62 0

原创 Ionic 构建 Vue Web App

创建vue项目 vue create ionic-vue 构建成功,运行: yarn run serve 在浏览器中输入: locahost:8081 安装ionic相关依赖 安装ionic相关依赖(其中@ionic/core是组件部分,@ionic/vue是封装成V...

2019-12-31 12:14:03 258 0

原创 vue 生命周期

vue 生命周期 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp...

2019-12-21 23:35:01 21 0

原创 vue-element多文件上传多次请求接口问题解决办法

element-ui多文件上传请求多次接口解决办法 问题 使用element-ui上传多文件时,发送请求出现多次提交问题,重复上传 警告: 切勿将发送后台请求的axios方法写在自定义上传方法如:http-request="handleHttpRequest"中,否则将会按文...

2019-11-20 11:56:59 718 0

原创 element-ui 表单数据提交之多图片上传

Vue element 表单数据提交之多图片上传 需求 目前有这样一个表单,其中包含基础input数据,及选择多图片同表单一起提交后台 选中后: 本地预览选中图片 上传时: 多图片上传 上传表单效果如下: 图片选择表单 <el-form-item label=&qu...

2019-11-19 20:39:11 304 0

原创 Vue中axios实现文件流下载

文章目录Vue中axios实现文件流下载前言:bookmark:以文件流返回:bookmark: axios请求封装定义`Api`接口调用导出`excel`文件接口 Vue中axios实现文件流下载 前言 后端以文件流的形式返回数据,前端多选数据导出excel文件 ????以文件流返回 Str...

2019-11-14 19:47:33 306 2

原创 vue-pdf预览(以二进制格式存储在数据库中的文件)

前言 使用vue-pdf插件预览数据库中以二进制存储的pdf文件 之前写的一篇是: vue-pdf查看本地pdf文件及打印乱码问题处理 后端文件以流的方式返回 @GetMapping(value="/download/{pid}") @ApiOperation(valu...

2019-11-04 19:09:53 367 0

原创 nginx部署VuePress静态个人博客

nginx部署VuePress生成的静态博客 编译打包 yarn docs:build #编译打包 打包成功 nginx配置 location / { root html/dist; index index.html index.htm...

2019-10-31 15:21:37 776 0

原创 VuePress搭建个人网站

VuePress VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的 全局安装 yarn global add vuepress # or npm install -g vu...

2019-10-29 17:18:51 159 0

原创 git提交消息的表情符号指南

Gitmoji 是一项倡议,旨在标准化和解释GitHub提交消息上表情符号的使用。 使用表情符号提交信息提供了一种简单的方法的识别的目的或意图提交仅看着使用的表情符号 参考来源: git提交消息的表情符号指南 git提交消息的表情符号指南github仓库 ...

2019-10-25 15:44:34 103 0

原创 Springboot中使用freemarker动态生成word文档

文章目录freemarker模板动态生成word文档前言准备简单模板准备<一> `word 2003` 新建`.doc` 模板<二> 另存为`.xml` 文件,格式化代码,并检查是否存在变量分离问题,如图<三> 重命名为`.ftl`模板`freemarker`文...

2019-10-22 15:05:00 587 5

原创 Apache POI对Excel的基本操作

文章目录Apache POI对Excel的基本操作code目录环境Maven 依赖插入数据Excel读取数据Excel插入带公式计算Excel读取带公式计算的Excel格式化Excel单元格值在一定范围内交替行变色设置到期时间源码: Apache POI对Excel的基本操作 code目录 co...

2019-10-16 19:55:02 53 0

原创 vue中使用vue-quill-editor富文本编辑器及自定义工具栏

文章目录前言使用vue-quill-editor安装引入使用效果自定义vue-quill-editor工具栏Quilljs官网说明自定义工具栏参数项 前言 在Vue项目中使用vue-quill-editor富文本编辑器及编辑器自定义工具栏。 使用vue-quill-editor 安装 yarn a...

2019-09-29 12:34:55 540 0

原创 《SpringCloud》 6 Config(配置中心)

文章目录简介准备Config-Server核心依赖开启配置中心bootstrap.ymlGit远程仓库添加配置文件测试Config-Client核心依赖bootstrap.yml测试结合Eureka源码 简介 Spring Cloud Config为分布式系统中的外部化配置提供了服务器和客户端支持...

2019-09-27 23:31:17 26 0

原创 JavaScript将JsonObject转为JosnArray

文章目录需求获取到的数据如下,需要将result对象转成json数组核心代码调用转化函数测试验证 需求 在使用Antd-vue的Table组件时,数据dataSource为数组类型,现在使用查询接口的时候返回的时json对象,需要前台进行转化为json数组 获取到的数据如下,需要将result对象...

2019-09-27 23:21:23 39 0

原创 JavaScript将JsonArray转为JsonTree

文章目录需求核心代码测试效果 需求 从后端接口获取数据,将List集合以Json形式返回,返回数据形如下所示,为了前端以树形结构展示,需将一维数据转化为树形结构数据。 [ { 'groupId': '1', ...

2019-09-27 23:10:23 83 0

原创 vue中使用video.js插件实现视频播放

文章目录video.js实现视频播放安装main.js中引入在VideoPlayer.vue 组件中使用效果 video.js实现视频播放 在vue中使用video.js实现文件播放。 安装 yarn add video.js success Saved 24 new dependencies....

2019-09-27 22:57:29 4047 4

原创 《SpringCloud》5 构建微服务网关(Zuul)

文章目录引言简介引入依赖配置zuul@EnableZuulProxy开启Zuul服务过滤改造项目,使用Zuul过滤器参考文章项目源码 引言 路由在微服务架构的组成部分。例如,/可以映射到您的Web应用程序,/api/users映射到用户服务并/api/shop映射到商店服务。Zuul是Netfli...

2019-09-27 22:46:41 34 0

原创 《SpringCloud》4 容错处理(Hystrix)

文章目录前言在ribbon使用断路器引入依赖@EnableHystrix注解开启Hystrix@HystrixCommand在Feign中使用断熔器Hystrix Dashboard (Hystrix 仪表盘)Hystrix简介引入依赖@EnableHystrixDashboard 开启hystr...

2019-09-27 22:36:54 40 0

原创 《SpringCloud》3 服务消费者(Feign声明式REST调用)

文章目录使用Feign声明式REST调用Feign简介引入依赖application.yml@EnableFeignClients 开启Feign定义一个feign接口项目源码 使用Feign声明式REST调用 Feign简介 Feign 是一个声明web服务客户端,这便得编写web服务客户端更容...

2019-09-27 22:27:13 35 0

原创 《SpringCloud》2 服务消费者(Ribbon客户端侧负载均衡)

文章目录简介引入Ribbon,Eureka依赖修改application.yml@LoadBalanced注解开启负载均衡Rabbion测试参考文章项目源码 简介 Ribbon是一个基于HTTP和TCP客户端的负载均衡器 引入Ribbon,Eureka依赖 <dependen...

2019-09-27 22:15:31 52 0

原创 《SpringCloud》1 服务注册与发现Eureka

目录`SpringCloud` 服务注册与发现`Eureka`项目实战项目结构一、服务注册中心:`eureka-server`核心依赖实现服务注册中心配置文件启动项目二、服务提供方 :`eureka-service`核心依赖实现服务提供方配置文件启动项目新建`EurekaServiceApi`项目...

2019-09-27 22:01:59 27 0

原创 vue-pdf查看pdf文件及打印乱码问题处理

目录内容vue-pdf 使用安装引入自定义封装pdf预览组件使用预览效果点击下载打印预览pdf打印乱码解决办法解决办法乱码解决,打印预览正常以下为本人修改的pdfjsWrapper.js文件,亲测解决乱码问题 内容 vue-pdf预览pdf文件及打印预览乱码问题解决 vue-pdf 使用 安装...

2019-09-27 21:40:32 1767 2

原创 时间戳计算所间隔天数

时间戳计算间隔天数计算 Math.floor((结束时间−开始时间)/(24∗3600∗1000)) Math.floor((结束时间-开始时间)/(24*3600*1000)) Math.floor((结束时间−开始时间)/(24∗3600∗1000)) <te...

2019-09-25 00:32:33 732 0

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