关于小程序的前后台数据交互

小程序端的数据怎么传递到后台

1.首先需要建立接口,一般把接口放在公共js里面。比如我是在utils文件里面新建一个uri.js文件。写入接口格式:

module.exports = {
 ORDERSLIST: "orders/getList",  
 ORDERSADD: "orders/add",//接口名字ORDERSADD,对应后台orders类下的add方法,就是把数据传到add里面去
 }

2.然后在前端相应页面请求网络,传递相关数据:(这个要写在方法里)

var money=this.data.money;//获取到的数据
var id=this.data.id;
httpUtil.postReq(uriUtil.ORDERSADD,{
      money: JSON.stringify(money)//传递给后台
      id: JSON.stringify(id),
}

3.这样后台就可以接收到相应数据了。(我后台用的是SSM框架)

1)后台controller层打印出接收到的数据:

@RequestMapping("/add")
@ResponseBody
public ReturnData add(BigDecimal money,User user,Long id){
    System.out.println("前端传递过来的数据:"+money);
    System.out.println("用户ID"+id);
    user.setId(id);//后台获取到数据并设置进来,这里是把传递过来的id设置到数据表的id里
    user.setMoney(money);
    return userService.add(user);//返回实体类
}

2)实体类对数据进行操作:

@Transactional(propagation = Propagation.REQUIRED,rollbackFor = Exception.class)
@Override
public ReturnData add(User user) {
    int i = userMapper.add(user);//把数据传递到mapper层的add方法
    return UpdateOrInsertResultDeal.dealWith(i);//返回数据,我这里是用到了一个公共方法对数据进行处理
}

相应service接口也要配置好。
3)mapper层对数据库的数据进行操作:

<update id="add" parameterType="user">
    update user set money =#{money} where id=#{id}
</update>

同样对应接口也要配置好。
这样,后台也把数据做了修改(更改了数据库的数据),那么前端相应数据也会作出修改。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值