- 博客(49)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue axios封装和详细使用
网络模块封装axiosajax i/o system 使用自己已经封装好的模块，进行网络请求。假如第三方网络请求框架有一天，出现了不维护申明，那么对于项目来说就是很严重的问题。那么，开发中有啥网络请求选择呢？如下：方式1：Vue中发送网络请求有非常多的方式，那么，在开发中，如何选择呢？传统的Ajax是基于XMLHttpRequestP(XHR)到为什么不用它呢？非常好解释，配首和调用方式等非常混乱，编码起来看起来就非常蛋疼．所以真实开发中很少直接使用，而是使用Jquery-ajax
2020-07-06 21:01:29
3088
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
41503
4
原创 vue封装导航栏组件
在项目中，经常需要我们自己封装组件，需要对组件进行抽取至封装度最高。这样一来，使这个组件复用性变得非常高，往往可以直接把封装好的组件文件一拖拽到另外的项目就可以直接使用。现在来封装一个底部导航栏组件。首先先来看封装好的组件的效果图,文末尾附项目下载地址，可以直接拖过去使用：首先，我们需要思考，如何才能写出这一个组件以及如何对他进行不断抽取的思想。我们想要封装好一个组件，都是从静态到动态行为开始的，就是说，一开始，先最简单的做出来，然后一层一层把它抽取，不
2020-07-05 13:09:17
2883
原创 vue Route参数传递和导航守卫
路由的传递参数对于params方式的传递参数，我们已经讲过。现在我们来使用第二种参数方式来进行练习：新建Profile.vue组件<template> <div> <h3>通过query来获取 参数 数据</h3> <h5> {{$route.query}} </h5> </div></template><
2020-07-04 21:07:51
1163
原创 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
1544
原创 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
218
原创 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
268
原创 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
638
原创 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
1391
原创 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
596
原创 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
753
原创 编写接口时间效率提升一倍的方法
什么？还在一个字段一个字段从数据库的表复制到Mapper文件中？最近，随着工作量的增加，感觉重复性的工作越来越多，这感觉让我的时间浪费很多。我举个例子，就是说，现在我要写查询用户详情的语句，在Mapper中查询，那么我们是不是还要根据表的字段，然后然后编写查询语句，然后每个字段要对应实体类的那些字段，这样一复制，一粘贴。5分钟就没了。今天写了个懒人转换语句，可以实现减损99%时间。比如要花
2020-06-21 18:03:44
641
原创 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
2568
3
原创 滑块验证-jquery插件的使用
在登入验证或者其他操作中，如果有敏感的用户行为，那么需要使用滑块等验证来证明你是不是机器。因为在开发工程中后台开发(全栈)不可能自己花时间手写一个前端登入验证，那么就是用滑块验证插件来进行使用。使用首先我们先准备10张图片在本地。正式使用请保存在服务器或者云COS上。 注意，这里的图片文件目录要跟index.html同级。文底附插件下载地址，示例如下:打开，体验地址: 点击体验，效果如下:修改代码<!DOCTYPE html>
2020-06-20 13:43:16
1181
原创 vue动态绑定(基础练习必会)
Vue的基本语法插值操作Mustache 也叫作胡子语法，{{message}},此时{{}}为胡须语法。{{message}},单值{{message + firstname}}多值操作{{message +’ s '+ firstname}}多值操作并且可以在其里面加上自定义字符串{{counter * 2}} 在里面进行加减乘除操作v-once 只会在第一次的时候进行元素赋值，无法在后面进行对元素再次赋值。v-html 展示代码为html代码
2020-06-19 23:31:42
1489
原创 基于mockaroo快速生成随机测试数据
mockaroo 有件很困扰的事情，就是当某个功能开发完毕，想要测试的时候，往往咱开发人员需要自己绞尽脑汁想想测试数据，这个是很头痛的。。比如邮箱啊，手机号码啊之类的。有没有什么可以快速生成我们想要的测试数据？那就是mockaroo，mockaroo可以满足我们程序员的测试数据需求，而且使用方法很简单。让我们一起脱离那些很随意乱输的asdnadadasdassdasdadasda数据吧。网址: 初始化数据功能页步骤点开链接，我们来到生成数据页面:F
2020-06-19 15:01:02
3322
原创 SpringCloud架构新建子项目module
因为有需求，需要加入其它的微服务架构，所以得在原来的基础在进行添加子项目，声明: 项目基于gradle。原来的SpringCloud项目目录如下:一、首先找到你想要创建的目录，我们想要在provider模块下新增一个子项目：二、 右键选择Show in Explorer三、选择一项项目，进行复制，如下然后改名改成你想要的子项目名称，我将此子项目改为sc-huaboshu-pc；双击，进去将原来的iml配置文件改成跟你的子项目名称相同。
2020-06-14 13:23:32
2809
原创 vue超简单的数据绑定
Vue的声明式编程在传统的编程中，我们编程是命令式编程，也就是一步一步一行一行写代码，然后执行，就像下面：<script> var value = document.getElemenyById("apple").value; document.getElemenyById("applevalue") = value;</script>然后呢，在vue中，编程通常为声明式编程，那什么是声明式编程呢？举个如下的例子:声明式编程本质是语法层面的封装，看起来像是声明
2020-06-12 23:51:11
842
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
3519
1
原创 SpringMVC新手入门必了解
Spring MVC这个词，我们在工作中非常常见，但他到底是什么呢？他是由什么组成的？有什么用,有什么优缺点，怎么用。是我们需要去学习的知识。本篇为理论基础和基础实践，对于SpringMVC，我们可以说spring MVC是spring框架的一个模块，spring MVC和spring无需通过中间整合层进行整合。也可以说是一种设计理念，这种解释方式比较合理，MVC是指，C[Controller]控制层，M[Model]模块层，V[View]显示层这样的设计理念，其本质即核心思想也就是
2020-06-07 16:02:43
372
原创 更新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
4404
原创 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
7301
9
原创 electron自定义-关闭图标按钮事件
先创建关闭图标对应的图标代码如下: <i id="minSize" class="layui-icon layui-icon-subtraction" title="最小化窗口" style="font-size: 15px; color: greenyellow;"></i> <i id="fullSize" class="layui-icon layui-icon-screen-full" title="全屏" style="
2020-05-30 14:34:29
2734
原创 Spring理论知识学习笔记(七)
AOP全程: Aspect Oriented Programming .意思为: 面向切面编程通过预编译方式和运行期动态管理实现程序功能的统一维护的一种技术。主要的功能是？:日志记录，性能统计，安全控制，事务处理，异常处理等等切面是和功能垂直的。如下图:关注点是横向。AOP实现方式？预编译 AsPectJ运行期动态代理（JDK动态代理，CGLib动态代理） SpringAOP JbossAOpAOP的几个相关概念:切面（Aspect）一个关注点
2020-05-26 22:45:04
292
原创 Spring理论知识学习笔记（六）
引言: 即上次学习了常用注解后，接下来继续学习其他容器注解。文章目录@ImportResource注解@Bean范围作用更改基于泛型的自动装配Spring对JSR的支持@ImportResource注解定义: 对自定义属性文件进行导入。例子: 接下来学习在Spring中使用自定义默认变量值实例。在spring-config.xml中配
2020-05-15 21:45:12
328
原创 Spring理论知识学习笔记（五）
引言: 上次学习了Spring常用注解以及对注解进行过滤和自定义注解及其实例后，下面来继续学习常用的其他注解。文章目录引言:@Required注解@Autowired注解@Qualifier注解基于java容器的注解@Required注解注解定义 此注解表示有什么作用呢？作用为受影响的bean属性必须在配置的时候被填充，通过在bean定义或者自动装配一个明确的属性值。适用范围:
2020-05-14 21:45:04
282
原创 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
289
原创 Spring理论知识学习笔记(三)
sdsasdasdsadassdasdasdsadasimport java.lang.String;public static void main(String[] args){ System.out.println(args.toString()); }
2020-05-11 22:22:45
499
原创 Spring理论知识学习笔记（二）
引言 在上次学习了Spring的IOC和AOP基本理论及Spring Framework runtime分层结构后，在学习什么是DI依赖注入和如何初始化IOC容器后，接着继续学习有关Bean对象的相关知识。文章目录BeanBeanBean的配置项Id Id是Bean的唯一标识,在使用获取对象的时候，主要靠通过id来获取Bea...
2020-05-09 16:40:11
306
原创 新建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
414
原创 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
2004
原创 Spring理论知识学习笔记（一）
引言 虽然使用SpringBoot架构的过程中非常简单方便，但是还是要去深入了解和学习其先驱Spring。在这里纪录自己手打稿及对Spring的理解的知识笔记Spring是什么 它是一个开源框架，为了解决企业应用开发的复杂性而创建的，Spring是一个轻量级的控制反转（IoC）和面向切面的（AOP...
2020-05-07 22:58:19
411
原创 SpringBoot 中，Mybatis sql查询数据不空，但是返回的对象为Null
错误如下截图:从控制台输出可以看出，查询是有返回值的，有两行数据。但是从PostMan中可以看出，data均为null。查看我们的Mapper语句查看我们的Dao发现以上都没有错误，我们来看看实体类。错误的原因:经过排查后发现，Mybatis数据库中查出来的数据的字段名，跟实体类中的属性名不一样！所以我们需要在Mapper的语句中修改。红圈中的字段名要跟实体类的一致，这样数据...
2020-03-31 21:48:01
8579
4
原创 SpringBoot 搭建MyBatis 在控制台输出SQL语句
mybatis: mapper-locations: classpath*:mapper/*.xml #添加下面这两行 configuration: log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #
2020-03-31 20:58:41
323
原创 基于SpringBoot编写增删查改一套接口
SpringBoot介绍 SpringBoot 是由 Pivotal 团队提供的全新框架，是在2003那一年兴起的一个轻量级的Java 开发框架。由于Spring 其配置文件过于繁琐，我们对Spring平台和第三方库有一个独到的见解，这样我们就可以从最少的麻烦开始了。大多数Spring引导应用程序只需要很少的Spring配置，其可以说是整合了很多框架...
2020-03-29 00:13:50
3414
5
原创 C++校内模拟赛-06水题
问题描述：小明对类似于 hello 这种单词非常感兴趣，这种单词可以正好分为四段，第一段由一个或多个辅音字母组成，第二段由一个或多个元音字母组成，第三段由一个或多个辅音字母组成，第四段由一个或多个元音字母组成。给定一个单词，请判断这个单词是否也是这种单词，如果是请输出yes，否则请输出no。（元音字母包括 a, e, i, o, u，共五个，其他均为辅音字母。）输入格式：输入一行，包含一个单词，...
2020-03-21 15:45:55
388
原创 IDEA中搭建MyBatis架构并查询数据库信息
MyBatis 是支持定制化SQL、存储过程以及高级映射的优秀的持久层框架。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。【即，代替JDBC不需要写很多代码，是封装好的数据管理框架】MyBatis 可以对配置和原生Map使用简单的 XML 或注解，将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库...
2020-02-23 15:31:32
1389
原创 java执行cmd命令并输出命令对应结果
java代码执行cmd命令不用多说，但是获取返回的结果过程有点坑爹，网上很多方法很多都会抛出NullPointException异常，经过几次调试修改，BUG总算解决。为避免再次采坑，纪录此次总结。public void execCMD(String cmd){ StringBuilder result = new StringBuilder(); try { ...
2020-02-09 21:33:33
1303
1
原创 idea中搭建jsp项目:内置对象缺失setattribute()或者getparameter方法等[解决方法]
缺失问题如下:或者**解决方法:1.因为是内置对象，所以我们先查看request属于哪个类，查看通过转换后的jsp文件打开后如下:发现是javax类包的，我们这时候来看看jdk里面有没有包含这个package发现没有，因此。我们需要为项目去添加对应需要用到的javax包。前往这个下载相关包java缺失相关包下载地址点击去，我们搜索javax，如下:这时候，点进去看看:发...
2020-02-07 18:47:29
2570
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人