- 博客(42)
- 收藏
- 关注
RSS订阅原创 遇坑合集
1、Vue路由传参// 坑：通过path指定路由时，params参数无效that.$router.push({ path: '/', params: { uu: 'Seven7' }})// 解决：通过name来指定路由that.$router.push({ name: 'Home', params: { uu: '...
2020-04-20 11:07:09
230
原创 Spring-5-AOP原理实现
AOP是通过动态代理实现的1.JDK动态代理（有接口的情况）：使用动态代理，创建接口实现类代理对象。2.CGLIB动态代理（没有接口的情况）：使用动态代理，创建类的子类代理对象。一、JDK动态代理（有接口的情况）JDK 动态代理是通过 JDK 中的 java.lang.reflect.Proxy 类实现的。创建PersonService接口package com.seven.serv...
2020-01-19 16:27:57
186
原创 Spring-4-AOP
一、AOP概念AOP 的全称是“Aspect Oriented Programming”，即面向切面编程，它将业务逻辑的各个部分进行隔离，使开发人员在编写业务逻辑时可以专心于核心业务，从而提高了开发效率。面向切面编程，即在不修改源代码的基础上对原有功能的增强。AOP使用了横向抽取机制，取代了传统纵向继承体系的重复性代码，其应用主要体现在事务处理、日志管理、权限控制、异常处理等方面。二、...
2020-01-19 15:28:54
253
原创 Spring-3-Bean之注解
一、注意事项需要导入spring-aop的包。二、让项目支持注解在spring的配置文件中添加约束在spring的配置文件中配置注解扫描<?xml version="1.0" encoding="UTF-8" ?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xs...
2020-01-19 10:08:04
379
原创 Spring-2-Bean之xml
一、Bean的实例化方式Bean的实例化有三种方式：通过构造函数实例化（常用）通过静态工厂实例化通过实例工厂实例化1. 通过构造函数实例化（常用）<bean id="bean1" class="com.seven.entity.Bean1"/>2. 通过静态工厂实例化准备一个静态工厂：package com.seven.factory;import co...
2020-01-18 16:49:01
191
原创 Spring-1-重要概念
一、IOC和DIIOC（反转控制）：将对象的创建交给spring进行配置。DI（依赖注入）：向类里的属性设置值。IOC和DI的关系：DI不能单独存在，需要在IOC的基础上完成。二、Bean的作用域Singleton是单例类型，就是在创建起容器时就同时自动创建了一个bean的对象，不管你是否使用，他都存在了，每次获取到的对象都是同一个对象。注意，Singleton作用域是Spring...
2020-01-18 15:42:02
186
原创 Mybatis-8-一级缓存、二级缓存
一、一级缓存mybatis的一级缓存是对SqlSession对象的缓存。SqlSession对象什么时候会清空缓存？1.当手动调用了clearCache()方法2.当SqlSession对象关闭了3.当SqlSession对象执行的增、删、改、commit等验证一级缓存的存在 @Test public void testFirstLevelCache1() { ...
2020-01-16 13:55:18
166
原创 Mybatis-7-延迟加载
一、Mybatis配置要让mybatis开启延迟加载，需要配置：配置文件代码： <settings> <setting name="lazyLoadingEnabled" value="true"/> <setting name="aggressiveLazyLoading" value="false"/> <...
2020-01-15 15:33:29
118
原创 Mybatis-6-表间关系（一对一、一对多、多对多）
一、一对多关系两张表：-- 公民表-- 身份证表-- 表间关系：一对一-- 一个公民只有一个身份证-- 一个身份证只属于一个公民-- 身份证表DROP TABLE IF EXISTS t_card;CREATE TABLE t_card( cid INT PRIMARY KEY auto_increment, cnum VARCHAR(20)) ENGINE=INNO...
2020-01-15 11:30:25
233
原创 Mybatis-5-映射文件的一些常用标签
一、resultMap标签作用：配置实体类中的属性与表的字段之间的对应关系，指定查询结果为该resultMap。实体类：映射文件：二、if标签作用：用于判断条件是否成立，若成立则拼接text内容。当传入的参数只有gid时执行的sql语句三、where标签作用：用于拼接where子句。四、foreach标签作用：用于遍历传入的参数。五、sql标签作用：sql封装。...
2020-01-14 15:06:45
537
原创 Mybatis-4-配置文件的一些常用标签
一、properties标签可以用来导入外部properties文件。properties文件：使用properties标签导入文件：配置中使用文件内容的写法：二、typeAliases中的【typeAlias】标签和【package】标签1. typeAlias标签作用：给某个实体类配置别名，配置完的别名在使用的时候不区分大小写。mybatis配置：映射文件中使用别名来配...
2020-01-14 10:42:53
214
原创 Mybatis-2-Mybatis运行分析，自定义实现一个Mybatis
一、在《Mybatis-1-项目环境搭建(Maven)》案例分析先看一下代码：// 1.导入mybatis配置文件，抛出异常// 使用org.apache.ibatis.io.Resources导入mybatis的xml配置文件InputStream resource = Resources.getResourceAsStream("mybatis.config.xml");/...
2020-01-13 11:25:31
166
原创 Mybatis-1-项目环境搭建(Maven)
一、Mybatis环境搭建创建一个maven工程导入依赖mybatis的依赖数据库连接依赖（这里使用mysql）可选：单元测试依赖，日志<properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.s...
2020-01-09 14:18:10
151
原创 maven-4 使用nexus搭建私服(Windows)-安装、仓库类型说明、上传到私服、从私服下载
一、安装 NEXUS REPOSITORY MANAGER 3下载到官网下载nexus官网：https://my.sonatype.com/选择自己系统对应的文件(这里选择Windows系统)安装
2020-01-09 00:23:10
129
原创 maven-3 工程信息、依赖范围、直接依赖和传递依赖
一、maven工程的信息公司域名说明：GroupId填写公司域名的倒序。版本号说明：SNAPSHOT：测试版本RELEASE：发行版本二、maven依赖范围compile(默认)：项目编译、单元测试、运行部署的时候该依赖有效。如：spring-core包。provided：项目编译、单元测试的时候该依赖有效。如：Tomcat中自带的包servlet-api、jsp-api...
2020-01-07 15:22:20
425
原创 maven-2 maven项目结构、常用命令、生命周期
一、maven项目结构现在我们用 IDEA 创建了一个 maven 项目，创建过程这里不演示。来看看 maven 的项目结构吧。二、maven常用命令
2020-01-07 00:16:52
203
原创 maven-1 安装、文件说明、仓库说明
一、安装安装前提：已安装jdk环境变量，配置好了JAVA_HOME下载 maven 压缩包在 Apache 官网下载压缩包，根据自己的系统下载对应压缩包解压 maven 压缩包注意：解压的目录下不能有中文和空格配置环境变量4.1 配置 MAVEN_HOME 环境变量4.2 在 path 中添加 MAVEN_HOME 变量检查配置是否成功输入命令mvn -version...
2020-01-06 17:27:38
136
原创 webpack9-Vue中使用vue-router
webpack9-Vue中使用vue-router1. 初始化npm```npm init -y```2. 安装npm i webpack webpack-cli webpack-dev-server html-webpack-plugin -D3. 安装vue等npm i vue vue-router -Snpm i vue-loader vue-template-com...
2020-01-02 23:21:08
187
原创 ES6-导入导出
ES6-导入导出一、导出1.export default{} 导出对象例：export default{ data() { return { name: "Seven" } }, methods: { showName(){ console.log(name) } }}2.export 导出对象例：export var name = "Sev...
2020-01-02 17:36:22
606
原创 webpack8-Vue的runtime下渲染单文件组件
webpack8-Vue的read-only下渲染单文件组件一、怎么在Vue的read-only下渲染单文件组件？使用render来渲染单文件组件。二、步骤初始化npmnpm init -y安装npm i webpack webpack-cli webpack-dev-server html-webpack-plugin -D安装Vuenpm i vue -S...
2020-01-02 16:35:44
280
原创 webpack7-Vue
webpack7-Vue一.npm初始化npm init -y二.安装npm i webpack webpack-cli webpack-dev-server html-webpack-plugin -Dnpm i jquery -S三.安装Vuenpm i vue -S四.导入Vue4.1 方式1： 在入口js文件中 import Vue from “vue/dist/vue...
2020-01-02 15:30:07
252
1
原创 Vue-组件6 使用render来渲染组件
Vue-组件6 使用render来渲染组件一、注意render渲染组件，会把一整个el指定的元素都替换为组件。二、代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &...
2020-01-02 14:24:23
380
原创 webpack6-babel的基本使用
webpack6-babel的基本使用一、Babel有什么用？因为webpack默认只支持部分的ES6代码，为了使用ES6更高级的代码（如class），用Babel实现二、使用Babel需要的包npm i babel-core babel-loader babel-plugin-transform-runtime -Dnpm i babel-preset-env babel-prese...
2020-01-02 13:53:43
404
1
原创 webpack4.2-[url-loader]
webpack4.2-[url-loader]一、url-loader有什么用？用来加载有关url的路径或文件二、步骤本示例在css中使用urlnpm初始化npm init -y安装webpack webpack-cli webpack-dev-servernpm i webpack webpack-cli webpack-dev-server --save-dev...
2020-01-02 10:10:08
311
1
原创 webpack5-[html-webpack-plugin]的使用
webpack5-[html-webpack-plugin]的使用一、为什么要用 html-webpack-plugin 插件，这个插件有什么用？html-webpack-plugin 插件可以在内存中生成 html 文件html-webpack-plugin 插件可以在生成的文件中自动帮我们导入合适的js文件二、步骤初始化npm init -y安装npm i webp...
2019-12-31 15:10:57
2102
原创 webpack4.1-loader之css
webpack4-loader之css一、为什么要用loader？因为webpack的js文件中默认只能打包加载js模块，例import $ from ‘jquery’，而不能加载css等其他文件所以需要loader工具帮助我们在js文件中打包加载css文件二、打包加载css文件的loader是哪几个？style-loader 和 css-loader三、步骤npm初始化，安装...
2019-12-31 14:32:55
128
原创 webpack3-[webpack-dev-server]的使用
webpack3-[webpack-dev-server]的使用搭建项目webpack-dev-server有什么用？可以用来自动打包编译通用步骤npm init -ynpm i webpack --save-devnpm i webpack-cli --save-devnpm i jquery -d安装 webpack-dev-servernpm i webpa...
2019-12-30 17:17:46
377
原创 webpack2-最基本配置文件的使用
webpack2-最基本配置文件的使用webpack 命令最基本配置文件的使用通过 webpack 命令打包1.在根目录下创建webpack.config.js文件2.编写webpack.config.js文件const path = require(‘path’)module.exports = {entry: path.join(__dirname, ‘./src/js/my...
2019-12-30 16:25:03
162
原创 webpack1-打包流程
webpack1-打包流程初始化命令：npm init -y生成的文件：package.json在package.json中的scripts中添加“dev”: “webpack --mode development”“build”: “webpack --mode production”安装webpack2.1 安装全局webpack，安装过全局的webpack则跳过此...
2019-12-30 14:11:26
188
原创 Vue-computed 计算属性
Vue-computed 计算属性一、说明计算属性，其实是一个属性，但需要通过方法来返回其值，返回的结果即该属性的值二、注意在使用该属性的时候，与data中的属性一样，直接写【属性名】即可计算属性会被缓存：第一次调用该属性时，会调用方法该方法，返回该值的结果，而后如果该属性依赖的其他属性中没有改变，则会从缓存中取该属性。每当该属性依赖的属性中有被修改的，则会调用方法，重新返回一个新的...
2019-12-22 16:36:50
210
原创 Vue-watch 监视
Vue-watch一、说明watch: {}用来监听数据的改变，每当被监听的数据改变时，就会执行对应的方法。一般用来监听路由路径的改变。二、watch监听变量代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="...
2019-12-22 16:15:11
179
原创 Vue-路由4 单路由多组件
Vue-路由 单路由多组件一、说明在一个路由中存在多个组件时，可以通过router-view元素的name属性来指定要渲染的组件，若不指定则为默认组件在路由中通过components配置多个组件，每个组件都有一个对应的名称，默认组件名称用default标识二、代码示例<!DOCTYPE html><html lang="en"><head>...
2019-12-22 15:29:49
1271
原创 Vue-路由3 路由嵌套
Vue-路由3 路由嵌套一、实现方式在路由中的children属性，该属性是一个数组，数组元素是对象，对象内容同routes。二、代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="../lib/vue.js"&...
2019-12-22 15:03:19
884
原创 Vue-路由2 给路由传参
Vue-路由2 给路由传参一、方式1—通过?传递参数实质在url中通过 ? 给路由对应的组件传递参数的方式，vue实例会将传递的参数放在$route.query对象中。注意：通过?的方式传递参数时，不用修改路由实例中的routes中对象的path路径在path对应组件中通过 this.$route.query.参数 来获取传递的参数这种传参方式的参数可以不传，仍然可以访问到对应组...
2019-12-22 14:11:22
258
原创 Vue-路由1 路由的基本使用
Vue-路由62 路由的基本使用一、概念问：前端路由是什么？答：在单页面应用中，前端路由是用来实现不同页面的切换，在单个页面中展示不同的内容（组件）。实现原理：通过url中的hash（#号）来实现的，http请求中不会包含hash的内容。二、代码示例注意：导入vue-router：导入vue-router.js前，先导入vue.js，因为vue-router.js依赖于vue.j...
2019-12-22 13:04:37
153
原创 Vue-组件6 子组件给父组件传值
Vue-组件61 子组件给父组件传值一、实质父组件中定义了一个方法，该方法用来修改父组件中的数据通过自定义事件绑定的方式给子组件传递父组件中的方法子组件通过this.$emit(‘方法名’, [参数1], [参数2], …)的方式调用传递过来的方法这样就实现了子组件给父组件传值二、注意父组件给子组件传递函数时，传递的是函数名，若加上括号，则是先运行该方法，然后再将该方法的返...
2019-12-21 21:56:10
123
原创 Vue-组件5 父组件给子组件传值
Vue-组件60 父组件给子组件传值一、传值的方式实质父组件给子组件传值，实上是给子组件的属性设置值。子组件通过该属性获取父组件传过来的值。组件的props，来自定义组件的自定义属性注意：props是一个数组，内容为自定义属性名。例：props: [‘msg’]data和props的区别：1.data是组件内的数据，props是组件的属性，父组件可以通过props中的属性传值...
2019-12-21 20:59:20
138
原创 Vue-组件4 组件切换
组件切换一、组件切换方式1—component元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="../lib/vue.js"></script> <style> ....
2019-12-21 18:23:29
160
原创 Vue-组件3 data和methods
Vue-组件58 data和methods一、data注意：组件中的data必须用一个函数返回，返回的数据为一个对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="../lib/vue.js"></s...
2019-12-21 17:33:48
823
原创 Vue-组件2 创建私有组件
Vue-57 创建私有组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="../lib/vue.js"></script></head><body> <div i...
2019-12-21 16:58:29
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人