Shulou(Shulou.com)06/03 Report--

SSM VUE Axios的介绍以及用法，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

如何展示Sql日志？？

在yml核心配置文件内配置信息

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

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}} new Vue({ el:"#app", data:{ msg:"您好 VUE JS" } })

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.前后端调用 AxiosAjax

特点：局部刷新，异步访问

同步与异步

Ajax设计原理：Ajax引擎

回调函数？？ 用来通知用户的

案例一： Axios练习 Ajax入门案例 let url="http://localhost:8090/getUser" axios.get(url) .then(function(promise){ console.log(promise.data) })

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

Case 2: Passed? attribute = attribute value method concatenation

Requirement: Query user url according to Id: url Address: http://localhost:8090/axios/findUserById

Front end code:

let user = { age: 21, sex: "female" } axios.get("http://localhost:8090/axios/findUserByAS", { params: user }) .then(function(promise) { console.log(promise.data) }) Case 3: Data transfer through objects

Requirements: Query user information according to age/sex url: http://localhost:8090/axios/findUserByAS

Front end code:

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

There are three ways to pass the parameters of the front-end Get request

Method 1: Passed? attribute = attribute value method concatenation

Method 2: Data transfer through objects

Mode 3: parameter transfer is realized by using restFul structure.

After reading the above content, do you know the introduction of SSM VUE Axios and how to use it? If you still want to learn more skills or want to know more related content, welcome to pay attention to the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.