微信小程序php后端开发实例

作者:小飞燕 发布时间:2021-04-12 10:19:42

导语本文整理了全网深受用户关注的个微信小程序php后端开发实例经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

如果想快速开发一个小程序,需要注意很多环节。估计很多人对微信小程序的php后端开发还是比较陌生的,但是也很重要。下面我们来看一下开发实例,进行详细说明。

1.与之前的web php网站建设相比,小程序个人理解为只是把web放到微信上,使用小程序的固定格式进行布局、事件触发、数据传输和读取,服务器可以用后端语言编写,但所有数据都必须以json的形式返回给小程序。

2.昨天写了登录注册和忘记密码的功能,本质上是一个小程序表单提交操作。所以拿注册函数来写这个例子。

3.目录地图

js文件是逻辑控制的,主要是因为它发送请求,接收数据,json用于此页面的本地配置,并覆盖全局app.json配置。

wxss用于小程序页面的样式设置。

wxml是一个页面,相当于html

4.样式和json文件暂时被忽略。我只想回顾一下表单的提交和开发

5.wxml文件代码

注册

注册

忘记密码

6.需要理解几个关键点

a.a.form需要与submit事件绑定。在applet中,属性是bindsubmit。

bindsubmit="formsubmit "这里的formsubmit属性值可以命名为符合规范的任意值,相当于以前html中的onsubmit="formsubmit "。是一个函数名,提交时触发函数事件formsubmit,这个函数是用js写的。

b其他属性和前面的html类似。注意表单必须有name="value ",后端处理和之前一样。比如name="username" php可以用$ _ post ['username']来接收。

c.因为applet没有输入提交按钮,所以每个表单中都应该有一个提交按钮。

注册,此按钮用于打开提交事件。

7.index.js代码

页面({

数据: {

},

formsubmit:函数(e) {

if(e . detail . value . mobile . length==0 | | e . detail . value . password . length==0){

wx.showtoast({

标题:“手机号码或密码不能为空!”,

图标: '加载',工期: 1500

})

settimeout(函数{

wx.hidetoast

},2000)

} else if(e . detail . value . mobile . length!=11){

wx.showtoast({

标题:“请输入11位数字的手机号码!”,

图标: '加载',工期: 1500

})

settimeout(函数{

wx.hidetoast

},2000)

} else if(e . detail . value . password . length 6 | | e . detail . value . password . length;20){

wx.showtoast({

标题:“请输入6-20个密码!”,

图标: '加载',工期: 1500

})

settimeout(函数{

wx.hidetoast

},2000)

} else if(e . detail . value . password!=e.detail.value.repassword){

wx.showtoast({

标题:“两次输入不一致的密码!”,

图标: '加载',工期: 1500

})

settimeout(函数{

wx.hidetoast

},2000)

}else{

wx.request({

url : ' https://shop . yun apply.com/home/log in/register ',header: {

内容类型' : ' application/x-www-form-url encoded '

},

方法: '发布',data : { mobile : e . detail . value . mobile,password : e . detail . value . password },成功:功能(res) {

if(res.data.status==0){

wx.showtoast({

title: res.data.info,图标: '加载',工期: 1500

})

}else{

wx.showtoast({

title: res.data.info,//登录成功。

图标: '成功',工期: 1000

})

}

}

})

}

},

})

8.应该指出的是

页面是放置js对象的必要方法,用于在加载页面时呈现效果

data: {},data对象,设置页面中的数据,前端可以通过读取这个对象中的数据来显示。

formsubmit:函数小程序中的方法都是方法名: function,其中函数可以传入一个参数作为触发当前时间的对象

下面是函数的执行。因为验证太多,我只拿出一部分来理解。

if(e . detail . value . mobile . length==0 | | e . detail . value . password . length==0){

wx.showtoast({

标题: '手机号码或密码不得为空!',

图标: '加载,工期: 1500

})

这里的e,就是当前触发事件的对象,类似于htmlonclick="foo(this)"这个对象,小程序封装了许多内置的调用方法,e.detail.value.mobile就是当前对象name="mobile "的对象的值e.detail.value.mobile.length就是这个值的长度

祝酒词类似于射流研究…中的警惕,弹出框,标题是弹出框的显示的信息,图标是弹出框的图标状态,目前只有装货和成功这两个状态持续时间是弹出框在屏幕上显示的时间。

9.重点来了

wx.request({

网址: 'https://shop.com/home/login/register',header: {

内容类型: '应用程序/x-www-form-url编码'

},

方法: '发布,数据: { mobile : e . detail。价值。手机,密码: e . detail。价值。密码},成功:功能(res) {

if(res.data.status==0){

wx.showtoast({

title: res.data.info,图标: '加载,工期: 1500

})

}else{

wx.showtoast({

title: res.data.info,//这里打印出登录成功

图标: '成功,工期: 1000

})

}

},

fail:function{

wx.showtoast({

标题: '服务器网络错误!',

图标: '加载,工期: 1500

})

}

})

