后端接受数据的几种方法

一、Get

  1. 可以使用@GetMapping,也可以使用@RequestMapping指定接口名称,表示是get请求
  2. 再使用@PathVariable绑定路径中的{id},且路径中一定要写{id},否则会报错。
@RequestMapping(value = "/selectByStudent_id/{id}")
public Result selectByStudent_id(@PathVariable String id) {
    return new Result(true,"查询成功","",homeworkService.selectByStudent_id(id));
}

 

@GetMapping("/selectOne/{phone}")
public Result selectOne(@PathVariable String phone) {
    return new Result(true,"登录成功"," ",userService.selectOne(phone));
}

二、Post

1.使用@PostMapping指定接口名称,表示是post请求,接受前端的json数据,参数要用@RequestBody表示该数据是json格式的数据。

代码如下(示例):

@PostMapping("/register")
public Result register(@RequestBody User user) {
    User u=userService.selectOfPhone(user.getPhone());
    if(u==null) {
        userService.insertStudent(user);
        return new Result(true,"注册成功"," ");
    }
    return new Result(false," 注册失败"," 账号已存在,不可重复注册!"," ");
}

2.使用@PostMapping指定接口名称,表示是post请求,参数可以用@RequestParam绑定前端传送的数据。

代码如下(示例):

@PostMapping("/login")
public Result login(@RequestParam String phone,@RequestParam String password) {
    User u=userService.selectStudent(phone,password);
    String message="密码或账号错误";
    System.out.println(phone+password);
    if(u!=null) {
        return new Result(true,"登录成功"," ",u);
    }
    return new Result(false,"登录失败",message," ");
}

提示

本文章只是简单粗略地介绍了几种后端接受数据的方式,但不详细且不完整。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue可以通过以下几种方式接收后端发送的数据: 1. 使用Vue的数据绑定:在Vue实例中定义一个数据属性,然后在模板中使用双大括号语法绑定该属性。当后端发送数据到前端时,可以将数据赋值给这个属性,然后该属性的值会自动更新到模板中。 例如,在Vue实例中定义一个名为data的属性,然后将后端发送的数据赋值给该属性: ```javascript new Vue({ data: { message: '' }, mounted() { // 后端发送数据 // 假设后端发送的数据为 { message: 'Hello World' } // 可以将数据赋值给message属性 this.message = 'Hello World'; } }); ``` 在模板中使用双大括号语法绑定该属性: ```html <div>{{ message }}</div> ``` 当后端发送数据后,模板中的`{{ message }}`会被替换为后端发送的数据。 2. 使用Vue的计算属性:计算属性可以根据其他属性的值动态计算出一个新的值。可以使用计算属性接收并处理后端发送的数据。 例如,在Vue实例中定义一个计算属性`message`,然后将后端发送的数据赋值给该计算属性: ```javascript new Vue({ computed: { message() { // 假设后端发送的数据为 'Hello World' // 可以将数据返回作为计算属性的值 return 'Hello World'; } } }); ``` 在模板中使用计算属性: ```html <div>{{ message }}</div> ``` 3. 使用Vue的事件机制:可以在Vue实例中定义一个自定义事件,然后在接收到后端发送的数据时触发该事件,并在事件处理程序中处理数据。 例如,在Vue实例中定义一个自定义事件`receiveData`,然后在接收到后端发送的数据时触发该事件,并在事件处理程序中处理数据: ```javascript new Vue({ methods: { receiveData(data) { // 处理后端发送的数据 console.log(data); } }, mounted() { // 后端发送数据 // 假设后端发送的数据为 { message: 'Hello World' } // 可以触发自定义事件,并将数据作为参数传递 this.$emit('receiveData', { message: 'Hello World' }); } }); ``` 在模板中不需要做任何改动。 以上是几种常用的方式,根据具体的情况选择适合的方式来接收后端发送的数据
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值