SSM|SSM VUE Axios详解 SSMVUEAxios详解

如何展示Sql日志？？
SpringMVC里参数传递的说明
restful

语法：
用户规范：
参数接收：
MyBatis简化sql的注解

前后端调用

1.Vue入门案例
2.Vue生命周期

概念
种类（③+⑧）

3.前后端调用 Axios

Ajax
案例一：
案例二：通过?属性=属性值的方法拼接
案例三：通过对象的方式实现数据传递

总结

如何展示Sql日志？？在yml核心配置文件内配置信息

#Sql日志文件打印logging:level: com.jt.mapper: debug

【SSM|SSM VUE Axios详解】

文章图片

文章图片

SpringMVC里参数传递的说明简单参数传值：利用MVC将参数写到方法中，直接传值
对象接收数据：参数过多封装成对象
对象的引用赋值：重名参数传递 dog.name

restful
语法：
1.参数与参数之间用/分割
2.参数顺序一旦定义，不可更改
3.请求路径中不可出现动词因为不可暴露操作意图，隐藏目的

用户规范：
采用不同请求类型区分业务需求
get 查询
post 新增/form提交
put 修改
delete 删除

参数接收：
1.参数与参数之间用/分割
2.参数使用{}包裹
3.参数格式 @PathVariable("name") String name
4.若参数过多，参数名称与对象中属性名称一致，可使用对象接收

@RequestMapping("user/{name}/{age}/{id}")public Integer user(@PathVariable("name") String name,@PathVariable("age") Integer age,@PathVariable("id") Integer id){return userService.user(name,age,id); }/*对象接收方式*///@RequestMapping("user/{name}/{age}/{id}")//public Integer userr(User user){//return userService.user(user); //}

update demo_user set name=#{name},age=#{age} where id =#{id}

MyBatis简化sql的注解
@Insert() @sele() @Update() @Delete()

简化Sql，但是只适用于简单操作，注解与映射文件不可同时出现

文章图片

前后端调用
1.Vue入门案例

VUE入门案例 - 锐客网获取数据：{{msg}}

js中的变量
var无作用域，let有作用域，const定义常量

2.Vue生命周期

概念是VUE针对用户提供的扩展的功能，生命周期函数是自动执行的

种类（③+⑧） 1.初始化阶段④
beforeCreate（创建Vue对象，属性暂时为null） Created（加载其中的属性值，仅限创建不执行，实例化成功）
beforeMount（解析el:"#app"，将指定区域/数据渲染区域交给Vue对象管理） Mouted（对象创建后，并且在指定区域开始渲染，解析表达式，执行成功之后，用户可可以看到解析后的页面）
2.对象使用阶段 VUE对象的修改②
beforeUpdate Updated
3.销毁阶段②
beforeDestroy Destroyed→VUE对象被销毁，不存在了

3.前后端调用 Axios

Ajax 特点：局部刷新，异步访问
同步与异步
Ajax设计原理：Ajax引擎
回调函数？？用来通知用户的

案例一：

Axios练习 - 锐客网 Ajax入门案例

注意：需要在Controller层加注解@CrossOrigin！！！！！！！

文章图片

文章图片

案例二：通过?属性=属性值的方法拼接需求：根据Id查询用户 url：url地址: http://localhost:8090/axios/findUserById
前端代码：

let user = {age: 21,sex: "女"}axios.get("http://localhost:8090/axios/findUserByAS", {params: user}).then(function(promise) {console.log(promise.data)})

案例三：通过对象的方式实现数据传递需求：根据age/sex查询用户信息 url：http://localhost:8090/axios/findUserByAS
前端代码：

let user = {age: 21,sex: "女"}axios.get("http://localhost:8090/axios/findUserByAS", {params: user}).then(function(promise) {console.log(promise.data)})

总结前端Get请求参数传递的方式3种
方式1: 通过?属性=属性值的方法拼接
方式2: 通过对象的方式实现数据传递
方式3: 利用restFul的结构实现参数传递.
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容！