1.Spring MVC参数传递
1.1简单参数接受
1.1.1 需求分析
根据id查询用户信息 http://localhost:8090/findUserById?id=1
使用@GetMapper(“”)代替@RequestMapping(“”)
controller层
@GetMapping("findUserById") //只允许接受get类型
public User findUserById(Integer id){
return userService.findUserById(id);
}
service层
public List<User> find(String name,String sex) {
QueryWrapper <User>queryWrapper = new QueryWrapper();
queryWrapper.eq("name", name)
.eq("sex", sex);
return userMapper.selectList(queryWrapper);
}
案例2.根据name=“王昭君” sex=“女” 查询用户数据???
URL???
常见请求类型:get/delete post/put
1.2对象参数接受
1.3restFull参数接受
REST指的是一组构架约束条件和原则,满足这些约束条件和原则的应用程序或者设计就是RESTful。
说明: get请求:http://localhost:8090/findAll?id=1,
信息: 1.查询请求
2.参数直观 name=xxx
3.请求的结构冗余,不适合多个参数的写法
请求优化:
http://localhost:8090/user/王昭君/女
优势:
1.用户不能了解请求的意图 规定:请求方法名称不能出现“动词”,只能写名词。
2.参数保密,只有后端服务器清楚参数的意义
3.请求字节传输量少 简洁。
注意事项:
1.url地址中参数与参数之间使用/分割
2.请求的参数的位置一旦固定,不可轻易的修改
3.用户发请求时,就应该按照restFul的结构执行
4.restFul请求一般以get请求为主 put/detele/post
案例
需求:查询name=“貂蝉” age>10岁的用户
URL:http://localhost:8090/User/貂蝉/10
后端服务器接收规则:
1.参数与参数之间用/分割
2.参数的位置一旦确定,一般不变
3.接受的参数使用{形参变量}
4.使用@PathVariable注解
5.如果参数有多个,建议使用对象接受 参数必须与属性一致 spring自动封装
同名提交问题
需求:用户查询id=1,3,4,5的数据。如果有同名参数一般采用','分割
URL:http://localhost:8090/getUserByIds?ids=1,3,4,5
2.vue
2 .1vue的入门案例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入门案例</title>
</head>
<body>
<div id="app">
<h1>{{msg}}</h1>
</div>
<!-- 1.导入js类库 -->
<script src="../js/vue.js"></script>
<script>
const app =new Vue({
el:"#app",
data:{
msg:"vue的入门案例 哈哈哈哈哈哈"
}
})
</script>
</body>
</html>
基本语法:
1.导入js类库
2.指定vue渲染区域
3.实例化vue对象
4.数据取值
2.2双向数据绑定原理说明
MVVM思想
M:model数据层
V:view视图层
VM:视图数据的控制层
DOM:当前的整个页面的展现就是一个DOM
虚拟DOM:VUE内部为了提高响应速度,依赖的重要组件。提前计算(操作内存数据)
流程:
1.model变化,虚拟DOM操作内存数据变化所以页面变化
2.View变化,虚拟DOM操作内存数据变化,数据变化