微信小程序 (6).pptx

第6章
莫凡商城的注册、登录功能
微信小程序开发项目教程（慕课版）
工业和信息化人才培养规划教材
人 民 邮 电 出 版 社
注册、登录功能是非常通用的功能，几乎所有的网站、App、H5、小程序等都会用到注册、登录功能。莫凡商城的注册、登录等功能的设置会用到微信小程序的表单组件，涉及微信小程序界面交互、数据缓存API 应用及微信小程序登录相关接口API。在储备好这些基础知识之后，就可以实现莫凡商城注册功能、登录功能、修改密码功能、意见反馈功能和清除缓存功能的设置了。
本章导读
The chapter’s introduction
目录导航
　微信小程序表单组件
　微信小程序界面交互API
　定时器API
　数据缓存API 的获取
　项目实战：任务3—实现登录功能
　登录相关API
　项目实战：任务4—实现“我的”界面列表式导航功能（2）
　项目实战：任务5—实现修改密码功能
　项目实战：任务6—实现意见反馈功能
　项目实战：任务7—实现清除缓存功能
　小结
button 按钮组件
button 按钮组件提供了3 种类型的按钮：基本类型按钮、默认类型按钮及警告类型按钮，按钮的大小有默认和迷你两种，如图所示。
button 按钮组件
button 按钮组件有很多属性，每个属性有不同的作用。
属性
类型
默认值
说明
size
string
default
按钮的大小，有效值为default、mini
type
string
default
按钮的样式类型，有效值：基本类型为primary，默认类型为default，警告类型为warn
plain
boolean
false
按钮是否镂空，背景色透明
disabled
boolean
false
是否禁用
loading
boolean
false
名称前是否带loading 图标
form-type
string
无
有效值为submit、reset，用于<form/>组件，单击分别会触发submit、reset 事件
open-type
string
否
微信开放能力，详见表后关于open-type 合法值的介绍
hover-class
string
button-hover
指定按钮按下去的样式类。当hover-class="none"时，没有单击态效果
hover-stop-propagation
boolean
false
指定是否阻止本节点的祖先节点出现单击态
button 按钮组件
属性
类型
默认值
说明
hover-start-time
number
20
按住后多久出现单击态，单位为毫秒
hover-stay-time
number
70
手指松开后单击态的保留时间，单位为毫秒
lang
string
en
指定返回用户信息的语言，zh_CN 为简体中文，zh_TW 为繁体中文，en 为英文
session-from
string
会话来源，open-type="contact"时有效
send-message-title
string
当前标题
会话内消息卡片标题，open-type="contact"时有效
send-message-path
string
当前分享路径
会话内消息卡片单击跳转小程序路径，open-type="contact"时有效
send-message-img
string
截图
会话内消息卡片图片，open-type="contact"时有效
app-parameter
string
打开App 时，向App 传递的参数，open-type=launchApp 时有效
show-message-card
boolean
false
是否显示会话内消息卡片，设置此参数为true，用户进入客服会话会在右下角显示“可能要发送的小程序”提示，用户单击后可以快速发送小程序消息，opentype="contact"时有效
button 按钮组件
属性
类型
默认值
说明
bindgetuserinfo
eventhandle
用户单击该按钮时，会返回获取到的用户信息，回调的detail 数据与