Day07 前后端调用 springmvc参数传递总结，restful 数据结构， vue.js 综合案例（生命周期函数），AXios，

一、展现sql日志

1. 在yml文件里 ，添加logging：level：com.jt.mapper:debug
2. 对象接收数据：如果用户传递的数据有多个，则可以使用对象接收
3. 对象的引用赋值

如果前端出现了同名提交的参数问题，影响后台数据接收，前端要求不能出现重名属性，如果重现重名属性。解决方案：利用对象的引用赋值，封装对象，引用对象。

• restful业务说明

Restful语法：

1. 用户url编辑

1. 参数与参数之间使用“/”分割
2. Restful结构顺序一旦确定，不能随意更改
3. 如果使用restful结构 请求路径中不能出现动词

1. 用户规范：

由于restful结构请求路径都是名词，所以不能区分业务逻辑，所以采用请求类型，严格区分业务需求。

1. get查询操作
2. Post 新增操作/form表单提交
3. Put修改操作
4. Delete 删除操作

1. 参数接收

1. 参数必须使用{xxx}包裹
2. 使用特定的注解@pathvariable(“name”) string name 接收参数
3. 如果接收参数名称与对象中属性名称一致，则可以使用对象

• 前后端调用

1. vue入门案列

使用步骤：

1. 导入js文件
2. 准备根标签
3. 创建vue对象，并且实现挂载
4. 定义属性，实现数据动态取值

New Vue({})  函数式编程

关于变量的说明：

1. js中变量定义早期 var全局变量，没有作用域
2. Let有作用域的概念
3. Const常量定义 不允许被修改

四、Vue的声明周期函数

1. 概念：声明周期函数，是vue针对于用户提供的扩展功能，如果编译了声明周期函数，则vue对象自动执行无需手动
2. 生命周期函数种类

1. 初始化阶段：before Create：Vue对象被js刚解析之后，实例化成功，内部属性暂时都为null

Created Vue 对象开始加载其中的属性和属性的值，当加载完成，对象实例化成功，仅限于创建不执行业务操作

before mounted   vue对象中el：“#app”，通过app指定的id，将指定区域交给vue对象进行管理

Mounted 当对象创建完成之后，并且指定区域开始“渲染”，将区域中的标签，表达式进行解析加载，当数据加载成功之后，这是mounted执行完成，这时用户可以看到解析后的页面

1. Vue对象修改：before update  update
2. 对象销毁：before Destroy   destroyed

五、前后端调用axios

（1）同步说明：同步特点：一个线程一次加载执行，如果数据没有加载完成，则其他数据处于等待状态

（2）异步说明：Ajax特点：局部刷新，异步访问

Ajax为什么可以异步：ajax的设计原理-ajax引擎

（3）用户发起请求，交给ajax引擎处理，用户可以执行其他的操作

（4）ajax引擎接收到用户请求之后，发起http请求访问目标服务器

 （5）后台服务器将数据返回给ajax引擎

（6）ajax引擎，将最终获取到的数据，通过回调函数的方式，交给用户处理