自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue axios封装和详细使用
原力计划

网络模块封装axiosajax i/o system​ 使用自己已经封装好的模块,进行网络请求。假如第三方网络请求框架有一天,出现了不维护申明,那么对于项目来说就是很严重的问题。那么,开发中有啥网络请求选择呢?如下:方式1:Vue中发送网络请求有非常多的方式,那么,在开发中,如何选择呢?传统的Ajax是基于XMLHttpRequestP(XHR)到为什么不用它呢?非常好解释,配首和调用方式等非常混乱,编码起来看起来就非常蛋疼.所以真实开发中很少直接使用,而是使用Jquery-ajax

2020-07-06 21:01:29 2030 4

原创 vue使用axios出现Network Error或者404

在使用axios请求本地某个接口的时候,接口是有效的,但是控制台出现了报错:Error: Request failed with status code 404或者控制台Network Error报错,那么下面为可能解决的方式原因更换url中的地址需要将127.0.0.1换成http://localhost 本机域名识别。在后台模块中相关ApplicationContext启动类中加入如下注解加入@CrossOrigin注解,重新运行后台。运行后,打印结果如下:..

2020-07-06 14:26:07 11599 3

原创 vue封装导航栏组件

    在项目中,经常需要我们自己封装组件,需要对组件进行抽取至封装度最高。这样一来,使这个组件复用性变得非常高,往往可以直接把封装好的组件文件一拖拽到另外的项目就可以直接使用。现在来封装一个底部导航栏组件。首先先来看封装好的组件的效果图,文末尾附项目下载地址,可以直接拖过去使用:首先,我们需要思考,如何才能写出这一个组件以及如何对他进行不断抽取的思想。我们想要封装好一个组件,都是从静态到动态行为开始的,就是说,一开始,先最简单的做出来,然后一层一层把它抽取,不

2020-07-05 13:09:17 1118

原创 vue Route参数传递和导航守卫
原力计划

路由的传递参数对于params方式的传递参数,我们已经讲过。现在我们来使用第二种参数方式来进行练习:新建Profile.vue组件<template> <div> <h3>通过query来获取 参数 数据</h3> <h5> {{$route.query}} </h5> </div></template>&lt

2020-07-04 21:07:51 377

原创 vue的路由Route安装和使用
原力计划

路由​ 在vue中,route,即为前端路由。下面是专业名词解释:前端渲染和后端渲染在使用route之前,我们需要知道一些基础知识:改变url不刷新页面:使用hash值来进行变化route。location.hash("路径")通过html对象修改url:history.pushState(data,title,url)在该基础上,把urlpush进堆栈。然后使用back方法,弹出栈history.back()上面是用push方法,就是一直压栈和出栈,

2020-07-04 14:42:08 661

原创 vue脚手架cli的基本使用

Vue cli 脚手架的介绍和安装看到这里的大家,都应该安装了node。假设大家已经安装了node。如果已经装了2.x版本,请先卸载:npm uninstall vue-cli -g使用命令安装cli,安装脚手架3.0.xnpm install -g @vue/cli认识Vue Cli3创建vue项目:vue create 项目名称​ vue create test启动服务器Ui管理在控制台输入如下:vue ui启动后,界面如下:...

2020-07-04 14:34:08 90

原创 vue webpack的基本使用
原力计划

安装webpack在命令行中输入,来安装webpack。[假设已经安装了node]npm install webpack@3.6.0 -gwebpack.config.js用来配置打包路径:module.exports={ entry: './src/main.js' ,output: { path: './dist' ,filename: 'bundle.js' }}npm init​ 使用如上命令 初始化webp

2020-06-30 23:00:38 127

原创 vue组件化开发简单实例(下)

儿子访问父亲的值<!doctype html><html><head><meta charset="utf-8"><title>vue事件监听练习</title></head><body> <div id="calc"> <test></test> </div></body></html>&

2020-06-27 23:30:41 302

原创 vue组件化开发简单实例(上)
原力计划

Vue组件化的实现和使用步骤注册组件的基本步骤创建组件构造器注册组件使用组件具体实现[最基础的使用]:<!doctype html><html><head><meta charset="utf-8"><title>vue事件监听练习</title></head><script src="./js/vue.js"></script><body>

2020-06-25 23:15:29 563

原创 vue表单各控件绑定案例使用

javaScript过滤器使用:​ 对数组的元素进行过滤,使用array.filter(function(n){return true})来进行实现,代码如下:v-model常用作表单的控件,对其进行双向绑定案例: 在输入框中输入信息,同时在下面的文本输入中显示输入的内容代码如下:<!doctype html><html><head><meta charset="utf-8"><title>vue事件监听练习</t

2020-06-22 23:54:58 232

