php微信显示通讯录,微信小程序通讯录功能实现思路分享
在做这块内容的时候看了这篇文章,所以转过来跟大家分享。
(此图片来源于网络,如有侵权,请联系删除! )
(此图片来源于网络,如有侵权,请联系删除! )
业务:后台api提供姓名数据 前台实现类似微信通讯录的功能参照:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1328
自己服务器返回数据格式:[{ "RealName": "taa" }, { "RealName": "曹鸿伟" }] 当然数据有上千个姓名
效果图如下:
(此图片来源于网络,如有侵权,请联系删除! )
第一步:我在网上找了一个GB的文字库,如下图(很多截图一部分)
(此图片来源于网络,如有侵权,请联系删除! )
这样基本的素材我们就有了:
下面说一下思路:
第一我们还是先来后面js:
思路------》
[{ "RealName": "taa" }, { "RealName": "曹鸿伟" }]
这个数组传入getdata函数,getdata函数处理 taa,曹鸿伟 这些姓名成 taa,caohongwei 然后进行sort 排序,现在整个姓名的排序完成,参照上面社区中的demo 我们需要返回一个 这样的数组(这个根据个人习惯来)
[{'groupname':'C','users':[{'曹鸿伟'},{'曹丽华'}]}] ,
下面是处理姓名: 曹鸿伟----》caohongwei
(此图片来源于网络,如有侵权,请联系删除! )
下面是返回 :
[{'groupname':'C','users':[{'曹鸿伟'},{'曹丽华'}]},{'groupname':'Z','users':[{'张三'},{'张华'}]} ]
(此图片来源于网络,如有侵权,请联系删除! )
前台来说没什么问题:
(此图片来源于网络,如有侵权,请联系删除! ) 重要的一点:scroll-view 中属性 scroll-into-view=“” 这个想要实现效果一定有个固定的高度而不是什么100%之类的百分比,这个从文档上我们也可以看出,所以我们注意 在组件样式中要把height设置全屏,这个之前是没有办法的,记得以前设备的信息API并没有,但是现在可以获取windowHeight,我们吧这个值赋给scroll-view就可以了。
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
php微信显示通讯录,微信小程序通讯录功能实现思路分享相关推荐
- 微信汽配电商小程序开发功能设计方案
随着互联网的不断发展,在汽车服务市场中的发展也紧跟着市场发展的脚步.汽车配件行业中,通过微信汽配电商小程序就可以实时查看具体的销售情况,以及收入的具体情况. 微信汽配电商小程序功能: 1.商城 商城中 ...
- 微信小程序收藏功能实现思路
1.在详情页上面先定义未收藏的图标,根据切换src来更改图片 <image src="{{src}}" catchtap="add_soucang" da ...
- 微信小程序微信公众号支付宝小程序H5(获取信息用户信息,支付,分享,人脸识别)
文章目录 一.微信小程序 1. 获取信息用户信息 2.支付 3.分享 4. 腾讯云小程序人脸核身 二.微信公众号 1.获取信息用户信息 2.支付 3. 分享(普通分享) 4.分享(vue单页面 配置分 ...
- 微信共享自习室预约小程序源码开发方案
现在很多城市流行共享自习室,什么是共享自习室,主要是为有学习需求的人提供沉浸式的高效学习环境,每个位置都设隔板,每一个座位都是私人专享,保证学习环境足够安静.很多时候想学习的人去了可能没有位置,为了提 ...
- 私域流量对比:微信公众号、小程序、APP,谁更有价值?
在数字化时代,流量已经成为了互联网企业最重要的资源之一.而对于企业来说,获取到流量只是第一步,如何将流量转化为价值才是最终目的.对于私域流量的获取和转化,微信公众号.小程序和APP是目前最常见的三种方 ...
- 微信小程序基础之在微信上显示和体验小程序?
随着小程序正式上线,用户现在可以通过二维码.搜索等方式体验到开发者们开发的小程序了. 用户只要将微信更新至最新版本,体验过小程序后,便可在发现页面看到小程序TAB,但微信并不会通过这个地方向用户推荐小 ...
- 微信背单词类小程序,小鸡单词源码下载,打卡微信小程序
微信背单词类小程序,小鸡单词源码下载,微信小程序开发学习案例,小程序开发教程.一个用来背单词每天打卡的微信小程序,还有词汇测试,包含多种词库后台由腾讯云wafer解决方案. 前段时间开始学做微信小程序 ...
- 微信 php收藏功能实现,关于微信小程序收藏功能的实现
这篇文章主要介绍了微信小程序收藏功能的实现代码,基本功能是点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目.需要的朋友可以参考下 需求 点击收藏后显示已收藏,在另一个页面出现目前点击收藏的项目 ...
- vc++6.0获取磁盘基本信息_微信小程序——常用功能2:微信小程序用户登录,申请用户授权并获取用户基本信息...
微信小程序--常用功能2:申请用户授权并获取用户基本信息 为了更好的用户体验,很多时候我们想要获取用户的基本信息,从而实现将信息呈现到用户界面.给用户划分地域.给用户分类等功能. 但是要想获取用户信息 ...
- 最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码
最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码 管理界面 独家长期更新日志(欢迎反馈BUG) 1.添加手机端前后台声音提示 2.添加后台客户管理显示在线离线 3.添加清空当前对 ...
最新文章
- iOS开发 关于启动页和停留时间的设置
- fpga fft项目整理
- POJ 2391 Ombrophobic Bovines 网络流 建模
- 【TypeScript】通过node-cmd使用代码,执行cmd命令行
- 【无标题】科大星云诗社动态20220109
- 牛客多校9 - Groundhog Chasing Death(质因子分解+思维)
- .net SerialPort
- Leetcode周赛复盘——第 278 场力扣周赛
- MyBatis之输入与输出(resultType、resultMap)映射
- Delphi利用Windows GDI实现文字倾斜
- Entity Resolution(实体解析)
- centos7 zabbix
- CSU 8月月赛 Decimal 小数化分数
- delphi7 调用XE编译的DLL遇到的坑
- 微信模拟器不显示鼠标解决办法
- r语言中检测异常值_R中的异常值检测
- 递归算法:爬楼梯问题
- SpringBoot2.2.2+Elasticsearch7.6.2实现中文、拼音、拼音首字母智能提示功能
- 大话 JS 单线程与异步
- Servlet 深度了解 JSPJava编程