day08前后端交互

用户登录

  1、小程序

    数据双向绑定

    1、wxml     

<view>手机号:</view>
<input value="{{phone}}" bindinput="bindphone" placeholder="请输入手机号"></input>

             2、js

  data: {
    message:"",
    phone:"",
    code:""
  },
bindphone:function(e){
    this.setData({phone:e.detail.value})
  },

  网络请求API 

wx.request({
     url: 'http://127.0.0.1:8000/api/login/',
     data:{phone:this.data.phone,code:this.data.code},
     method:"POST",
     success:function(res){
       console.log(res)
     }
   })

    在使用wx.request等有网络请求的api时,必须遵循:

  --网络地址 https

  --后台必须设置要访问的域名(小程序的后台-开发-开发设置-业务域名/服务器域名)

   本地测试:简单测试下:详情-选中不校验合法域名的复选框

   2、api

   必须创建虚拟环境;

   在虚拟环境中安装django==1.11.7和 drf最新的版本(drf可以自动处理跨站攻击)

   创建api     login    message(发短信)

  

    

原文地址:https://www.cnblogs.com/sunflying/p/13275075.html