cgb2106-day17

Posted 2021-09-06 cgblpx

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了cgb2106-day17相关的知识，希望对你有一定的参考价值。

文章目录

一,AOP

–1,概述

是一个面向切面编程的思想,补充了OOP的不足.
实现的效果: 对方法的增强,本质上就是在执行方法的前后添加功能.
经典的使用场景: 统计性能分析 / 权限管理 / 事务管理 / 日志 / 缓存…
好处: 让程序员更专注业务代码本身
切面: 本质上就是一个类
通知: 本质上就是一个方法,定义一些功能
分为:前置通知,后置通知和环绕通知,返回后通知,异常通知
前置通知 : 是方法执行前要执行的功能
后置通知 : 是方法执行后要执行的功能
环绕通知 : 是方法执行前后都要执行的功能
切点: 指定哪些类里的哪些方法要用通知的功能
常用AOP注解:
@Aspect : 表示是一个切面类
@Before : 表示是一个前置通知
@After : 表示是一个后置通知
@Around : 表示是一个环绕通知
@PointCut : 表示切点

–2,步骤

1,添加jar包

<!--添加aop依赖包-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-aop</artifactId>
</dependency>

2,使用

package cn.tedu.service;
import org.aspectj.lang.ProceedingJoinPoint;
import org.aspectj.lang.annotation.Around;
import org.aspectj.lang.annotation.Aspect;
import org.aspectj.lang.annotation.Pointcut;
import org.springframework.stereotype.Service;

@Service //ioc
@Aspect//标记着这是一个aop的类:切面(由切点和组成)
public class AopAspect {
    //1,切点(指定具体要用通知的类和方法)
    //切点表达式:*是通配符 ..表示0~n个
              //方法返回值/包路径/子包/类名/方法名/参数列表
    @Pointcut("execution( * cn.tedu.service..*.*(..))")
    public void point(){}
    //2,通知(是一个方法自定义功能)
    @Around("point()")//是一个环绕通知
    public Object doAround(ProceedingJoinPoint joinPoint)
                        throws Throwable {
        long time = System.currentTimeMillis();//计时开始
        //去执行你的业务方法--joinPoint连接点
        Object o = joinPoint.proceed();
        time = System.currentTimeMillis()-time;//计时结束

        String methodname = joinPoint.getTarget().getClass().getName()//获取类名
                +"."+joinPoint.getSignature().getName();//获取方法名

        System.out.println(methodname+"方法执行时间是: "+time);
        return o ;
    }
}

3,测试

启动服务器 , 访问指定包里的资源时 , 就会自动触发切面中通知的功能.

二,Ajax

–1,概述

全称异步的js and xml ,
好处: 异步访问 , 局部刷新

–2,步骤

导入vue.js和axios.js

编写html代码

语法:axios.get(url).then( a=>( a表示服务器返回的结果 ) )

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 vue提供的ajax技术</title>
		<!-- 1. 导入vue.js和axios.js -->
			<script src="vue.js"></script>
			<script src="axios.min.js"></script> 
			<!-- 发起ajax请求,异步访问,局部刷新-->
	</head>
	<body>
		<!--  2. 准备数据渲染区,利用插值表达式获取值 -->
			<div id="app">
				123{{info}}
			</div>
		<!-- 3. 创建Vue对象 -->
			<script>
				new Vue({
					el : "#app", // 挂载点
					data : { //数据区
						info : ' '
					},
					mounted : function(){//发起ajax请求
						//ajax 访问 服务器的数据
						axios.get('http://localhost:8080/car/get').then(
							//箭头语法,其中a表示服务器返回的数据
							a => (
								//修改info的值,a.data是固定写法用来获取a的值
								this.info = a.data
							)
						)
					}
				})
			</script>
		
	</body>
</html>