原创 vue从循环分支到购物车各种案例
原力计划

Vue条件判断v-if​ 当值为true的时候,能够对元素进行显示<!doctype html><html><head><meta charset="utf-8"><title>vue if else </title></head><body> <div id="calc"> <a v-if="true">看看我能不能显示</a>

2020-06-22 00:32:55 559

原创 编写接口时间效率提升一倍的方法
原力计划

          什么?还在一个字段一个字段从数据库的表复制到Mapper文件中?最近,随着工作量的增加,感觉重复性的工作越来越多,这感觉让我的时间浪费很多。我举个例子,就是说,现在我要写查询用户详情的语句,在Mapper中查询,那么我们是不是还要根据表的字段,然后然后编写查询语句,然后每个字段要对应实体类的那些字段,这样一复制,一粘贴。5分钟就没了。今天写了个懒人转换语句,可以实现减损99%时间。比如要花

2020-06-21 18:03:44 175

原创 vue各种事件监听实例
原力计划

计算属性的Get方法和Set方法看代码说话:<!doctype html><html><head><meta charset="utf-8"><title>vue小练习</title></head><body> <div id="calc"> <a v-cloak="">{{name}}</a> </div><

2020-06-21 00:38:37 1941 3

原创 滑块验证-jquery插件的使用

    在登入验证或者其他操作中,如果有敏感的用户行为,那么需要使用滑块等验证来证明你是不是机器。因为在开发工程中后台开发(全栈)不可能自己花时间手写一个前端登入验证,那么就是用滑块验证插件来进行使用。使用首先我们先准备10张图片在本地。正式使用请保存在服务器或者云COS上。 注意,这里的图片文件目录要跟index.html同级。文底附插件下载地址,示例如下:打开,体验地址: 点击体验,效果如下:修改代码<!DOCTYPE html>

2020-06-20 13:43:16 316

原创 vue动态绑定(基础练习必会)
原力计划

