点击button后改变文字_27. 教你零基础搭建小程序:小程序的常见组件—button

筒子们,这一章接着讲Button 标签。

0f3c54364ce42b9de8fd041fff562885.png

开放能力的属性

button标签的开放能力是指open-type 属性。

其中,这个属性的合法值包括如下:

c0f63e793277b39046b94330bf82fa9e.png

这一部分呢,需要分为两个方式来演示。

一是可在模拟器中直接看效果; 二是要通过真机调试看效果。

button开发能力是指open-type 的合法值。我们将其全部属性写入demo13.wxml文件中。

contactsharegetPhoneNumbergetUserInfolaunchAppopenSettingfeedback

下面一一介绍其属性。

1、contact

可直接打开客服对话功能,需在微信小程序的后台进行配置。

保存代码后,点击左侧contact按钮,弹出"模拟进入客服对话"的窗口。

但是这个功能是无法在模拟器中看效果的,需要进行真机调试才能进行演示。

695a55b89edd09ffed1650eb738a2141.png

详细了解该属性用法和特征,请戳下方官方文档。

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html

2、share

分享、转发此小程序。

保存代码后,页面出现"share"按钮,点击后,可分享给好友小程序。

1a001233a007eb5aef70b3ca18a85234.png

详细了解该属性用法和特征,请戳官方文档。

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95

3、getPhoneNumber

用来获取用户手机号码信息。仅限于企业用户,否则无此权限。使用此属性,需要绑定一个事件,从bindgetphonenumber回调中,通过参数来获取⽤⼾信息。

操作步骤如下:

先是在demo13.wxml文件中写入如下代码:

