当前位置:首页 > 微商怎么做 > 代理怎么做

实例讲解小程序中的全选按钮是怎么实现的

编辑:小飞燕 发布时间:2021-03-18 08:28:33

导语本文整理了全网深受用户关注的个实例讲解小程序中的全选按钮是怎么实现的经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

使用小程序要注意用户体验。很多小程序都有选项,尤其是投票小程序。那么如何一次选择多个选项呢?您可以为小程序设置“全选”按钮。让我们看看如何在小程序中实现全选按钮。

运行效果截图如下:

小程序中“全选”按钮的实现代码如下:

微信小程序按钮样式

下面是标题开头的小程序扫码登录的原理和操作步骤。标题到此结束

小程序通过扫码登录可以比较快的速度进入小程序,所以很多小程序都自己开了二维码,方便用户扫码登录。但是小程序扫描代码登录的原理是什么?具体怎么操作?让我们互相了解一下。

小程序扫码登录的一般原理是微信手机端口从二维码中获取相应信息,并将该信息发送到网页上的小程序服务器,服务器验证后响应相关操作。

小程序按钮样式

1.只要在网页上打开微信小程序,就会生成包含小程序uid的小程序二维码,刷新后这个二维码会发生变化,从而保证小程序只能绑定一个账号和密码,确定小程序登录用户的唯*性。您可以通过手机上uc浏览器提供的扫码功能查看二维码中的信息,但地址不会自动打开。我刷新了三次,扫描结果如下,其中比较后一串数字是uid:

1)https://login.weixin.qq.com/l/48e24d66bdbc4f

2)https://login.weixin.qq.com/l/0787fb4fa7ad4c

3)https://login.weixin.qq.com/l/92781a4a7f1c47

通过查看网页的源代码,在加载小程序页面时,已经预先加载了很多登录后需要的相关资源,所以在确认登录用户后显示用户信息非常快。

2.除了返回唯*的uid,当实际打开这个页面时,浏览器会创建一个与服务器的长连接来请求uid的扫描记录。如果没有,则在某个时间(当前大约27秒)之后将接收到状态代码408(请求超时),指示下一个请求应该继续;如果接收到状态码201(服务器成功创建新资源),则意味着客户端扫描了二维码。

请求超时:返回408

扫描代码成功:返回201

长轮询代码结构:

javascript,javascript

function _ poll(_ a uid){

//.

$.品牌ax({

type: 'get ',' url: 'https://login '_ sbase host '/cgi-bin/mmwebwx-bin/log in?uuid=' _ asuuid ' tip=' show _ tip,datatype: '脚本',cache: false,timeout: _n品牌axtimeout,success:函数(数据、textstatus、jqxhr) {

switch (_aowin.code) {

案例200:

//.

打破;

案例201:

//.

打破;

案例408:

//.

打破;

案例400:

案例500:

//.

打破;

}

},

error:函数(jqxhr,textstatus,error through){

//.

}

});

}

3.当用户使用登录的微信扫描二维码时,uid会与手机微信生成的令牌绑定,并上传到服务器。此时浏览器通过长轮询查询uid扫描记录,立即得到201响应码,然后通知服务器,客户端也进入新页面(即需要你确认的按钮)。客户端确认后,获取服务器授予的令牌,进行后续的信息交互过程。

结论

一般来说,微信扫码登录的核心流程应该是:浏览器获取一个唯*的临时uid,通过长连接等待客户端用这个uid扫描二维码,从长连接获取客户端上报给服务器的账号信息进行显示。客户端确认后,从服务器获取信用授予令牌,进行后续的信息交互过程。在超时、网络断开和在其他设备上登录之后,先前获得的令牌要么丢失,要么无效,这形成了对授*过程的有效安全保护。

这是第一段的结尾。下面是在比较后加一个小程序扫描代码的原理和操作步骤,已经被787网友看好了!正文到此结束

