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

    技术2023-10-08  78

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

    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>

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

    Processed: 0.011, SQL: 9