Page({// 获取用户的手机号码信息getPhoneNumber(e){console.log(e);},})

复制getPhoneNumber,回到demo13.js文件中,删除原先的代码,只保留page部分。

写入如下代码:

Page({// 获取用户的手机号码信息getPhoneNumber(e){console.log(e);},})

保存后,点击调试器-console,可以看到detail部分是显示如下信息

(注意这里登录要用企业账户,个人账户会获取失败。)

549e278de74c4e9b86ba967035cbd749.png

如上,detail信息是难以理解的,看不懂。因为信息已经被加密过了。

如果需要解析手机号,就需要用户搭建小程序的后台服务器,在后台服务器中进行解析手机号。

4、getUserInfo

同getPhoneNumber,都是用来获取⽤⼾信息,可以从bindgetuserinfo回调中获取到⽤⼾信息

步骤同getPhoneNumber

先在demo13.wxml文件中写入如下代码:

getUserInfo

复制getUserInfo,回到demo13.js文件中,写入如下代码:

Page({// 获取用户个人信息getUserInfo(e){console.log(e);}})

保存后,点击调试器-console,可以看到detail部分是显示如下信息

userinfo部分显示个人的基本信息,可直接获取,不加密。

f39f92374fcd7e1d21c64332a8090890.png

5、launchApp

用来打开APP,可以通过app-parameter属性设定向APP传的参数

敲黑板:

566ea14905140919f57e702647b3ac8a.png

要在app中的某个链接中,才能打开小程序;

在小程序中,通过launchApp重新打开app;

此效果难以重现,可以直接参考京东app、小程序进行学习。

详细了解该属性用法和特征,请戳下方官方文档。

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html

6、openSetting

用来打开小程序内置的授权界面。

在授权界面中,只会出现用户点击过的权限。

点击开发者工具菜单栏的"编译"进行刷新,再点击小程序页面中的"openSetting"按钮,

出现如下界面,只显示通讯地址和用户信息两栏。

这两个是在前面使用getPhoneNumber 和 getUserInfo 两个属性中被允许的,所以会出现。

5f2a10298f694b42b9d6f893fd5d1fc1.png

我们点击菜单栏的清除缓存—— 全部清除。

031d7d47bc16479050b7840a85fa7138.png

点击开发者工具菜单栏的"编译"进行刷新,再点击小程序页面中的"openSetting"按钮,

出现如下界面,没有被允许的用户选项。

97a3d5461148a6da1a585064787ae5f9.png

7、feedback

用来打开小程序的意见反馈页面。

此属性和contact 属性一样,都无法在模拟器中演示,均需要使用真机调试了演示。

先来看一下contact 属性的实现流程

(1)将小程序的appid 修改为自己的id,之前用的是测试号,现在也要改为自己的。

步骤:打开微信公众号平台——点击登录——点击开发按钮——开发设置选项——复制ID

8918e688d831f59e4df0ac64b3670f08.png

回到小程序中,点击详情——修改按钮——粘贴新的ID

ffbcd67e447a05fb5f90bed47b2e75ad.png

(2)准备两个客服账号,A是普通用户的账号;B是客服的微信账号。

(3)手动为小程序添加客服微信,也就是微信B

步骤:登录微信官网——客服——添加——输入自己的微信号

be556a52d758f9b45ec941b3aaff9aa1.png

(4)回到微信开发者工具中,点击"预览"按钮——用账号A扫码——点击contact按钮

手机截屏显示如下:

3c1c35742b9b3ac8d4118777cdef3b0f.png

在对话框中输入信息,客服微信B就会收到消息。

接着,我们再来看一下feedback 属性,真机调试如下:

手机扫码后,在微信中打开该小程序,点击"feedback"按钮,页面如下:

28e5b8f65d561b4271c587e302a29d75.png

ok,button标签的内容通过两章已经完全讲解完毕了,大家认真操练起来吧~

不懂得地方欢迎评论区留言告诉我哦~~~

搜索并关注微信公众号:飞寝旺食

获取更多小程序运营干货、免费的开发教程、源代码等!

做小程序我们是认真的!

e44c30c6b75b2e8988968363d8f575c0.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/508181.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

语言把数据写入csv文件_把JSON/CSV文件打造成MySQL数据库

生活中,你我一定都看到过这种「xx元爆改出租屋」,「爆改小汽车」之类的文章,做为IT人,折腾的劲头一点也不差。软件开发过程中,你是否有时候,会拿着业务提供的一个个CSV或者JSON的数据文件,写个解…

图片饱和度_摄影后期完全调色指南(三):饱和度与自然饱和度有什么区别?...

泼辣年度大课 | 摄影后期完全调色指南(一)摄影后期完全调色指南(二):详解色温与色调在上一篇教程里面我们讲到了全局色彩调整中的色温和色调工具,今天来讲解剩下的两个工具:饱和度与自然饱和度工具,这两个工具使用的频率也非常的高…

windows 下的文件对比工具

deffinity,一款专用于文件对比的工具,安装简单,使用方便 下载链接如下: https://www.appinn.com/diffinity-for-win/

点名册_骑士新书《万界点名册》十万收藏火爆气势不减当年修真聊天群

最近好多人都在讨论圣骑士的传说新书《万界点名册》,新书还没有发布,起点就给了闪屏推荐,引得的很多读者心痒痒的想要看看到底是怎样的神作。所以才发布两万多字的新书投资人就快一万人了,收藏也突破了十万。这速度好像是坐了火箭…

500张思维导图记38000单词_思维导图记单词,环环相扣难遗忘——2020奇速英语夏令营第三天...

2020年8月6日,是奇速英语19期夏令营第二批单词阅读营正式上课的第3天,为了激发各班学员学习兴趣,保证学习效果,奇速英语专门制定了小组PK的积分奖励制在今天的学习当中发挥了极大的效果。在这一机制的刺激和奇速英语老师们的高效教…

语音识别热词_出门问问 TWS 耳机语音交互解决方案

随着芯片、算法商在技术及应用方面的演进,尤其是连接、降噪方向的重大突破,越来越多的手机及耳机厂商推出了自家功能丰富、交互舒适的 TWS 耳机。近日,出门问问新品发布会上推出的 TicPods 2 系列产品,在人机交互和语音助理方面&a…

go tcp连接_TCP漫谈之keepalive和time_wait

TCP是一个有状态通讯协议,所谓的有状态是指通信过程中通信的双方各自维护连接的状态。一、TCP keepalive先简单回顾一下TCP连接建立和断开的整个过程。(这里主要考虑主流程,关于丢包、拥塞、窗口、失败重试等情况后面详细讨论。)首先是客户端发送syn(Syn…

mysql update 联合更新_Mysql update多表联合更新的方法小结

下面我建两个表,并执行一系列sql语句,仔细观察sql执行后表中数据的变化,很容易就能理解多表联合更新的用法student表 class表1. 执行 UPDATE student s , class c SET s.class_nametest00,c.stu_nametest00 WHERE s.class_id c.idstudent表 …

mysql查询开启事务_MySQL中的查询事务问题

之前帮同学做个app的后台,使用了MySQLMyBatis,遇到了一个查询提交的问题,卡了很久,现在有时间了来复盘下环境情况假设有学生表:USE test;CREATE TABLE student (Id int NOT NULL PRIMARY KEY AUTO_INCREMENT,Name varc…

通过gparted 调整 ubuntu 磁盘

1. 启动和安装 1. 安装 sudo apt-get install gparted 2. 启动 sudo gparted2.配置 如果想扩充磁盘,需要有未分配空间,且该未分配空间位于partition相邻的格子

linux查看mysql表空间使用率_Oracle查看数据库表空间使用情况sql语句

Oracle查看数据库表空间使用情况sql语句SELECT UPPER(F.TABLESPACE_NAME) "表空间名",D.TOT_GROOTTE_MB "表空间大小(M)",D.TOT_GROOTTE_MB - F.TOTAL_BYTES "已使用空间(M)",TO_CHAR(ROUND((D.TOT_GROOTTE_MB - F.TOTAL_…

mysql 禁止转义_必须转义哪些字符才能阻止(我的)SQL注入?

6 个答案:答案 0 :(得分:46)关于退格字符的猜测:想象一下,我发送了一封电子邮件“嗨,这是根据需要更新数据库的查询”和带有的附加文本文件INSERT INTO students VALUES ("Bobby Tables",12,"abc",3.6);你捕获…

mysql 失效转移_MySQL基于MHA的FailOver过程

大家好,我是anyux。本文介绍MySQL基于MHA的FailOver过程。MHA FailOver过程详解什么是FailOver故障转移主库宕机,一直到业务恢复正常的处理过程如何处理FailOver1.快速监控到主库宕机2.选择新主节点,选择策略mysqladmin ping检查数据库状态&a…

kali 切换图形界面_kali Linux 文本图形界面切换遇到的怪问题

前段装了在Virtual Box上装一个Kali Linux玩,然后设为了开机进入文本界面,后来遇到无法上网的问题,网上找到解决方法,说是NAT地址转换和host-only双网卡顺序问题,按照网上的说法调整顺序后一切正常。问题及调整方法详见…

linux mysql更改生效_linux下面MySQL变量修改及生效

今天在访问mysql项目的时候突然报500错误,没有找到连接,因此想到mysql的连接时间。mysql> show global variables;主要就是连接时间是28800(8小时),而且任务调度也没打开,因此想到修改全局变量的值。1.修改任务调度装:1.1具体的…

linux刻录win10u盘_手把手教你装系统之【制作官方win10安装U盘】

本帖最后由 蚂蚁炒花甲 于 2019-11-11 22:58 编辑很多粉粉在收到linux版本的笔记本后用不惯,但又不知道如何装win10系统下面我就来教大家,如何自己动手 制作win10 安装U盘想学习的粉粉们,可以跟着我 学习下手把手教你装系统之【官方win10 U盘…

mysql 魔术设置_mysql主从复制实践

1.master服务器上安装mysql,正常安装mysql参考2.slave服务器上安装mysql,正常安装mysql参考3.配置3.1master服务器配置cnf文件vim /etc/my.cnf加入配置[mysqld]log-bin master-binlog-bin-index master-bin.indexserver-id 1重启mysql服务service mys…

scrapy爬取天气存MySQL_Scrapy实战篇(五)之爬取历史天气数据

本篇文章我们以抓取历史天气数据为例,简单说明数据抓取的两种方式:1、一般简单或者较小量的数据需求,我们以requests(selenum)beautiful的方式抓取数据2、当我们需要的数据量较多时,建议采用scrapy框架进行数据采集,sc…

mysql 第二天数据_MySQL入门第二天------数据库操作

一、基本命令1、启动服务器cmdnet start [服务器名称]net start mysql572、停止服务器cmdnet stop [服务器名称]net stop mysql573、链接数据库mysql -u 用户名 -p 登录密码mysql -u root -p4、退出登录quitexit\q5、查看版本(连接后执行)select version();6、查看当前时间(连接…

如何打开java_怎样运行java

怎样运行java? 第一步:下载并安装JDK 6.0,安装路劲为: C:\java\jdk1.6 . 第二步:对“我的电脑”按右键,选“属性”,在“系统属性”窗口中选“高级”标签,再按“环境变量”按钮,弹出一个“环境变量”的窗口,在系统变量中新建一个变量,变量名为“JAVA_HOME“,变量值为…