Vue的基本语法插值操作Mustache​ 也叫作胡子语法,{{message}},此时{{}}为胡须语法。{{message}},单值{{message + firstname}}多值操作{{message +’ s '+ firstname}}多值操作并且可以在其里面加上自定义字符串{{counter * 2}} 在里面进行加减乘除操作v-once​ 只会在第一次的时候进行元素赋值,无法在后面进行对元素再次赋值。v-html​ 展示代码为html代码

2020-06-19 23:31:42 591

原创 基于mockaroo快速生成随机测试数据

mockaroo      有件很困扰的事情,就是当某个功能开发完毕,想要测试的时候,往往咱开发人员需要自己绞尽脑汁想想测试数据,这个是很头痛的。。比如邮箱啊,手机号码啊之类的。有没有什么可以快速生成我们想要的测试数据?那就是mockaroo,mockaroo可以满足我们程序员的测试数据需求,而且使用方法很简单。让我们一起脱离那些很随意乱输的asdnadadasdassdasdadasda数据吧。网址: 初始化数据功能页步骤点开链接,我们来到生成数据页面:F

2020-06-19 15:01:02 482

原创 SpringCloud架构新建子项目module

    因为有需求,需要加入其它的微服务架构,所以得在原来的基础在进行添加子项目,声明: 项目基于gradle。原来的SpringCloud项目目录如下:一、首先找到你想要创建的目录,我们想要在provider模块下新增一个子项目:二、 右键选择Show in Explorer三、选择一项项目,进行复制,如下然后改名改成你想要的子项目名称,我将此子项目改为sc-huaboshu-pc;双击,进去将原来的iml配置文件改成跟你的子项目名称相同。

2020-06-14 13:23:32 1271

原创 vue超简单的数据绑定

Vue的声明式编程在传统的编程中,我们编程是命令式编程,也就是一步一步一行一行写代码,然后执行,就像下面:<script> var value = document.getElemenyById("apple").value; document.getElemenyById("applevalue") = value;</script>然后呢,在vue中,编程通常为声明式编程,那什么是声明式编程呢?举个如下的例子:声明式编程本质是语法层面的封装,看起来像是声明

2020-06-12 23:51:11 373 1

原创 Caused by: java.lang.IllegalStateException: Only one AsyncConfigurer may exist

在启动springcloud的gateway模块过程中,出现了如下报错:Caused by: java.lang.IllegalStateException: Only one AsyncConfigurer may exist抛出了非法状态异常,提示说是 : 只能存在一个异步配置程序 。在尝试一下重新构建了项目成功解决方法之后,能够正常运行:重新点击构建项目,等待构建。构建完成后,重新启动项目发现已经能够正常运行...

2020-06-12 21:00:44 2073 1

原创 SpringMVC新手入门必了解

  Spring MVC这个词,我们在工作中非常常见,但他到底是什么呢?他是由什么组成的?有什么用,有什么优缺点,怎么用。是我们需要去学习的知识。本篇为理论基础和基础实践,对于SpringMVC,我们可以说spring MVC是spring框架的一个模块,spring MVC和spring无需通过中间整合层进行整合。也可以说是一种设计理念,这种解释方式比较合理,MVC是指,C[Controller]控制层,M[Model]模块层,V[View]显示层这样的设计理念,其本质即核心思想也就是

2020-06-07 16:02:43 187

原创 实现 两个文本匹配不同-高亮显示 适合小中型(2w字内)篇幅文文章

   应公司需求,需要对比源文件和录音文件之间的文字差别,

2020-06-04 14:00:25 329

原创 更新electron的版本

方式1  首先,查看electron的版本electron -v    发现版本为1.4.13我们输入如下的cmd来查看 electron系列版本npm view electron versions可供更新的版本有如下[部分截图]:完整可供下载的版本如下:[ '0.1.0', '0.1.1', '0.1.2', '0.2.0', '0.2.1', '0.3.0', '0.4.0', '0.

2020-06-01 16:36:09 1840

原创 layui进度条element.progress无效解决方法

    很郁闷,也跟着官方的开发文档理解后写了,可就是在progress进度回调函数中只能更新一次。在上传文件中,按照文档的用法是如下的: <script> layui.use('element', function(){ var element = layui.element; var $ = layui.jquery; }); var uploadInst = upload.render({

2020-05-31 21:04:20 3644 8

原创 electron自定义-关闭图标按钮事件

先创建关闭图标对应的图标代码如下: <i id="minSize" class="layui-icon layui-icon-subtraction" title="最小化窗口" style="font-size: 15px; color: greenyellow;"></i> &nbsp;<i id="fullSize" class="layui-icon layui-icon-screen-full" title="全屏" style="

2020-05-30 14:34:29 1272

原创 Spring理论知识学习笔记(七)

AOP全程: Aspect Oriented Programming .意思为: 面向切面编程通过预编译方式和运行期动态管理实现程序功能的统一维护的一种技术。主要的功能是?:日志记录,性能统计,安全控制,事务处理,异常处理等等切面是和功能垂直的。如下图:关注点是横向。AOP实现方式?预编译​ AsPectJ运行期动态代理(JDK动态代理,CGLib动态代理)​ SpringAOP​ JbossAOpAOP的几个相关概念:切面(Aspect)一个关注点

2020-05-26 22:45:04 167

原创 Spring理论知识学习笔记(六)

引言:​  ​  ​  即上次学习了常用注解后,接下来继续学习其他容器注解。文章目录@ImportResource注解@Bean范围作用更改基于泛型的自动装配Spring对JSR的支持@ImportResource注解定义:​  ​  ​  对自定义属性文件进行导入。例子:​ ​  ​  ​  接下来学习在Spring中使用自定义默认变量值实例。在spring-config.xml中配

2020-05-15 21:45:12 193

原创 Spring理论知识学习笔记(五)
原力计划

引言:​  ​  ​  ​   上次学习了Spring常用注解以及对注解进行过滤和自定义注解及其实例后,下面来继续学习常用的其他注解。文章目录引言:@Required注解@Autowired注解@Qualifier注解基于java容器的注解@Required注解注解定义​ ​  ​  ​  此注解表示有什么作用呢?作用为受影响的bean属性必须在配置的时候被填充,通过在bean定义或者自动装配一个明确的属性值。适用范围:​

2020-05-14 21:45:04 174

原创 Spring理论知识学习笔记(四)
原力计划

引言在上次学些了Bean的自动装配以及常用的ResourceLoader方式后,接下来继续学习Spring的注解以及实例。文章目录引言Bean管理的`常用注解`实现Bean作用域的元注解注解Spring-config.xml注解配置[类的自动 检测和Bean的注册]定义Bean作用域Bean的定义和其作用域-实例1对于Spring注解,我们先来看看其的常用注解和元注解注解。Bean管理的常用注解实现Classpath扫描与组件管理从Spring3.0开始呢,Spring javaConfig

2020-05-13 21:16:17 197

原创 Spring理论知识学习笔记(三)
原力计划

sdsasdasdsadassdasdasdsadasimport java.lang.String;public static void main(String[] args){ System.out.println(args.toString()); }

2020-05-11 22:22:45 411

原创 Spring理论知识学习笔记(二)

引言     在上次学习了Spring的IOC和AOP基本理论及Spring Framework runtime分层结构后,在学习什么是DI依赖注入和如何初始化IOC容器后,接着继续学习有关Bean对象的相关知识。文章目录BeanBeanBean的配置项Id Id是Bean的唯一标识,在使用获取对象的时候,主要靠通过id来获取Bea...

2020-05-09 16:40:11 183

原创 新建SpringBoot项目基于官网生成

ymlserver: port: 8080spring: datasource: name: test url: jdbc:mysql://127.0.0.1:3306/practice?useUnicode=true&characterEncoding=utf-8&useSSL=false&allowMultiQueries=true ...

2020-05-08 15:29:42 219

原创 SpringBoot中application.yml的一些配置模板

纪录一下使用过的相关yml配置文章目录security相关的:oauth2中在Security内相关定义Redis相关:spring默认相关:mybatis相关Spring Cloud 相关Spring Cloud Task 相关rocketmq 相关eureka服务注册相关Spring Cloud Ribbon 相关断路器Hystrix相关ZUUL-API网关 相关security相关的:...

2020-05-08 11:41:53 1252

原创 Spring理论知识学习笔记(一)

引言     虽然使用SpringBoot架构的过程中非常简单方便,但是还是要去深入了解和学习其先驱Spring。在这里纪录自己手打稿及对Spring的理解的知识笔记Spring是什么     它是一个开源框架,为了解决企业应用开发的复杂性而创建的,Spring是一个轻量级的控制反转(IoC)和面向切面的(AOP...

2020-05-07 22:58:19 282

原创 SpringBoot 中,Mybatis sql查询数据不空,但是返回的对象为Null

错误如下截图:从控制台输出可以看出,查询是有返回值的,有两行数据。但是从PostMan中可以看出,data均为null。查看我们的Mapper语句查看我们的Dao发现以上都没有错误,我们来看看实体类。错误的原因:经过排查后发现,Mybatis数据库中查出来的数据的字段名,跟实体类中的属性名不一样!所以我们需要在Mapper的语句中修改。红圈中的字段名要跟实体类的一致,这样数据...

2020-03-31 21:48:01 3504 3

原创 SpringBoot 搭建MyBatis 在控制台输出SQL语句

mybatis: mapper-locations: classpath*:mapper/*.xml #添加下面这两行 configuration: log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #

2020-03-31 20:58:41 212

原创 基于SpringBoot编写增删查改一套接口

SpringBoot介绍     SpringBoot 是由 Pivotal 团队提供的全新框架,是在2003那一年兴起的一个轻量级的Java 开发框架。由于Spring 其配置文件过于繁琐,我们对Spring平台和第三方库有一个独到的见解,这样我们就可以从最少的麻烦开始了。大多数Spring引导应用程序只需要很少的Spring配置,其可以说是整合了很多框架...

2020-03-29 00:13:50 1261 4

原创 C++校内模拟赛-06水题

问题描述:小明对类似于 hello 这种单词非常感兴趣,这种单词可以正好分为四段,第一段由一个或多个辅音字母组成,第二段由一个或多个元音字母组成,第三段由一个或多个辅音字母组成,第四段由一个或多个元音字母组成。给定一个单词,请判断这个单词是否也是这种单词,如果是请输出yes,否则请输出no。(元音字母包括 a, e, i, o, u,共五个,其他均为辅音字母。)输入格式:输入一行,包含一个单词,...

2020-03-21 15:45:55 253

原创 IDEA中搭建MyBatis架构并查询数据库信息

MyBatis 是支持定制化SQL、存储过程以及高级映射的优秀的持久层框架。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。【即,代替JDBC不需要写很多代码,是封装好的数据管理框架】MyBatis 可以对配置和原生Map使用简单的 XML 或注解,将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库...

2020-02-23 15:31:32 522

原创 java执行cmd命令并输出命令对应结果

java代码执行cmd命令不用多说,但是获取返回的结果过程有点坑爹,网上很多方法很多都会抛出NullPointException异常,经过几次调试修改,BUG总算解决。为避免再次采坑,纪录此次总结。public void execCMD(String cmd){ StringBuilder result = new StringBuilder(); try { ...

2020-02-09 21:33:33 757

原创 idea中搭建jsp项目:内置对象缺失setattribute()或者getparameter方法等[解决方法]

缺失问题如下:或者**解决方法:1.因为是内置对象,所以我们先查看request属于哪个类,查看通过转换后的jsp文件打开后如下:发现是javax类包的,我们这时候来看看jdk里面有没有包含这个package发现没有,因此。我们需要为项目去添加对应需要用到的javax包。前往这个下载相关包java缺失相关包下载地址点击去,我们搜索javax,如下:这时候,点进去看看:发...

2020-02-07 18:47:29 1225

CG教程汇总.txt

个人收藏的Unity3D视频教程资源集合,免费分享给网友,可以从中学习到很多东西,这些都是些进大厂必备的基本技术。

2020-05-07

空空如也

空空如也

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

TA关注的人 TA的粉丝

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