微信小程序例子——添加手机联系人

最新推荐文章于 2025-10-29 14:33:17 发布
原创 最新推荐文章于 2025-10-29 14:33:17 发布 · 1.8w 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信 #小程序 #例子 #添加手机联系人 #手机联系人

本文介绍了如何使用微信小程序来添加手机联系人，包括效果展示、关键代码部分（WXML、JS、WXSS）的详细说明，并提供了源码的百度云下载链接，同时作者提供微信咨询服务，帮助解决可能遇到的问题。

1、效果展示

      

2、关键代码

1）WXML文件


  
   
   
    
    
   {
    
    {phoneNum}}

2）JS文件




                

        

    



  


        

            

                      
                        最低0.47元/天 解锁文章
                          
                      
            

        


    



                



	

		

			

				
					
微信小程序开发--组织通讯录

				
			

			

				

					u010892109的专栏
				

				

					05-20
					
					4592
					
				

			

		

		

			
				
背景



需求



实现






			
		

	



                

            
              



	

		

			

				
					
微信小程序--》从零实现小程序项目案例

				
			

			

				

					ztK63LrD的博客
				

				

					02-06
					
					3万+
					
				

			

		

		

			
				
🏍️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生🚲座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。👀引言⚓经过web前端开发的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了微信小程序专栏，主要想从移动端开发方向进一步发展，而对于我来说写移动端博文的第一站就是小程序开发，希望看到我文章的朋友能对你有所帮助。今天借助黑马的本地生活案例，加强一下自己对小程序的学习，并将学习过程分享出来，希望能和以前学习的知识相互印证。

			
		

	



              


  
              

                


	

		

			

				
					
微信小程序实现添加手机联系人功能示例

				
			

			

				

					01-03
				

			

		

		

			
				
本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考，具体如下：
1、效果展示
 

2、关键代码
1）WXML文件

{{phoneNum}}

2）JS文件

