手把手教你完成微信小程序用户信息绑定（微信报修小程序源码讲解八）

  "pages": [
    "pages/home/home",
    "pages/index/index",
    "pages/auth/auth",
    "pages/add_repair/add_repair",
    "pages/repair/repair",
    "pages/repair_detail/index",
    "pages/binding/index"
  ],

<!--pages/binding/index.wxml-->
<view class='binding-item'>
	<view>真实姓名</view>
	<input placeholder="请输入您的真实姓名" value="{{realName}}" bindinput="inputRealName"></input>
</view>
<view class='binding-item'>
	<view>联系电话</view>
	<input placeholder="请输入您的手机号码" value="{{mobile}}" bindinput="inputMobile"></input>
</view>
<view>
	<view class="binding-btn" bindtap="bindingAdd">{{buttonText}}</view>
</view>

/* pages/binding/index.wxss */
.binding-item {
  margin: 40rpx;
  padding-top: 20rpx;
  padding-bottom: 40rpx;
  display: flex;
  font-size: 32rpx;
  /* 在模拟器为iphone 6 时，1px=2rpx ，这里设置32rpx，即16px */
  border-bottom: 1rpx solid #dedede;
}

.binding-item input {
  display: flex;
  align-items: center;
  justify-content: center;  
  height: 100%;
  padding-left: 20rpx;
}

.binding-btn{
  background-color:#19be6b;
  padding: 26rpx;
  margin: 40rpx;
  color: white;
  text-align: center;
}

// pages/binding/index.js
var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    mobile: '',
    openid: '',
    realName: '',
    buttonText: '完成认证'
  },

  /**
   * 监听真实姓名的输入
   */
  inputRealName: function (e) {
    var realName = e.detail.value
    this.setData({
      realName: realName
    })
  },

  /**
   * 监听手机号码的输入
   */
  inputMobile: function (e) {
    var mobile = e.detail.value
    this.setData({
      mobile: mobile
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
       //获取用户信息，若存在则初始化填充页面中的姓名和手机号
       var userInfo = app.globalData.userInfo 
       console.log(userInfo)
       if(userInfo){
         this.setData({
           mobile:userInfo.mobile,
           realName:userInfo.realName
         })
       }
  },

  /**
   * 提交绑定信息到后台api接口
   */
  bindingAdd: function () {
    var that = this
    //调用后台接口，提交用户id、真实姓名、手机号 
    wx.request({
      url: app.serverUrl + "api/v1/user/binding",
      method: "POST",
      data: {
        mobile: that.data.mobile,
        realName: that.data.realName,
        userId: app.globalData.userInfo.id //传递用户id、根据id去绑定真实姓名和手机号
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: function (res) {
        console.log(res.data)
        //若 res.data.status==200 表示保存成功、更新 app.globalData.userInfo 的信息供其他页面使用
        if(res.data.status==200){
          app.globalData.userInfo.mobile=that.data.mobile
          app.globalData.userInfo.realName=that.data.realName
          app.globalData.userInfo.isBindingMobile=1
          wx.showModal({
            title:'友情提醒',
            content:'身份认证成功，快去体验报修吧!',
            confirmText: '去报修',
            success:function(res){
              if(res.confirm){
                  wx.switchTab({
                    url: '/pages/repair/repair',
                  })
              }
            }
          })
        }else{
          wx.showToast({
            title: '绑定失败，请重试！',
            icon:'none'
          })
        }
      }
    })
  }
})

# 微信用户模型
class WxUser(db.Model):
    tableName = 'wx_user'
    id = db.Column(db.INTEGER, primary_key=True, autoincrement=True)
    openid = db.Column(name='openid', nullable=False)
    nickName = db.Column(name='nickName', nullable=False)
    avatarUrl = db.Column(name='avatarUrl', nullable=False)
    mobile = db.Column(name='mobile', nullable=False)
    realName = db.Column(name='realName', nullable=False)
    isBindingMobile = db.Column(name='isBindingMobile', nullable=False)

# 用户绑定
@api.route('v1/user/binding', methods=['POST'])
def binding():
    realName = request.form.get("realName")
    mobile = request.form.get("mobile")
    userId = request.form.get("userId")
    wxUser = WxUser.query.filter(WxUser.id == userId).first()
    wxUser.realName = realName
    wxUser.mobile = mobile
    wxUser.isBindingMobile = 1
    db.session.commit()
    return jsonify({'status': 200, 'errmsg': '绑定成功！'})