自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(54)
  • 收藏
  • 关注

原创 Mybatis

1、Hello word2、全局配置3、Sql映射文件4、动态sql5、缓存机制

2021-01-24 23:34:58 68

原创 IDEA插件

一、Free Mybatis Plugins自动完成Mapper接口和Mapper.xml之间的跳转+二、RestfulTool自动显示工程中的所有url接口,进行测试,并且提供检索功能Ctrl+Alt+/:检索URL接口三、SequenceDiagram以图形界面的形式显示方法的调用链接Controller>>Service>>Dao四、Lombok为实体类自动生成get\set\toString方法五、GenerateAllSet自

2021-03-29 19:50:27 141

原创 StringUtils的导入pom

<dependency> <groupId>commons-lang</groupId> <artifactId>commons-lang</artifactId> <version>2.6</version></dependency>

2021-03-24 23:15:32 1913

原创 取消Fixed的横向固定

需要取消横向固定的元素<el-menu :style="{left:leftSize+'px}"> data() { return { //aside动态左移,取消fixed横向固定 leftSize: 110 } }, mounted() { window.addEventListener('scroll', this.leftStyle, true) }, methods: { leftStyle() { this.lef

2021-02-26 16:22:26 262

原创 Spring Boot入门

一、了解1、简介Spring Boot来简化Spring应用的开发,约定大于配置,去繁从简,仅仅run就可以创建一个独立的、产品级别的应用。整个Spring技术栈的整和;优点如下:快速创建可独立运行的Spring项目以及主流框架集合 使用嵌入式的Servlet容器,应用无需打成WAR包 starters(启动器)自动依赖与版本控制 大量的自动配置,简化开发 无需配置XML,无代码生成,开箱即用 准生成环境的运行时应用监控 与云计算的天然集成2、微服务...

2021-02-14 16:26:44 1620 5

原创 axios

一、了解方式一:传统的Ajax是基于XMLHttpRequest(XHR)但是由于配置和调试方式非常混乱; 编码蛋疼方式二:jQuery-Ajax相对传统Ajax非常好用,但是jQuery的代码1w+行,Vue的代码1W+行,为了在Vue中使用ajax,而引入JQuery,得不偿失。方式三:Vue-resource官方在Vue1.x推出Vue-Resource插件,它的体积相对于jQuery小很多,并且是官方推出的,但是在Vue2.x推出后,Vue-Re...

2021-02-10 01:49:20 91

原创 Vuex

一、概念和作用解析官方文档:https://vuex.vuejs.org/zh/Vuex:Vuex是一个专门为vue.js开发的状态管理模式 采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生改变;状态管理:把需要多个组件共享的变量全部存储在一个对象里; 这个对象放在顶层的Vue实例中,让其他组件可以使用;一般需要管的状态:用户的登录状态、头像、地理位置等等 商品的收藏、购物车的物品等等二、基本使用npm instal...

2021-02-09 19:08:26 120

原创 Promise

一、介绍和基本使用是ES6的新特性; 是异步编程的解决方案 避免ajax异步请求导致回调函数嵌套太深,陷入回调地狱

2021-02-07 23:35:10 89

原创 Vue-Router

目录安装使用在main.js中挂载路由配置路由的默认路径修改为history模式router-link的其他属性补充在代码中跳转路由Vue-Router动态路由的使用打包文件的解析路由懒加载的使用路由的嵌套使用是Vue.js官方的路由插件,是和vue深度集成的,适用于构建单页面应用。安装npm install vue-router --save使用导入路由对象 创建路由实例 在Vue实例中挂载路由实例在src下创建router文件

2021-02-07 16:56:38 119

原创 Vue-CLI脚手架

一、介绍和安装CLI:Command-Line-Interface(命令行界面),俗称脚手架。Vue CLI是一个官方发布的vue.js项目脚手架。使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。API文档:https://cli.vuejs.org/zh/guide/installation.html使用前提:Node,所以需要提前安装node.js(8.9以上版本)全局安装:npm install -g @vue/cli# ORy...

2021-02-04 17:01:42 94

原创 webpack

一、webpack的安装

2021-02-03 23:45:17 288 2

原创 Vue模块化

一、模块化的必要性不模块化可能出现的问题:全局变量命名冲突的问题(多人开发,多个js文件); js文件的引用顺序会造成影响;模块化的雏形://小明;var moduleA = (function () { const name = '小明'; const age = 20; var obj = {}; function sum(num1, num2) { return num1 + num2; } let...

2021-02-02 18:33:51 89

原创 Vue组件化开发入门

1、组件化思想组件化是Vue.js中的重要思想。 它提供了一种抽象,让我们可以开发出一个个独立的可复用的小组件来构造我们的应用。 任何的应用都会被抽象成一颗组件树。 2、组件的使用创建组件构造器:Vue.extend() 注册组件:Vue.component(); 使用组件<div id="demo"> <my-cpn></my-cpn> <my-cpn></my-cpn>...

2021-02-02 17:17:30 112

原创 v-model表单绑定

Vue中使用v-model指令来实现表单元素和数据的双向绑定。1、基本使用<div id="demo"> <label> <input type="text" v-model="message" @focusout="focusOut"> {{message}} </label></div><script> let vm = new Vue({ ...

2021-01-30 17:26:15 160

原创 js高阶函数的使用

1、fori拿到索引值 fori1() { /*i是索引值*/ for (let i in this.books) { console.log(i) console.log(this.books[i]) } },直接拿到数组的元素 fori2...

2021-01-29 21:55:28 123

原创 数组中的响应式的方法

<div id="demo"> <ul> <li v-for="(item,index) in letters":key="index">{{item}}</li> </ul> <!-- 是响应式的 --> <button @click="btn1">push添加元素</button> <br> <!-- 不是响应式的 --&gt.

2021-01-29 17:21:21 111

原创 v-for

1、v-for遍历数组<div id="demo"> <ul> <li v-for="i in names">{{i}}</li> </ul> <!-- 使用下标值(索引值) --> <ul> <li v-for="(item,index) in names">{{index+1}} : {{item}}</li> &...

2021-01-29 16:43:42 227 1

原创 Vue入门

1、Vue的安装<!-- 开发环境版本,包含了用帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本,优化了尺寸和速度 --><script src="https://cdn.jsdelivr.net/npm/vue"></script>...

2021-01-29 16:12:10 78

原创 v-if、v-else-if、v-else

可以根据表达式的值,在DOM中渲染或销毁元素或组件。<div id="demo"> <h2 v-if="score>90">{{ message1 }}</h2> <h2 v-if="isShow()">{{ message2 }}</h2></div><script> let vm = new Vue({ el: '#demo', data: {

2021-01-29 16:10:55 79

原创 v-show的使用

v-show和v-if的用法十分相似,也是用于一个元素是否渲染。1、对比v-if为false时,压根不会有对应的元素在DOM中,而v-show为false时,仅仅是将元素的display属性设置为none而已。2、选择需要在显示与隐藏之间切换的很频繁的元素使用v-show,仅仅有一次切换的,或者切换很少的,使用v-if...

2021-01-29 16:04:26 1357

原创 v-on事件监听

目录一、时间监听二、基本使用三、参数传递问题四、v-on的修饰符作用一、时间监听作用:绑定事件监听器 缩写:@ 预期:Function | Inline Statement | Object 参数:event二、基本使用<div id="demo"> <h2>{{ counter }}</h2> <button v-on:click="counter++">+</button> .

2021-01-28 23:15:26 237

原创 对象字面量的增强写法

1、属性的增强写法<script> //属性的增强写法 const name1 = 'rocke'; const age1 = '22'; //ES5的写法 const obj = { name:name1, age:age1, } console.log(obj); //ES6的写法 const obj2 = { name1, age1, ...

2021-01-28 18:43:52 69

原创 const的使用和注意

一、使用1、使用const修饰的标识符为常量。2、当我们修饰的标识符不会被再次赋值的时候,我们可以使用const来保证数据的安全性。3、开发中优先使用const,只有需要改变某一个标识符的使用才使用let。二、注意事项1、const修饰的标识符被赋值后,不可以再次修改。2、在使用const定义标识符时,必须进行赋值。3、常量的含义是指向的对象(地址)不能修改,但可以改变对象的内部属性。...

2021-01-28 18:24:51 164

原创 块级作用域let和var

1、作用域(1)变量作用域:变量在什么范围内是可用的。(2)没有块级作用域引起的问题:if的块级:<script> { if (true) { var name = 'rocke'; } fuc = function () { console.log(name); } } name='cobe' fuc()</script&

2021-01-28 18:15:28 96

原创 computed-计算属性

1、computed基本使用<div id="demo"> <!--其他方法 --> <h2>{{ firstName + ' ' + lastName }}</h2> <h2>{{ firstName }} {{ lastName }}</h2> <h2>{{ getName() }}</h2> <!--使用计算属性 --> ...

2021-01-28 17:16:23 101

原创 v-bind-动态绑定

1、基本使用动态绑定属性<div id="demo"> <img v-bind:src="url" alt=""> <a v-bind:href="url2">百度一下</a></div><script> let vm = new Vue({ el: '#demo', data: { url2:'http://www.baidu....

2021-01-27 23:30:07 101

原创 Mustache-插值操作

1、Mustache语法可以写直接的变量{{ message }}还可以写表达式。{{ firstName + ' ' + lastName }}{{ counter * 2 }}2、v-once<div id="mustache"> <h2>{{ message }}</h2> <h2 v-once>{{ message }}</h2></div>...

2021-01-27 21:55:26 125

原创 pageHelper的使用

1、导入官方文档:https://github.com/pagehelper/Mybatis-PageHelper/blob/master/README_zh.md使用方法:https://github.com/pagehelper/Mybatis-PageHelper/blob/master/wikis/zh/HowToUse.md<!-- https://mvnrepository.com/artifact/com.github.pagehelper/pagehel...

2021-01-26 17:53:08 511

原创 MBG -逆向工程

Mybatis Generator:代码生成器,mybatis官方提供的代码生成器,帮我们逆向生成。逆向工程:根据数据table,逆向分析数据表,自动生成JavaBean、Dao、dao.xml

2021-01-26 16:09:18 125

原创 ssm整合

一、导包1、springioc核心:spring-aopspring-beansspring-contextspring-corespring-expressioncommons-loggingaop核心:spring-aspectscom.springsource.org.aspectj.weavercom.springsource.org.aopalliancecom.springsource.net.sf.cglib...

2021-01-25 22:34:15 71

原创 Mybatis-缓存

一、简介缓存:暂时的存储一些数据,加快系统的查询速度等等

2021-01-24 23:31:08 72

原创 动态SQL

简化sql语句动态拼串操作一、if标签if test=""中称为OGNL表达式 <resultMap id="myCountMap" type="com.bookStore.bean.Count"> <id property="id" column="id"/> <result property="name" column="name"/> <result property="ge...

2021-01-24 17:13:45 161 1

原创 sql映射文件

1、所有可用标签cache:缓存有关 cache-ref:和缓存有关 delete、insert、update、select:增删改查 parameterMap:参数Map,已经废弃,原本是做复杂参数映射的 resultMap:结果映射,自定义结果集的封装规则; sql:抽取可重用的sql2、增删改标签可用的标签:id:要实现接口的方法名 databaseId:指定curd属于哪个数据库 parameterType:...

2021-01-23 22:54:06 210

原创 MYbatis-全局配置

1、属性:properties和spring的context : placeholder一样的,引用外部配置文件 <!-- resource:从类路径下开始引用 url:引用磁盘路径或者网络路径的资源 --> <properties resource="" url=""/>引用使用${}2、设置:settingsMyBatis 中极为重要的调整设置,它们会改变 MyBatis 的运行时行为...

2021-01-22 00:20:56 209

原创 Hello word

一、下载和导包github下载地址或者使用maven<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis --> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.4...

2021-01-21 22:58:00 85

原创 SpringMVC

​​​​​​​helloword 使用@RequestMapping映射请求 请求处理---获取请求带来的各种信息

2021-01-20 18:30:58 68 1

原创 getHandler()、getHandlerAdapter()细节

getHandler()getHandler()会返回目标处理器的执行链mappedHandler = getHandler(processedRequest);protected HandlerExecutionChain getHandler(HttpServletRequest request) throws Exception { if (this.handlerMappings != null) { for (HandlerMapping mapping : this.handl

2021-01-20 18:24:35 566

原创 请求处理的大致流程和doDispatch方法

请求处理流程doDispatchprotected void doDispatch(HttpServletRequest request, HttpServletResponse response) throws Exception { HttpServletRequest processedRequest = request; HandlerExecutionChain mappedHandler = null; boolean multipartRequestParsed = fals

2021-01-20 18:24:13 224

原创 SpringMVC 9大组件

DispatcherServlet中有几个引用类型的属性,我们成为SpringMVC 9大组件 //多部件解析器:文件上传 @Nullable private MultipartResolver multipartResolver; //区域信息解析器:和国际化有关 @Nullable private LocaleResolver localeResolver; //主题解析器:强大的主题效果更换 @Nullable private ThemeResolver themeResolve

2021-01-20 18:23:18 461

原创 数据传输--@ModelAttribute

一、使用场景以书城的图书修改为例:1)页面端:显示要修改的图书的信息,图书的所有字段都在。2)Servlet: 收到修改请求,调用Dao;String sql = “update book set xxx=?,xxx=?,xxx=?,xxx=?,xxx=? where xxx=?”是全字段修改的3)实际场景:实际并不是全修改,只会修改部分字段。不修改的字段一般不会在页面进行展示,或者只能展示不可以修改。 为了简单,Controller直接在参数位置写Book对象,springm

2021-01-04 21:20:40 273

空空如也

空空如也

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

TA关注的人

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