微信小程序图标制作流程

小程序图标的使用使得小程序开发过程更加容易。开发者在添加微信小程序图标时，可以不断丰富小程序功能，定制小程序图标。那么，如何制作微信小程序的图标呢？

微信小程序制作图标：

我们日常生活中一些常见的东西可以打包成组件，然后用在各种小程序页面中。对于小程序，我们也可以封装一些我们需要的常用东西。

这里我们解释一个小程序插件。

如上图所示，是，展开一个小插件。当您单击关闭时，小程序按钮关闭。

页面的wxml(app . wxml)

这里主要是插件的按压面显示效果，可以写在标签里。

页面js (app.js)

var icon list={ }；//设置存储数据的对象名

iconlist.wdg={

//存储要提供给视图层的页面数据。closeallicon和showallicon是对应的方法

数据： {

index: 0，close:0

},

closeallicon:函数(e){

this.setdata({

关闭：1

})

},

showallicon :function(e){

this.setdata({

close:0

})

}

};

module.exports=iconlist //公开了方便外部调用的接口

接下来就是包装，也就是如何使用。

在所需的wxml页面上：

通过介绍金的页面，再次使用它。

在所需的wxml页面上：

pass var iconlist=require('./wdg/icon list ')；介绍相应的js

var util=require('././util/util ')；

var page=new util.page({

wdgs: [iconlist.wdg]

});

导入相应的文件。

在上面，小编介绍了制作微信小程序图标的方法和过程，希望对大家有所帮助。制作小程序图标后，可以将其应用到小程序开发中。更多相关信息，请关注源代理网的小程序渠道。

下面是标题开头微信小程序后端php开发的介绍和开发步骤。标题到此结束

小编发现很多朋友在开发小程序的过程中对前端和后端了解不够，这往往导致开发失败。接下来，小编将为大家讲解微信小程序后端php开发的内容，请认真阅读。

微信小程序后端php介绍：

1.小编认为，与之前的web php网站相比，小程序只把web放在微信上，小程序固定的格式前端可以用于小程序的布局、小程序事件的开发、小程序数据的读取和传输等。而微信小程序的服务器端可以用后端语言编写，所有数据都会以json的形式返回给小程序。

2.昨天写了登录注册小程序和忘记密码功能等问题的解决方案，本质上是提交小程序表单的操作。

3.目录地图

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

wxss用于页面样式设置。

wxml是一个页面，相当于html

4.样式和json文件暂时被忽略。我只想看一下表格的提交情况

5.wxml文件代码

微信小程序后端php开发代码：

？

注册

获取验证码

注册

注册

忘记密码

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(例如细节。价值。手机。length==0 | | e . detail。价值。密码。length==0){

wx.showtoast({

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

图标： '加载，工期： 1500

})

settimeout(函数{

wx.hidetoast

},2000)

} else if(e . detail。价值。手机。长度！=11){

wx.showtoast({

标题： '请输入11位手机号码!',

图标： '加载，工期： 1500

})

settimeout(函数{

wx.hidetoast

},2000)

} else if(e . detail。价值。密码。长度6 | | e .详图。价值。密码。长度；20){

wx.showtoast({

标题： '请输入6-20密码!',

图标： '加载，工期： 1500

})

settimeout(函数{

wx.hidetoast

},2000)

} else if(e . detail。价值。密码！=e.detail.value.repassword){

wx.showtoast({

标题： '两次密码输入不一致!',

图标： '加载，工期： 1500

})

settimeout(函数{

wx.hidetoast

},2000)

}else{

wx.request({

网址： 'https://shop.yunapply.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

})

}

}

})

}

},

})