特别针对热购源标识符,QQ沟通交流群和QQ挚友的很多老师化学反应,缺乏使用者存取的销售业务方法论 ,与此同时他们扩充源标识符难上加难难题 ,那时我给我们补上 , 亲自动手教你顺利完成使用者重要信息存取机能,主要包括:详尽前台网页撰写、前台apiUSB撰写 。

小流程网页撰写

![在这儿填入相片叙述](https://img-blog.csdnimg.cn/20200403181230553.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dqd2oxMjAz,size_8,color_FFFFFF,t_70=400×500) 1、关上QQ应用软件,找出 app.json 文档,在 app.json 下加进两个网页:pages/binding/index

“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”],

2、在 pages/binding/index.wxml 中撰写网页 ,标识符如下表所示:

class=binding-item> 真实世界联系方式 placeholder=“请输入您的真实世界联系方式”value=“{{realName}}”bindinput=“inputRealName”> class=binding-item> 联系方式 placeholder=“请输入您的联系方式”value=“{{mobile}}”bindinput=“inputMobile”> class=“binding-btn”bindtap=“bindingAdd”>{{buttonText}}

3、pages/binding/index.wxss 中撰写 pages/binding/index.wxml 对应的网页样式 。

注意: margin 、padding 、font-size 等均使用 rpx 作为单位, 如果使用 px 作为单位, 不同的设备大小差异很大 。在使用 iphone6 作为模拟器时候 ,1px = 2rpx ,在以后的开发中,建议美工网页效果图采用iphone6来标注 px ,开发人员使用 iphone6 模拟器开发,转换 px 大小。

/* pages/binding/index.wxss */ .binding-item{margin: 40rpx;padding-top: 20rpx;padding-bottom: 40rpx;display: flex;font-size: 32rpx;/* 在模拟器为iphone6时,1px=2rpx ,这儿设置32rpx,即16px */ border-bottom: 1rpx soliddedede;}.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;}

4、在 pages/binding/index.js 中撰写相关销售业务方法论标识符 ,相关解释直接注解在标识符中

// pages/binding/index.js varapp=getApp();Page({/** * 网页的初始数据 */ data:{mobile:, openid:, realName:, buttonText:顺利完成认证}, /** * 监听真实世界联系方式的输入 */ inputRealName:function(e){varrealName=e.detail.value this.setData({realName: realName})}, /** * 监听联系方式的输入 */ inputMobile:function(e){varmobile=e.detail.value this.setData({mobile: mobile})}, /** * 生命周期函数–监听网页加载 */ onLoad:function(options){//获取使用者重要信息,若存在则初始化填充网页中的联系方式和手机号 varuserInfo=app.globalData.userInfo console.log(userInfo)if(userInfo){this.setData({mobile:userInfo.mobile, realName:userInfo.realName})}}, /** * 提交存取重要信息到前台apiUSB */ bindingAdd:function(){varthat=this //调用前台USB,提交使用者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=1wx.showModal({title:友情提醒, content:身份认证成功,快去体验维保吧!, confirmText:去维保, success:function(res){if(res.confirm){wx.switchTab({url:/pages/repair/repair,})}}})}else{wx.showToast({title:存取失败,请重试!, icon:none})}}})}})

flask 前台 api USB撰写

1、在 model.py 中修改 WxUser 使用者模型 ,增加字段 realName 、mobile

QQ使用者模型class WxUser(db.Model):tableName=wx_userid=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)

2、在 api.py 中增加路由 v1/user/binding ,只接受 post 表单请求

使用者存取@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=1db.session.commit()returnjsonify({status: 200,errmsg:存取成功!})

到此,两个顺利完成的使用者重要信息存取机能顺利完成了 。机能虽简单,确定解决很多如:职场新人、在校大学生、编程爱好者的疑惑 。

总结:

本文讲述的机能:为实际开发项目的流程,我们扩充源标识符可参考此步骤来顺利完成。

对此,你有什么疑问?欢迎加我个人QQ study2100 或扫码关注QQ公众号与我一起沟通交流!

![在这儿填入相片叙述](https://img-blog.csdnimg.cn/20200402123732944.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dqd2oxMjAz,size_16,color_FFFFFF,t_70=300×300)

作者 nasiapp

在线客服
官方客服
我们将24小时内回复。
12:01
您好,有任何疑问请与我们联系!

选择聊天工具: