您当前的位置: 首页 > 知识百科 > 微信小程序后端php开发介绍及开发步骤

微信小程序后端php开发介绍及开发步骤

时间:2023-07-01 14:05 阅读数:12 人阅读 分类:知识百科

  小编发现很多朋友在开发小程序的过程中对于前后端了解得不够,所以经常导致开发失败,接下来小编就为大家讲解一下关于微信小程序后端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的使用代码详解