美文网首页
uni-app进行小程序开发之数据交互

uni-app进行小程序开发之数据交互

作者: 夜光寒 | 来源:发表于2021-06-21 15:09 被阅读0次

    上一周开发完登录之后,紧接着需要开发的就是剩下的数据交互了,所谓数据交互,就是指前端将用户发送的数据与后端进行交互,根据前端的输入和操作,后端进行相应的回复,将需求的数据返回给前端,该过程可以归纳为下面这样的流程图

    数据交互的大致流程

    由于我们只负责前端,所以按照流程图,我们只需要制作[接受用户发送的数据和操作]以及[将后端返回的数据显示给用户]这两个部分,相关代码如下

    首先写出一个通用方法,里面封装好我们调用后端时需要的地址以及数据包,这样之后在写其他方法时直接传入接口和数据来调用这个方法,能减少代码冗余,加快开发速度,减少错误出现

    通用方法的代码

    然后在对应页面的js部分里写调用通用方法的方法,将需要使用的接口和用户发送的数据传入,随后将后端返还的数据解析并赋值给对应变量供前端页面显示

    获取数据的代码

    最后是在前端页面中调用相关方法将数据显示给用户

    调用相关方法并填入数据

    相关文章

      网友评论

          本文标题:uni-app进行小程序开发之数据交互

          本文链接:https://www.haomeiwen.com/subject/oolkyltx.html