![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序云音乐学习日记
文章平均质量分 72
用云开发开发听音乐微信小程序
此时的你才是你
这个作者很懒,什么都没留下…
展开
-
微信小程序云开发日记-听音乐8-建立playlist组件
新建playlist组件1.在components文件夹下建立playlist文件夹,里面包括(js,json,wxml,wxss)2.在使用时,需要在需要使用的版块中配置组件,得把组件召唤一下,我们要在音乐列表中使用(主体中的playlist,不是组件里的),所以先去playlist中的json文件中usingComponents写入x-playlist这个名字就是在这个模块中组件的名字,可以自定义起名字,后面就是路径啦。"usingComponents": { "x-playlist":原创 2020-08-14 11:55:24 · 612 阅读 · 0 评论 -
微信小程序云开发日记-听音乐7-组件化开发
组件化开发组件:在用户界面开发领域,面向用户,独立的而且可以复用的交互元素的封装。(就是一个整体,像是做月饼是用到的模具,想做什么造型的月饼挑一个模具,但是月饼的面和馅可以是不一样的,自定义的。当然你也可以每次做月饼的时候自己用手捏,但是每次都捏是不是很麻烦,还不如用之前的模具一下就完事,方便,快捷,还不易出错。)#mermaid-svg-KZREkqhOPMlOXSfI .label{font-family:'trebuchet ms', verdana, arial;font-family:v原创 2020-08-14 09:30:54 · 217 阅读 · 0 评论 -
微信小程序云开发日记-听音乐6-音乐页面轮播图
一、配置window1.app.json配置windownavigationBarTextStyle只能black和white"window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#d43c33", "navigationBarTitleText": "音乐", "navigationBarTextSty原创 2020-08-13 11:48:59 · 512 阅读 · 0 评论 -
微信小程序云开发日记-听音乐5-云函数报错及箭头函数的使用
遇到报错的时候,可以先尝试着翻译一下,也许能看懂。这里说的就是login方法没有找到。把云函数上传部署一下就可以了。箭头函数代替let that =thissetData 可以设置数据 let that =this wx.cloud.callFunction({ name: 'login' }).then(function(res) { console.log(res) that.setData({ openid: res.r.原创 2020-08-12 12:03:39 · 202 阅读 · 0 评论 -
微信小程序云开发日记-听音乐4-云开发目录相关
目录结构cloudfunctions里面装着云函数app.js:描述总体,初始化云开发inti其实就是initialization(初始化)的缩写env就是environment(环境)的缩写traceUser: true 表示表示允许记录用户信息,开启这个以后凡是访问过云项目的用户,就会留下足迹,比如openID。this.globalData,设置小程序全局属性App({ onLaunch: function () { this.checkUpate() if (原创 2020-08-12 11:37:22 · 239 阅读 · 0 评论 -
微信小程序云开发日记-听音乐3-云开发优势
云开发优势快速上线专注核心业务独立开发完整小程序无需运维弹性伸缩云开发基础能力云函数:在云端运行的代码云数据库:小程序端和云函数中都可以操作的json数据库云存储:云端存储云调用:基于云函数免鉴权使用小程序开放接口的能力HTTP API : 在已有服务器上访问云资源。实现与云开发的互通...原创 2020-08-12 09:57:45 · 370 阅读 · 0 评论 -
微信小程序云开发日记-听音乐2-云开发与Serverless
云开发与Serverless一、传统模式与Serverless比较传统模式#mermaid-svg-omxhBIkWs3rryEDY .label { font-family: 'trebuchet ms', verdana, arial; font-family: var(--mermaid-font-family); fill: #333; color: #333; }#mermaid-svg-omxhBIkWs3rryEDY .label text { fill:原创 2020-08-10 00:00:48 · 315 阅读 · 0 评论 -
微信小程序云开发日记-听音乐1-微信小程序目录结构
微信小程序的目录结构一.文件夹1.Pages小程序对应的页面。每个页面对应4个文件。├── app.js├── app.json├── app.wxss├── pages│ │── index│ │ ├── index.wxml│ │ ├── index.js│ │ ├── index.json│ │ └── index.wxss│ └── logs│ ├── logs.wxml│ └── logs.js└──原创 2020-07-31 22:08:04 · 367 阅读 · 0 评论