微信小程序后端php开发介绍及开发步骤
小编发现很多朋友在开发小程序的过程中对于前后端了解得不够,所以经常导致开发失败,接下来小编就为大家讲解一下关于微信小程序后端php开发的内容,请需要的朋友仔细阅读。
微信小程序后端php介绍:
1.小编认为小程序相对于之前的WEB+PHP建站来说只是将web放到了微信端,用小程序固定的格式前端可以进行小程序布局、小程序事件开发和小程序数据的读取及输送等,而微信小程序服务器端可以用任何后端语言写,所有的数据会以JSON的形式返回给小程序。
2.昨天写了登录注册小程序、忘记密码功能等问题的解决办法,实质上都是一个小程序表单提交的操作。
3.目录图
js文件是逻辑控制,主要是它发送请求和接收数据,
json 用于此页面局部 配置并且覆盖全局app.json配置,
wxss用于页面的样式设置,
wxml就是页面,相当于html
4.样式和json文件暂时不管了,我只是想回顾一下form表单的提交
5.Wxml文件代码
微信小程序后端php开发代码:
?
注册
获取验证码
注册
登录
忘记密码
6.其中几个关键点需要理解
a.Form表单,需要绑定一个submit事件,在小程序中,属*为bindsubmit,
bindsubmit=”formSubmit” 这里的属*值formSubmit,命名可以为符合规范的任意值,相当于以前html中的 onsubmit=”formSubmit()”,是一个函数名,当提交的时候触发formSubmit这个函数事件,这个函数写在js中。
b.其他的属*和之前的HTML差不多,注意的是,表单一定要有name=“value”,后端处理和以前一样,比如name=”username” PHP可以用 $_POST[‘username']来接收。
C.由于小程序没有input submit这个按钮,所以在每个form表单中都要有一个提交按钮,
注册,这个按钮就是用来开启提交事件的。
7.index.js代码
?
Page({
data: {
},
formSubmit: function(e) {
if(e.detail.value.mobile.length==0||e.detail.value.password.length==0){
wx.showToast({
title: '手机号码或密码不得为空!',
icon: 'loading',
duration: 1500
})
setTimeout(function(){
wx.hideToast()
},2000)
}else if(e.detail.value.mobile.length != 11){
wx.showToast({
title: '请输入11位手机号码!',
icon: 'loading',
duration: 1500
})
setTimeout(function(){
wx.hideToast()
},2000)
}else if(e.detail.value.password.length <6 ||e.detail.value.password.length>20){
wx.showToast({
title: '请输入6-20密码!',
icon: 'loading',
duration: 1500
})
setTimeout(function(){
wx.hideToast()
},2000)
}else if(e.detail.value.password != e.detail.value.repassword){
wx.showToast({
title: '两次密码输入不一致!',
icon: 'loading',
duration: 1500
})
setTimeout(function(){
wx.hideToast()
},2000)
}else{
wx.request({
url: 'shop.yunapply/home/Login/register',
header: {
"Content-Type": "application/x--form-urlencoded"
},
method: "POST",
data:{mobile:e.detail.value.mobile,password:e.detail.value.password},
success: function(res) {
if(res.data.status == 0){
wx.showToast({
title: res.data.info,
icon: 'loading',
duration: 1500
})
}else{
wx.showToast({
title: res.data.info,//这里打印出登录成功
icon: 'success',
duration: 1000
})
}
}
})
}
},
})
参照上文中的微信小程序后端开发步骤,相信各位小程序开发者想要进行后端开发,应该是易如反掌了,当然,如果你还有不明白的地方,请在文章末尾或微信小程序商店留言,小编会及时为大家解答。
小程序二维码php开发教程
微信小程序后端开发的步骤
微信小程序后端JAVA的使用代码详解
下一篇:微信小程序后端开发的步骤