Day05

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操作内存数据变化,数据变化

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值