- 博客(23)
- 收藏
- 关注
RSS订阅原创 解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析前言总所周知，Vue路由有两种模式，默认hash模式，这种模式下url上会带"#"，因此很多公司开发都不使用hash模式而选用另一种history模式，因为history模式下的url不会带上"#"。不带"#"既是history模式的优势，同时让它带来了一些烦人的问题，比如打包部署页面刷新为空白页，使用嵌套路由刷新为空白页的问题。今天我就分享下我解决嵌套路由刷新的问题。问题分析以下是我学习/测试时写的二级路由当我第
2021-08-12 23:46:24
9187
2
原创 OpenBlock openblock-gui中定制Logo与实现用户登录系列
定制化openblock-gui（介绍篇）目标OpenBlock定制化openblock-gui章节目录链接:目标接下来将给大家更新关于openblock定制化的相关信息，学完这系列文章你将能实现：1.定制化openblock的Logo2.为你的openblock实现登录功能(前端+后端)OpenBlock由于时间关系该系列文章将不会介绍OpenBlock基础知识。想了解、学习OpenBlock的请前往官方GitHub：OpenBlock 项目地址：https://github.com/op
2021-07-21 22:09:07
735
1
原创 第一章 openblock-gui定制化Logo
第一章 openblock-gui定制化Logo前言克隆项目切换分支查看分支切换分支安装项目依赖定制化Logo前言本章将为大家介绍如何去修改openblock-gui的logo，从而实现定制化自己的logo克隆项目//部分人执行此条指令可能没事git clone https://github.com/openblockcc/openblock-gui//如果上面指令报错,则将https替换成git,指令如下//fatal: unable to access 'https://github.c
2021-07-21 22:06:28
1330
1
原创 第二章 openblock-gui实现用户登录1(切换登录与未登录状态)
第二章 openblock-gui实现用户登录 1前言代码编写前言接下来几章将带大家实现实现用户登录。这里要求大家必须掌握redux与react-redux，否则你将看到云里雾里，考虑到部分人可能没有学习过React、redux与react-redux，这里建议这部分人先别往下，前去bilibili学习下React相关知识：尚硅谷2021版React技术全家桶全套完整版（零基础入门到精通/男神天禹老师亲授），学完再继续。代码编写创建一个user-state的reducer，在src->redu
2021-07-21 22:05:20
631
1
原创 第三章 openblock-gui实现用户登录2(负责国际化的openblock-l10n)
负责国际化的openblock-l10n前言代码编写前言在上一章我们留下了一个报错"Missing message: “gui.menuBar.loginButton” for locale: “zh-cn”, using default message as fallback."对吧，本章我们将解决它。本章我们将修改负责国际化的openblock-l10n。代码编写首先我们来到openblock的官方代码仓库，往下我们会看到一个openblock-l10n 的东西，我们将它克隆到与openbloc
2021-07-21 22:04:13
680
1
原创 第四章 openblock-gui实现用户登录3(登录弹窗制作)
第四章 openblock-gui实现用户登录3（登录弹窗制作）前言代码编写前言我们要制作一个用户登录那么是不是需要一个登录框呢？要不然用户登录个寂寞，所以本章节我将带大家实现登录弹出框。因为openblock已经定义好了它自己的container Modal，所以我们直接使用岂不快哉！代码编写首先写让我们来写个登录窗体的组件吧，前面的章节按钮组件我用了函数组件，那么窗体我们就使用类组件吧。首先在src\components下新建一个login-popup文件夹，在里面新建login-popup.j
2021-07-21 22:03:07
718
1
原创 第五章 openblock-gui实现用户登录4(前端发送请求)
openblock-gui实现用户登录3（前端发送请求）前言代码编写前言上一章我们已经实现了登录弹窗了，那有了登录弹窗接下来肯定要获取登录信息开始登录了对吧，那本章我们就一起来实现获取弹窗的输入信息并完成请求发送。代码编写首先呢我们是不是需要先去收集到用户在弹出框内填入的账号和密码对吧，好的那么接下来呢我们便修改下我们之前写的login-popup，需要对input框加入ref属性(如果你还是熟悉ref是什么建议翻到我们的第二张去bilibili先学一学)，然后就是新增一个getAccountAnd
2021-07-21 22:00:55
391
2
原创 第六章 openblock-gui实现用户登录5(userData共享)
userData共享前言代码实现前言userData共享其实和loginState共享是一样的，说实话都不想把这个作为一章，但是考虑有些萌新，我就再带大家实现一遍，已经掌握的人可以跳过本章自己实现一遍。代码实现首先来到src\containers\gui.jsx，添加如下代码// 大概在129行const mapStateToProps = state => { return { ... userData: state.scratchGui.userState.userDa
2021-07-21 21:57:25
363
1
原创 React学习笔记之redux与react-redux
React学习笔记之redux与react-redux前言安装redux使用原理定义静态变量constant.js实现ActionCreators(count_action.js)实现Store(store.js)实现Reducers(count_reducer.js)实现Count组件App.js程序入口index.jsreact-redux使用原理容器组件(container->Count->index.js)UI组件(component->Count->index.js)App
2021-07-12 23:14:28
263
4
原创 Spring Boot+Vue 实现后端分页前端批量展示
Spring Boot+Vue 实现后端分页前端批量展示前言实现步骤1.PageBean工具类2.PageBeanResult类3.Controller调用4.前端批量展示前言在开发前端项目时，当我们需要展示的数据量过多从而无法一次性展示完的时候我们就会采用分页的方式，但是很多小白基本上都是使用element-UI或者其他方式实现前端分页，前端分页的弊端在于需要一次性将所有数据全部取出，当我们需要展示的内容基数过大时,如果一次性取出就会导致前端渲染缓慢，影响用户使用体验。而后端分页，前端批量展示的优势在
2021-07-04 18:06:31
1613
4
原创 Vue tinymce富文本编辑器实现与图片保存至阿里云OSS
Vue tinymce富文本编辑器实现与图片保存至阿里云OSS前言安装tinymce-vue下载tinymce下载中文语言包tinymce组件编写(base64存储)tinymce组件编写(阿里云OSS存储)1.安装oss2.获取到访问oss的accessKeyId和accessKeySecret：3.跨域问题4.在项目中配置oss.js5.tinymce-editor(阿里云)完整代码tinymce组件使用结果展示前言最近在做后台的文章发布功能，选了一圈的编辑器最后选择tinymce，不仅因为界面优美
2021-06-30 22:47:25
3298
6
原创 阿里巴巴IconFont的图标的下载使用
阿里巴巴IconFont的图标的下载使用前言阿里巴巴矢量图标使用步骤前言接着上一篇《Vue实现图片验证码、邮箱验证码以及Cookie记住我功能》，这篇文章主要给大家介绍下阿里巴巴矢量图标在Vue项目中的使用。Element UI中的图标本来就少，再加上可以满足用户需求的图标更是少之又少了。因此为了能更好的开发我们的Web项目，我们便采用了阿里巴巴矢量图标。阿里巴巴矢量图标官网阿里巴巴矢量图标使用步骤1. 进入官网搜索你想要的矢量图标2. 选择你想要的矢量图标,添加入库3. 点击右上角的购物车图
2020-12-29 15:03:20
3302
原创 Vue+Spring Boot实现图片验证码、邮箱验证码以及Cookie记住我功能(前后端代码详解)
Vue实现图片验证码、邮箱验证码以及Cookie记住我功能前言图片验证码实现Vue前端实现Spring Boot后端实现邮箱验证码实现Vue前端实现Spring Boot后端实现前言最近更新Vue和Spring Boot的文章偏多，算法类内容偏少，一方面因为最近在做毕设，用到前后端。另一方面是因为没时间，算法类文章整理费时，Vue和Spring Boot的文章整理起来偏简单。言归正传，接下来进入今天的主题，教大家如何实现图片验证码、邮箱验证码以及Cookie记住我功能。先分开讲解代码，文章最后会给出完整
2020-12-29 13:33:05
1834
2
原创 Vue利用Canvas实现逐帧播放图片不闪烁(Vue解决逐帧播放图片闪烁问题)
Vue利用Canvas实现逐帧播放图片不闪烁前言Vue代码实现实现效果前言Vue采用<el-image :src="src"></el-image>，通过动态改变图片地址来实现逐帧播放图片会引起严重的闪烁问题。原因是因为采用这种方式每次在切换图片时它都会先销毁上一张图片，从而暴露出背景颜色，再加载新的图片，因此产生严重的闪烁问题。要想解决此问题可以利用Canvas将图片绘制在画布上，当加载新图片时不去销毁上一张图片，这样就能解决逐帧播放图片闪烁的问题了。接下来先展示下我们一会逐
2020-12-28 00:56:01
2708
3
原创 Vue+Spring Boot使用ElementUI el-upload实现视频带参数上传(前后端代码详解）
Vue+Spring Boot使用ElementUI el-upload实现视频带参数上传(前后端代码详解）前言Vue实现带参数视频上传Spring Boot接收参数并保存视频实现效果视频上传前Vue前端视频上传中Vue前端视频上传成功后Vue前端视频上传成功后Spring Boot后端上传结果前言在百度上看到很多博主谈起Element UI el-upload大多都是对官网已有内容进行搬运，也仅限前端实现，无后端操作，更无扩展性讲解，千篇一律，枯燥无用，因此今天我给大家讲些有用的，如何实现前端带参数上
2020-12-27 23:34:41
6232
15
原创 Vue+ElementUI中使用Echarts绘制圆环图 折线图 饼图 柱状图
Vue+ElementUI中使用Echarts绘制圆环图 折线图 饼图 柱状图前言环境配置安装全局引用圆环图折线图饼图柱状图前言今天给大家介绍下如何在Vue+ElementUI中使用Echarts绘制圆环图 折线图 饼图 柱状图 （全局引用组件后，代码放入可直接运行）。环境配置安装//npm也一样cnpm install echarts --save全局引用main.js中配置//引入 echartsimport echarts from 'echarts'//注册组件Vue.pr
2020-12-22 16:13:51
20751
10
原创 Android基于Modbus RTU协议通过蓝牙与蓝牙串口开发板通信
Android基于ModbusRtu协议通过蓝牙与蓝牙串口通信实现开发板读写前言实现原理代码实现前言最近接到一位老师的项目，他们公司要求利用Android基于ModbusRtu协议通过蓝牙与蓝牙串口通信实现开发板读写，然后通过开发板控制硬件设备从而实现Android移动设备与硬件交互。所以今天我给大家分享下Android基于ModbusRtu协议的蓝牙通信。当然Android也可以直接通过串口利用ModbusRtu协议与开发板通信，或者基于Modbus TCP通信。至于非蓝牙非Modbus协议通信，大家
2020-12-22 13:50:21
4934
6
原创 JavaWeb调用Python深度学习算法，通过Base64实现帧(OpenCV)图片传递。(详细讲解Python,SpringBoot,Vue三方交互)
深度学习中遇到的问题总结DAY 4前言Python深度学习算法Python脚本在JavaWeb代码中访问python进程的代码Vue前端代码最终效果前言今天给大家分享的是SpringBoot利用Socket与Python深度学习算法进行通信，并将Python算法处理后的帧图片转化为Base64传给SpringBoot后端，最终在Vue前端显示的三方交互教程。Python深度学习算法我这里的算法(video.py)是利用摄像头检测人脸，标出先验框，然后返回标注好的视频帧，其他算法一样的思路。#---
2020-12-03 00:37:22
4489
6
原创 SystemError: tile cannot extend outside image
深度学习中遇到的问题总结DAY 3前言错误产生原因分析解决方案前言今天在做人脸识别时遇到个关于图像裁剪的问题，SystemError: tile cannot extend outside image（图块无法扩展到外部图像），总的来说就是图像裁剪时不能存在负值。第一次接触这个问题，我看其他博主也未提出解决方案，因此我在这简单的提下，希望能帮助到同样是第一次遇到的小白们。错误产生原因分析在人脸识别前需要先进行人脸检测，然后对检测到的人脸进行裁剪，而 SystemError: tile cannot
2020-11-01 12:09:45
17255
7
原创 Windows10下安装detectron2超详细教程（小白视角）
深度学习中遇到的问题总结DAY 2前言NVIDIA显卡驱动安装vs2019安装cocoapi（windows）安装fvcore：安装detectron2错误产生原因以及解决方案前言在查了半天的资料，踩了无数的坑后，我来给大家总结下windows10下安装detectron2的超详细教程（最终亲测成功）。关于anaconda3与pytorch安装百度很多了，这里就不介绍了。NVIDIA显卡驱动这里官方文档介绍采用CUDA10.1(其他旧版本驱动未测试)。因此如果目前cuda的版本不是10.1或10.
2020-10-20 14:21:54
23240
93
原创 深度学习中遇到的问题总结
深度学习中遇到的问题总结DAY 1前言yolov5facenetscipy版本带来的问题cv2.putText无法显示中文前言时隔两年没有更新任何东西了，如今重新开始更新，以后每天我都会在CSDN中总结分享自己在深度学习当中遇到的问题以及解决方案。今天要总结的是yolov5+facenet实现人脸识别当中遇到的问题。yolov5yolov5在精度上领先yolov3，与yolov4差不多，但是在网络参数上yolov5相比yolov4可减少90%，yolov5的原理这个就不介绍了，github官方源码地
2020-09-24 11:58:35
2558
3
原创 Python如何利用百度AI（baidu-aip）来实现文字识别
今天给大家讲解下如何利用百度AI来实现文字识别，首先肯定是要拥有AI接口，所以，第一步申请百度AI接口：申请地址：http://ai.baidu.com/然后用你的账号登入，登入以后依次单击“产品服务”，“全部产品”，“图像识别”，然后在“图像识别”中选择创建应用，在接口选择那栏选择你想要的识别方式那打钩，我选择银行卡识别然后立即创建即可。这样就创建成功了，接下来会用到的就是AppID,...
2019-04-14 22:54:44
27430
5
原创 AS如何设置ProgressBar宽度以及实现反向进度条
AS中ProgressBar默认样式是从左往右并且和牙签一样细，在AS中没有直接的样式设置其宽度和进度条方向的，那么要想设置其宽度和方向的样式只能自定义了 。操作步骤如下：实现宽度自定义：先在AS的res目录下的drawable文件中新建style.xml，然后编写如下代码：<layer-list xmlns:android="http://schemas.android.com/ap...
2019-04-12 22:50:59
2423
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人