猜你喜欢

  • 微信小程序按钮事件技巧

    微信小程序按钮事件技巧469人喜欢

    微信小程序按钮点击事件,微信小程序按钮组件:button代码是什么?下面小编就来为大家讲解一下微信小程序按钮点击事件,微信小程序按钮组件:button。示例代码:** wxss **** 修改button默认的点击态样式类…

    更新时间:2020-08-31 20:08:38

  • 微信小程序按钮样式技巧

    微信小程序按钮样式技巧423人喜欢

    微信小程序按钮样式,微信小程序中是怎么修改button样式的?下面小编就来为大家讲解一下微信小程序按钮样式之微信小程序中是怎么修改button样式的?代码:wxss:登录btn的效果需要在手机号码没有输入正确的情况下设置不可用状态。而默认的是绿色。解决方法主要就是…

    更新时间:2020-12-28 09:17:12

  • 2个小程序按钮点击样式技巧

    2个小程序按钮点击样式技巧275人喜欢

    小程序客服按钮样式,微信小程序客服按钮修改怎么做?下面小编就来给大家讲解一下关于小程序客服按钮样式,微信小程序客服按钮修改。微信小程序的客服的按钮可以自定义吗?.wx-contact-button-wrapper这个是客服按钮的类,自己定义样式改变就可.wx-contact-button-w…

    更新时间:2020-08-30 19:17:30

  • 微信小程序按钮位置怎么开发

    微信小程序按钮位置怎么开发254人喜欢

    微信小程序按钮位置的设置之前没有提到过,所以最近很多小程序开发者都问过小编,然后小编给大家带来了微信小程序按钮位置的设置方法。1.效果显示2.关键小程序代码wxml文件js文件以上是设置微信…

    更新时间:2021-04-12 09:55:30

  • 15个微信小程序按钮技巧

    15个微信小程序按钮技巧183人喜欢

    开发微信小程序能够让微信增加许多功能,比如按钮跳跃小程序的开发就能让微信跳转到新的页面。但是很多人不知道开发的具体流程是什么样的,接下来小编为大家讲解一下怎样进行微信小程序按钮跳转的开发。例如:点击一个text ,跳转入一个新的页面blueberry.wxml首先…

    更新时间:2019-10-30 20:19:51

  • 微信小程序按钮怎么分享

    微信小程序按钮怎么分享95人喜欢

    微信小程序按钮怎么分享?如何分享微信小程序?想知道微信小程序按钮怎么分享,请往下看。下面是小编整理的相关介绍,教你如何分享微信小程序。首先在手机上找到你的微信,更新到最新版本。andr…

    更新时间:2021-04-04 14:40:14

  • 怎么修改微信小程序按钮格式

    怎么修改微信小程序按钮格式95人喜欢

    小编之前在微信小程序商店介绍过小程序按钮的开发,但是由于小程序项目的不同要求,可能需要修改微信小程序按钮的格式。以下是修改方法和修改所需的相关代码。根据具体要求,登录界面的按钮需要…

    更新时间:2021-04-18 10:08:53

  • 微信小程序按钮禁用怎么办

    微信小程序按钮禁用怎么办72人喜欢

    很多开发者咨询过小编,说开发出来的小程序测试的时候,如果一个按钮被点击多次,小程序不会响应,应该是系统禁用的按钮。那么微信小程序按钮禁用后怎么办?您需要重置小程序按钮。以下是操作方…

    更新时间:2021-03-18 08:21:03

  • 微信小程序按钮样式

    微信小程序按钮样式65人喜欢

    微信小程序按钮样式,如何在微信小程序中修改按钮样式?下面的小系列将向你解释如何在微信小程序中修改按钮样式。代码:wxss:如果手机号码输入不正确,登录btn的效果需要设置不可用状态。默认为…

    更新时间:2021-04-04 14:30:26

  • 微信小程序按钮尺寸多大

    微信小程序按钮尺寸多大64人喜欢

    微信小程序按钮有多大?如何为小程序开发按钮?微信小程序开发完按钮后,微信小程序按钮应该设置多大?微信小程序按钮怎么生成?以下是相关介绍。微信小程序按钮有多大?微信小程序按钮的尺寸与…

    更新时间:2021-04-04 14:32:10

  • 微信小程序按钮居中怎么弄

    微信小程序按钮居中怎么弄53人喜欢

    小程序按钮的布局确实是一件棘手的事情。在小编之前已经有很多教程了。今天想给大家讲一下微信小程序按钮居中教程,希望对大家有所帮助。前段时间小程序上线后弃坑,又回到了网页开发。最近有新…

    更新时间:2021-04-12 09:53:12

  • 微信小程序按钮框去掉的代码是什么

    微信小程序按钮框去掉的代码是什么53人喜欢

    如何去掉微信小程序的按钮框?部分微信小程序用户想移除微信小程序按钮框,但不知道如何移除微信小程序按钮框。接下来,小编介绍如何移除微信小程序的按钮框。如何去掉微信小程序的按钮框?微信…

    更新时间:2021-04-20 10:21:33

代理怎么做热门信息