wx.request({})是小程序发起安全超文本传输协议请求,注意http是不行的。

这里

a.url是你请求的网址,比如以前在前端,发布表单中action='index.php ',这里的index.php是相对路径,而小程序请求的网址必须是网络路径。

比如:https://店铺。com/home/log in/register

b.

header: {

内容类型: '应用程序/x-www-form-url编码'

},

由于帖子和得到传送数据的方式不一样,发布的页眉必须是

内容类型: '应用程序/x-www-form-url编码'

得到的页眉可以是接受' : '申请/json '

c.一定要写明方法* " post "默认是"得到",保持大写

数据: { mobile : e . detail。价值。手机,密码: e . detail。价值。密码},这里的数据就是帖子给服务器端的数据以{name:value}的形式传送

d.成功回调函数

成功:功能(res) {

if(res.data.status==0){

wx.showtoast({

title: res.data.info,图标: '加载,工期: 1500

})

}else{

wx.showtoast({

title: res.data.info,图标: '成功,工期: 1000

})

}

}

e .成功:函数是请求状态成功触发是事件,也就是200的时候,注意,请求成功不是操作成功,请求只是这个程序到服务器端这条线的通的。

故障:功能就是网络请求不成功,触发的事件。

f.

if(res.data.status==0){

wx.showtoast({

title: res.data.info,图标: '加载,工期: 1500

})

}else{

wx.showtoast({

title: res.data.info,//登录成功。

图标: '成功',工期: 1000

})

}

这里的一段代码与php后端程序有关。具体流程如下。

1.post使用数据到https://shop.com/home/login/register.的接口如果你用过thinkphp你就知道是home模块登录控制下的注册方式

2.2.register方法根据来自post和数据库的数据执行二次验证。如果操作成功,返回什么,如果操作失败,返回什么?

3.后端php代码如下:

logincontroller.class.php主计长

/**

*用户注册

*/

公共功能寄存器

{

if (is_post) {

$ user=d(' user ');

if(!$ user-;create($_post,4)) {

$ this-;错误($ user-;geterror,”,true);

} else {

if($ user-;注册){

$ this-;成功('注册成功!','',true);

}else{

$ this-;错误('注册失败!','',true);

}

}

}

}

模型

usermodel.class.php的注册方法

公共功能寄存器

{

$ mobile=i(' post . mobile ');

$ password=i(' post . password ');

$ res=d(' user ')-;add(array(

mobile '=;$mobile,密码'=;md5($password),modify time '=;日期(' y-m-d h:i:s ')

));

return $ res

}

下面是题目的开头。微信淘宝客小程序的源代码是什么?标题到此结束

微信淘宝客小程序的源代码是什么?各位微信小程序开发者,如果想做微信淘宝客小程序,需要微信淘宝客小程序的源代码。微信淘宝客小程序的源代码是什么?请往下看!

微信淘宝客小程序的源代码是什么?

微信淘宝客小程序的效果如下:

这是我们做的一个淘宝小程序。界面非常清晰,用户友好。和阿里妈妈的背景资料有直接联系。商品优惠券的数量非常大。还有超级搜索,用户体验极佳。

微信淘宝客小程序源代码如下:

从一个微信群里,我得到了这个微信淘宝客小程序源代码的地址,然后我就有了这个:

微信淘宝客小程序源代码微信代码

反正我没有保密协议。解压缩并查看nodewebkit的反应:

微信淘宝客小程序源代码是一个庞大的项目:

等等,这里有个目录叫weapp/quick。这是传说中的源代码吗?当你打开它,它是。

嗯,毫无疑问,有些消息被重复了。

html-;页面结构

css-;页面样式表

app.js里面是登录代码:

app.json定义了一些样式和页面:

wxss显然是css,的intellij不支持

page/index/index.js

这是微信淘宝客小程序的源代码。

这是第一段的结尾。下面是加一段的结尾。微信淘宝客小程序的源代码是什么?目前已经获得了278位网友的青睐!正文到此结束

查看全文

猜你喜欢

微商怎么找货源

频道查询入口

微商代理怎么做