Page({
 data:{
 phoneNum:'12345678901'//测试用的号码，并非真实号码
 },
 // 长按号码响应函数
 phoneNumTap:function(){
 var that=this;
 // 提示呼叫号码还是将号码添加到手机通讯录
 wx.showActionSheet({
  itemList: [

			
		

	





	

		

			

				
					
微信小程序开发案例 | 通讯录小程序（上）

					
最新发布

				
			

			

				

					不断学习，不断进步，提高自己
				

				

					10-29
					
					1269
					
				

			

		

		

			
				
本文介绍了通讯录小程序的开发过程，分为视图设计和功能实现两部分。首先通过复制模板代码创建项目，配置导航栏和底部Tab栏。通讯录页采用垂直布局显示联系人信息，拨号盘页设计为上中下三部分结构，包含数字键盘和功能按钮。文章详细讲解了页面布局方案、组件使用及样式设置，包括flex布局实现、图片尺寸调整等核心样式代码。特别提醒需移除app.json中的style:"v2"以保证按钮样式兼容性。最后在拨号盘页完成数字键盘的循环渲染和初始数据定义，为后续拨号功能实现奠定基础。

			
		

	



		

			
		



	

		

			

				
					
微信小程序--电话列表展示demo

				
			

			

				

					weixin_44531304的博客
				

				

					04-03
					
					933
					
				

			

		

		

			
				
–wxml–
<view class="container list-container"> 
  <view class="list-item" wx:for="{{contactList}}"> 
    <image class="left" src="../../resources/headImg.jpg"></image> 
    &lt...

			
		

	





	

		

			

				
					
微信小程序如何获取用户手机号

				
			

			

				

					08-28
				

			

		

		

			
				
主要为大家详细介绍了微信小程序如何获取用户手机号，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
微信小程序例子——添加手机联系人、调节手机屏幕亮度

				
			

			

				

					03-29
				

			

		

		

			
				
微信小程序例子——添加手机联系人、调节手机屏幕亮度       1、界面展示【使用滑动选择器控制手机屏幕亮度】 (此图片来源于网络，如有侵权，请联系删除! )   2、关键代码 1）、WXML代码    1  来自CODE的代码...

			
		

	





	

		

			

          精选资源
				
					
微信小程序例子——手机振动功能\动态设置页面标题\控制导航条加载动画 

				
			

			

				

					03-29
				

			

		

		

			
				
一、手机振动功能1、关键代码1）WXML文件 1 2button bindtap="vibrateLongTap"振动（400ms）/buttonbutton bindtap="vibrateShortTap"振动（15ms）/button来自CODE的代码片snippet_file_0.txt2）js文件 1 2 3 4 ... ...

			
		

	





	

		

			

				
					
微信小程序例子——手机振动功能\动态设置页面标题\控制导航条加载动画 ..

				
			

			

				

					03-29
				

			

		

		

			
				
一、手机振动功能 1、关键代码 1）WXML文件    1  2 <button bindtap="vibrateLongTap">振动（400ms）</button> <button bindtap="vibrateShortTap">振动（15ms）</button>  来自CODE的...

			
		

	





	

		

			

				
					
微信小程序例子——使用form表单获取输入框数据

				
			

			

				

					11-07
				

			

		

		

			
				
在这个例子中，我们将深入探讨如何在微信小程序中使用`form`表单来获取用户输入的数据。  一、`<form>`组件介绍 在微信小程序中，`<form>`组件用于创建一个表单容器，它允许用户输入数据并通过提交操作将数据传递到...

			
		

	





	

		

			

				
					
微信小程序实现通讯录功能wxSortPickerView.zip

				
			

			

				

					09-25
				

			

		

		

			
				
微信小程序实现通讯录功能wxSortPickerView.zip

			
		

	





	

		

			

				
					
微信小程序-通讯录，一个非常简单的入门级的微信小程序

				
			

			

				

					01-27
				

			

		

		

			
				
wx_phoneBook
微信小程序-通讯录,是一个使用koa + mysql + nginx + ES6 + 微信小程序等技术栈的入门微信小程序开发的小项目。
这是一个完整的小项目，简化配置，本地就可以直接跑起来，对于入门小程序的开发人员用来学习和研究小程序的代码结构和语法有一定的帮助。
相关开发记录文章
技术栈
koa + mysql + nginx + ES6 + 微信小程序
源码地址
演示地址(审核通过)
测试账号：18966667777 密码：test
版本功能
 登陆模块-使用手机号登陆
 部门分类模块-按照学校有不同的二级学院或者职能部门进行分类，查找相应的老师联系方式
 学科分类模块-按照老师所在的学科进行分类，查找相应的老师联系方式
 个人信息模块-登陆个人信息的查看以及修改
项目截图
登陆模块
部门模块
学科模块
个人模块
项目运行
git clone https://

			
		

	





	

		

			

				
					
内容提供者-读取联系人信息小程序

				
			

			

				

					06-15
				

			

		

		

			
				
读取联系人的信息
该案例实现了查询自己暴露的数据，并将数据捆绑到ListView控件中的功能。
a,将数据插入到数据库中   //运行看不到效果
b.通过ContentProvider将数据暴露出去  //运行看不到效果
c.暴露的数据以列表的形式显示出来  //运行得到联系人信息图

			
		

	





	

		

			

				
					
制作通讯录小程序的案例

				
			

			

				

					09-05
				

			

		

		

			
				
这个小程序是因为我们课程设计的需要，尽心制作，里面的功能非常完整，有信息录入，信息删除，信息查询，信息统计，信息保存等功能，而且功能非常健全，信息统计里面也分按姓名，学好，籍贯。查询有按姓名，性别，籍贯等，是很好学习c++课程实践应用的一个参考。。。。。。

			
		

	





	

		

			

				
					
100个微信小程序实例

				
			

			

				

					05-16
				

			

		

		

			
				
100个微信小程序真实例子，学习开发微信小程序的最佳例程

			
		

	





	

		

			

				
					
通讯录小程序

				
			

			

				

					m0_53120156的博客
				

				

					04-07
					
					4912
					
				

			

		

		

			
				
用C语言实现通讯录
首先利用结构体创建人员的基本信息
代码如下
struct PeoInfor
{
	char name[20];        //姓名
	int age;              //年龄
	char sex[10];         //性别
	char telephone[15];   //电话号码
	char address[20];     //居住地址
};

再用一个结构体来创建通讯录
代码如下
struct Contact
{
	struct PeoInfor* data

			
		

	





	

		

			

				
					
微信小程序-仿写通讯录样式

				
			

			

				

					nobody
				

				

					11-17
					
					2041
					
				

			

		

		

			
				
先看实现效果，如下图：



js代码：


// pages/myTeam/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isActive: null,
    listMain: [{
      id: "1", region: "A",
      items: [
        { id: "", name: "amour" },
        { id: "", name: "amour" },
        { id: "

			
		

	





	

		

			

				
					
微信小程序 - 80个实用的微信小程序项目实例

					
热门推荐

				
			

			

				

					@必意玲
				

				

					02-17
					
					7万+
					
				

			

		

		

			
				
gitee下载地址：WeApp_Demos: 微信小程序120例 
 
wx-gesture-lock微信小程序的手势密码 
WXCustomSwitch微信小程序自定义 Switch 组件模板 
WeixinAppBdNovel微信小程序demo：百度小说搜索 
shitoujiandaobu小程序：石头剪刀布（附代码说明） 
audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义 
star微信小程序开发之五星评分 
switchCity...

			
		

	





	

		

			

				
					
微信小程序作品实例

				
			

			

				

					宝子的博客
				

				

					07-14
					
					5887
					
				

			

		

		

			
				
这是我在学习完微信小程序后，写的一个小案例，是一个关于女性商品的

			
		

	





	

		

			

				
					
微信小程序实现智能用电管理与节能指导

				
			

			

				

					
				

			

		

		

			
				
智能用电小程序仅仅是一个例子，实际上微信小程序可以应用于多个场景，如餐饮、酒店预订、出行、购物等。其优势在于轻量、无需下载安装、易于分享传播，这为小程序带来了极大的市场潜力和用户基础。  7. 源码软件的...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			
			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值