小程序开发笔记：全局数据共享与背景音乐播放功能实现.pdfVIP

今天学习的内容

1:复习昨天重点

2:今天的目标

2.1:小程序--全局共享数据

数据方式一:当前组件中(局部)

data:{}data中数据在当前组件中任意方法可以调用

获取:this.data.msg;

修改:this.setData({msg:...})

数据方式二:多个组件共享(全局)

-创建共享数据

app.js小程序项目根目录下有一个文件

App({

globalData:{属性名:值}

})

#globalData:{loginName:tom}

-获取共享数据:其它组件中使用-获取exam02

*加载全局组件getApp()获取全局对象

*constapp=getApp();

*var值=app.globalData.属性名;

#varname=app.globalData.loginName;

-修改共享数据:其它组件中修改

*constapp=getApp();

*app.globalData.属性名=值;

#小程序中哪些数据需要保存全局共享数据

#昵称

练习1:

-创建全局共享数据loginCount=0;//用户登录次数

-创建组件loginSuccess登录成功修改全局数据

loginCount+1(默认显示此组件)

-创建main组件在模板上显示登录次数

#以上练习只能为熟悉全局数据

#通常解决方案,登录次数保存服务器端

2.2:小程序--背景音乐

小程序音乐器(背景)

小程序要求同一时刻只能有一个背景音乐在

当其它小程序占有用音乐器,当前音乐停止

-方法与

(1)背景音乐

wx.yBackgroundAudio({});

datalist:音乐列表

title:音乐标题

#目标小程序支持音频格式mp3/wav/aac/m4a/...

#音乐列表,音乐文件一定是放在服务器上

(2)暂停背景音乐

wx.pauseBackgroundAudio();

(3)停止背景音乐

wx.stopBackgroundAudio();

#常见错误

#如果音乐文件不存在,闪退

练习1:

-将音频文件保存app_server_00/public/bg.mp3

-启动node.js服务器nodeapp.js

-检测

-修改index组件

练习:

1:创建组件backAudio

2:背景音乐并且完成切换效果

public/pause.pngy.png

3:完成音乐切换

4:完成切换

功能:点击切换效果并且切换音乐和暂停功能

2.3:小程序--学子商城商品搜索

功能:当用户输入某个商品名称中一部分信息,获取包含此部分

信息商品列表.

示例:搜索包含银色

方法一:

SELECTlid,title,priceFROMxz_laptop

WHEREtitleLIKE%lenovo%;

方法二:

SELECTlid,title,priceFROMxz_laptop

WHEREtitleLIKEconcat(%,lenovo,%);

#concat拼接字符串%lenovo%

2.4:小程序--学子商城商品搜索-代码完码