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就可以了。

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。