- 博客(20)
- 收藏
- 关注
原创 Spring 面向切面编程AOP
文章目录一, 动态代理1. 模式的引出2.模式的原理二,面向切面AOP1.AOP 的概念和细节2. 切面的编写过程(基于aspectJ注解)1.前置通知与后置通知2. 返回通知,异常通知和环绕通知3. 引入通知(了解即可,无需代码说明)3.指定切面的优先级4. 重用切入点5.基于XML的配置AOP一, 动态代理1. 模式的引出代码混乱:越来越多的非业务需求(日志和验证等)加入后, 原有的业务方法急剧膨胀. 每个方法在处理核心逻辑的同时还必须兼顾其他多个关注点.代码分散: 以日志需求为例, 只是为
2020-10-29 15:37:05 199
原创 Spring控制反转IOC(依赖注入DI)
文章目录1. 容器和Bean2. Bean的配置1.基于XML的配置形式,通过全类名的配置方法1. 基于XML,通过反射在IOC容器中配置Bean2. 依赖注入的三种方式:1.属性注入2.构造器注入3.工厂方法注入3. 注入属性的一些细节问题1. bean之间的相互访问2. null值和级联属性3. 集合属性4. 使用P命名空间5. 自动装配6. Bean之间的继承,依赖关系7.bean的作用域8.引用外部文件9. spEL表达式10.IOC容器中bean的生命周期4.基于注解的配置形式1.在classpa
2020-10-29 15:19:19 474
原创 Spring 理论推导
1. spring框架的核心Spring使创建Java企业应用程序变得容易。它提供了在企业环境中使用Java语言所需的一切。spring的出现使现有的技术变得更加的简单,随着时间的推移,他本身变成了一个大杂烩,整合现有的框架技术。spring框架是一个分层架构,由 7 个定义良好的模块组成。Spring 模块构建在核心容器之上,核心容器定义了创建、配置和管理 bean 的方式 .核心容器:核心容器提供 Spring 框架的基本功能。核心容器的主要组件是 BeanFactory,它是工厂模式的实
2020-10-29 12:46:34 170
原创 七,Vue Router
1. 路由的概念2. 认识vue-router目前前端流行的三大前端框架都有自己的路由实现:Angular的ngRouterReact的ReactRouterVue的vue-routervue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用vue-router是基于路由和组件的路由用于设定访问路径, 将路径和组件映射起来在vue-router的单页面应用中, 页面的路径的改变就是组件的切换3. 安装和使用vue-router
2020-07-22 15:19:26 96
原创 六,Vue CLI(脚手架)
1. 什么是Vue CLI(命令行界面)我们使用vue.js开发大型项目的时候,我们需要考虑代码目录结构,项目结构和部署,热加载,代码单元测试等问题。如果每个项目都要手动完成这些工作,那效率必然无比低效,所以我们使用CLI脚手架工具来帮助我们完成这些事情。脚手架就相当于一个框架的模板,我们在模板的基础上去开发项目。2. 脚手架搭建的前提Node和NPM的版本(node要求8.9以上的版本)webpackvueClI脚手架工具使用了webpack模板,对所有资源进行压缩等优化操作
2020-07-22 15:08:41 93
原创 五,组件化高级
1. 编译作用域官方准则:父组件模板的所有东西都会在父级作用域内编译,子组件模板的所有东西都会在子级作用域内编译。概念性的东西难以理解我们用一个小案例来说明isShow属性包含在组件中,也包含在Vue实例中而我们在使用的时候,整个组件的使用过程是相当于在父组件中出现的。那么他的作用域就是父组件,使用的属性也是属于父组件的属性。因此,isShow使用的是Vue实例中的属性,而不是子组件的属性<!DOCTYPE html><html lang="en"><
2020-07-20 17:13:36 81
原创 四,组件化开发(三)之数据
1. 组件数据存放组件是一个单独功能模块的封装,这个模块有自己HTML模板,也应该有自己的数据data。那么组件的数据存放在哪里呢?组件能直接访问顶层的vue实例中的数据吗?我们发现不能直接访问顶层的vue实例中的数据。因此组件应该有自己存放数据的地方。组件对象也有一个data属性这个属性必须是一个函数如果不是一个函数,Vue直接就会报错Vue让每个组件对象都返回一个新的对象,因为如果是同一个对象的,组件在多次使用后会相互影响。而且这个函数返回一个对象,对象
2020-07-20 17:11:15 159
原创 四,组件化开发(二)
1. 全局组件和局部组件当我们通过调用Vue.component()注册组件时,组件的注册是全局的全局组件可以在任意的Vue实例下使用如果我们注册的组件是挂载在某个实例下的,那么它就是一个局部组件全局组件 //全局组件 所有的vue实例中都可以使用 var cpnC= Vue.extend({ template: '<div>\n' + ' <h1>我是标题</h1>\n' +
2020-07-20 17:09:52 121
原创 四,组件化开发之初识
1. 认识组件化1. 什么是组件化如果我们将一个页面的所有处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后期的管理以及扩展。我们将一个页面拆分成一个一个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后的界面管理和维护就变得非常容易。2. vue组件化思想通常一个应用会以一棵嵌套的组件树的形式来组织:例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件2. 注册组件1. 基本步骤创建组件构造器调用Vue.ext
2020-07-20 17:08:15 178
原创 三,vue基础语法之v-model
表单绑定v-model表单控件在实际开发中是非常常见的。特别是对于用户信息的提交,需要大量的表单Vue中使用v-model指令来实现表单元素和数据的双向绑定当我们在输入框输入内容时因为input中的v-model绑定了message,所以会实时将输入的内容传递给message,message发生改变。当message发生改变时,因为上面我们使用Mustache语法,将message的值插入到DOM中,所以DOM会发生响应的改变。所以,通过v-model实现了双向的绑定<!DOCT
2020-07-20 17:03:10 189
原创 三,vue的基础语法之循环遍历
vue官网中用v-for来进行列表渲染。这张主要是v-for来遍历数组和遍历对象。v-for 遍历数组当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成v-for的语法类似于JavaScript中的for循环格式如下:item in items的形式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l
2020-07-17 16:10:02 591 1
原创 三,vue的基础语法之条件判断
vue的条件指令和JavaScript的条件语句类似。vue的条件指令可以根据表达式的值在DOM中渲染或者销毁元素或者组件v-ifv-if的原理v-if后面的条件为false时,对应的元素以及其子元素不会渲染。也就是根本没有不会有对应的标签出现在DOM中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<
2020-07-16 11:03:41 523
原创 三,vue的基础语法之事件监听
在前端开发中,我们需要经常和用户交互,在这个时候我们就必须监听用户发生的时间,比如点击,拖曳,键盘事件等。在vue中监听事件,我们使用v-on指令1.v-on的基本使用我们用一个监听按钮的点击事件,来了解v-on的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head
2020-07-16 09:56:43 268
原创 三,vue的基础语法之计算属性
我们知道在模板中通过插值语法显示一些data中的数据,但是在某些情况下我们需要对数据进行一些转换再显示,或者将多个数据结合起来进行显示这个时候我们就可以通过计算属性将数据结合起来变成一个属性1.基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body
2020-07-13 18:25:19 138
原创 三,vue的基础语法之绑定属性(v-bind)
前面我们学习的指令主要作用是将值插入到我们模板的内容当中,但是,除了内容需要动态来决定外,某些属性我们也希望动态来绑定。这个时候我们就可以使用v-bind指令v-bind的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div
2020-07-13 17:50:52 822
原创 三,vue的基础语法之插值操作
前面通过简单的案例,了解了vue的基本能使用,现在我开始记录一些关于Vue的基础语法,以便于后来在创建Vue的项目的时候,对于Vue有一个更加深刻的理解。这个章节介绍插值操作,像前面案例中{{message}}就是一个最基础的文本插值插值操作主要是包括Mustache语法,v-once,v-text, v-pre, v-html, v-clock等指令的使用一,Mustache语法数据绑定中,最常见的形式就是使用‘Mustache’语法(双大括号)的文本插值<span>{{mess
2020-07-12 20:21:06 639
原创 二,通过案例认识vue(HelloVue,计数器,列表显示)
我们已经初步了解Vue是什么,并且已经学会安装Vue,但是对于Vue代码还是处于一个模糊的概念当中,我们通过几个案例初步认识一下Vue在代码中如何实现。1. HelloVue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div i
2020-07-10 16:47:13 120
原创 一,vue的认识和安装
最近在项目的开发中,发现vue在前端的作用越来越大,于是在空闲时间整理了一下学习vue的笔记。一, 什么是VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二, Vue的安装CDN引入<!-- 开发环境版本,
2020-07-10 16:24:17 158
原创 超市会员管理系统
在集合框架和实用类的学习中、我们通过一个案例–超市会员管理系统来回顾知识。加深其印象。1、系统需求:积分累计 积分兑换 积分查询 修改密码 开卡 退出等功能2、实现功能:构建会员类 (属性:会员姓名 会员卡号 会员密码 积分 开卡日期 构造方法:有参构造 无参构造)构建业务类 :实现不同功能3、流程:1、 用户键盘输入选择需要执行的操作2、将会员的信息存入集合中(泛型)3...
2019-04-16 17:22:37 4987 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人