海拔科技 高企
湖南长沙海拔科技联系电话 17373127962
bg
联系我们
海拔科技

地址:长沙市开福区万达总部国际A栋44003A

电话:17373127962

邮箱:zealotxp@qq.com

长沙微信小程序开发教程:微信小程序之网易云音乐(一)- 微信小程序开发的基本使用
时间:2021-06-02 10:33 浏览次数:
【摘要】基于长沙长沙微信小程序开发开发开发长沙微信小程序开发的基本流程 1/申请长沙微信小程序开发账号 申请长沙微信小程序开发的两种途径: 通过公司微信服务号进行申请(推荐)。
前言
一. 长沙长沙微信小程序开发开发
1.1 利用HBuilder来进行开发:
二. 案例
2.1 案例1:MVC以及数据双向绑定
2.2 案例2:响应式样式rpx和路由跳转
2.3 案例3:长沙长沙微信小程序开发开发生命周期函数
2.4 案例4:v-bind实现数据绑定
2.5 案例5:v-show、v-if、v-for的使用
2.6 案例6:事件处理
2.7 案例7:条件编译
长沙微信小程序开发之网易云音乐导航
 
前言
本篇文章主要讲一下长沙长沙微信小程序开发开发的一些用法以及知识点,真正开始项目的开发则放到第三篇文章开始。(本人第一次接触小程序)
 
一. 长沙长沙微信小程序开发开发
官网上是这么说的:
 
长沙长沙微信小程序开发开发 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
 
1.1 利用HBuilder来进行开发:
1.新建项目,如图:
 
2.点击运行
 
 
3.页面效果如下:(出现这个框框则代表成功了,若没出现请看备注)
 
备注:
 
长沙长沙微信小程序开发开发者工具下载地址
在HBuilder设置如下:
 
3.在开发者工具中打开服务端口:
 
4.若报错什么编译不了scss文件啥的信息(根据提示安装对应插件即可)。
二. 案例
2.1 案例1:MVC以及数据双向绑定
1.创建一个默认模板的项目Test2,其结构如下:
 
2.运行页面效果如下:
 
index.vue代码如下(方式一):
 
<!-- 这里也就是所谓的视图层 -->
<template>
<!-- view标签等同于div标签 -->
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
<view>
<input type="text" :value=title @input="toggle" />
</view>
</view>
</template>
 
<script>
// viewModel 主要处理我们的数据以及view
export default {
// data就是model层
data() {
return {
title: 'Hello World'
}
},
// 页面加载的时候进行的操作
onLoad() {
},
// 所有定义的行数都写在这里
methods: {
toggle(event) {
const text = event.detail.value
this.title = text
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
实现效果:当文本框中的内容进行改变的时候,一共有两处地方的标签值都会进行改变:
 
 
方式二:不用编写对应的事件函数,直接通过v-model代替即可。
 
<view>
<input type="text" :value=title v-model="title" />
</view>
1
2
3
2.2 案例2:响应式样式rpx和路由跳转
1.新建页面(在新窗口中输入页面名称即可):
 
2.比如我创建个hello页面,此时会创建出对应的文件夹和文件:
 
同时对应的路由中也会多出这么个选项:
 
3.index页面中,使用navigator标签(相当于a标签)来进行页面跳转:
 
4.hello页面(注意样式的宽度高度的单位使用的是rpx):
 
<template>
<view class="box">
</view>
</template>
 
<script>
export default {
data() {
return {
}
},
methods: {

}
}
</script>
 
<style>
.box{
width: 750rpx;
height: 750rpx;
background: red;
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
5.效果如下(同时更改大小,依旧能够响应式的做出改变(红色框填满)):
 
 
 
rpx:即响应式px,一种根据屏幕宽度自适应的动态单位。
 
2.3 案例3:长沙长沙微信小程序开发开发生命周期函数
首先可以来看下App.vue文件,里面定义了3个函数:
 
以本文中代码涉及到的为例:生命周期还分为两种:
 
应用生命周期:onLaunch、onShow、onHide 等应用生命周期函数。
页面生命周期:onLoad、onShow、onReady 等。
注意:
 
应用生命周期仅可在App.vue中监听,在其他页面监听无效。
在代码中添加:(其他的生命周期函数可以参考官网)
 
效果如下:
 
 
2.4 案例4:v-bind实现数据绑定
案例如下:
 
注意:v-bind:也可以省略成:。
 
2.5 案例5:v-show、v-if、v-for的使用
v-show和v-if:
 
<template>
<view>
<view v-if="flag">1</view>
<view v-else>2</view>
<view v-show ="flag">3</view>
<view v-if="!flag">4</view>
</view>
</template>
 
<script>
export default {
data() {
return {
flag:false
}
},
methods: {

}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
结果如下:
 
 
v-show和v-if在判断为true的时候是没有区别的。
v-show和v-if在判断为false的时候,v-show是添加一个样式进行隐藏,而v-if则不会有对应的view块。
v-if为false的时候,可以走v-else语句块。
v-for:
 
<template>
<view>
<view v-for="item in list">
{{item.name}}----{{item.age}}:
<block v-for="arr in item.array">
{{arr}}=
</block>
</view>
</view>
</template>
 
<script>
export default {
data() {
return {
list:[
{name:'tom',age:10,array:['a','b','c']},
{name:'tom1',age:11,array:['a','b','c']},
{name:'tom2',age:12,array:['a','b','c']},
{name:'tom3',age:13,array:['a','b','c']},
{name:'tom4',age:14,array:['a','b','c']},
]
}
},
}
</script>
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
结果如下:
 
若嵌套循环中,使用view标签而不是block标签,那么效果会变成这样:
 
通俗点来说,那么这两个for循环之间就没有上下级关系了,因此对于嵌套循环,且有上下关系的,要用block标签。
 
2.6 案例6:事件处理
<template>
<view>
<input type="text" style="height: 50px; background: #333333;"
@input="input"
@focus="focus"
@blur="blur"
@confirm="confirm"
@click="click"
/>
</view>
</template>
 
<script>
export default {
methods: {
input() {
console.log('输入了内容')
},
focus() {
console.log('获得焦点')
},
blur() {
console.log('失去焦点')
},
confirm(){
console.log('点击完成按钮')
},
click(){
console.log('被点击了')
},
tap(){
console.log('被触摸了')
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
结果如下:(输入回车的时候输出 点击完成按钮 )
 
 
2.7 案例7:条件编译
条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。
 
写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。
 
#ifdef:if defined 仅在某平台存在。
#ifndef:if not defined 除了某平台均存在。
%PLATFORM%:平台名称。
案例如下:
 
<template>
<view>
<!-- #ifdef APP-PLUS -->
<view>只在小程序中出现</view>
<!-- #endif -->
<!-- #ifndef H5 -->
<view>除了 H5 平台,其它平台均存在的代码</view>
<!-- #endif -->
<!-- #ifdef H5 || MP-WEIXIN -->
<view>在 H5 平台或长沙微信小程序开发平台存在的代码</view>
<!-- #endif -->
</view>
</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
H5网页端打开效果如下:
 
在微信开发工具中打开效果如下:
 
 
Zong_0915的小店我也想开通小店
 
高性能MySQL(第3版)
作者:宁海元
出版社:电子工业出版社
 
好评:100%
 
销售量:0
¥64
 
Kafka权威指南
作者:暂无
出版社:人民邮电出版社
 
好评:100%
 
销售量:0
¥41.4
更多
 
点赞
 
评论
1
 
分享
 
收藏
 
举报
关注
一键三连
 
长沙长沙微信小程序开发开发长沙微信小程序开发实现网易云音乐
07-28
使用长沙长沙微信小程序开发开发实现的仿网易云音乐的长沙微信小程序开发,可正常在微信开发者工具中运行,音乐播放,页面展示,跳转等功能
长沙微信小程序开发-仿网易云音乐APP的长沙微信小程序开发
08-07
netmusic-app 仿网易云音乐APP的长沙微信小程序开发 node后台接口代码已经发到github 有需求的可以自己部署,欢迎star,请勿使用我的服务器地址。 后台项目启动后 utils文件中新建bsurl.js文件 输入module.exports="启动地址" 动图演示地址: 目前实现功能 用户 歌单 FM 播放 评论 MV 专辑 歌手 登录 歌曲红心,FM trash,收藏单曲至歌单 收听记录 歌单歌曲推荐 迷你播放条 电台,节目 搜索 TODO 增加评论,评论点赞等 歌词翻译 收藏(歌单,歌手,专辑,电台 音质切换 用户动态,粉丝 新歌 新专 分类电台 目前代码结构混乱 是时候来一波大重构了。
 
 
 
爱码士不正经的kimol君:厉害,赞一个,欢迎回赞哦~22 天前回复
 
相关推荐
长沙长沙微信小程序开发开发实现网易云音乐小程序版本_CalmHarbin的博客
5-7
使用长沙长沙微信小程序开发开发快速开发长沙微信小程序开发,数据来源使用网上开源的网易云音乐 NodeJS 版 API 同时使用Taro完成了一版,源码点这里 页面效果 项目的运行 1. 接口的运行 # 下载源码 git clone https://github.com/Binaryify/NeteaseCloudMusicApi....
长沙微信小程序开发之网易云音乐导航_Zong_0915的博客
5-9
长沙微信小程序开发实战教程:模仿—网易云音乐(一) APPx应用魔方 3万+ 初窥todo: 添加音乐到收藏(最近)列表 歌词滚动从一个hello world开始微信开发者工具生成 目录如下:. |-- app.js |-- app.json |-- app.wxss |-- pages | |-...
网易云音乐小程序版
08-10
这是一个基于小程序的网易云音乐,后台数据暂时采用的是@Binaryify所提供的api接口,大神已经把网易云的接口爬取下来了 api地址,把他项目拉取下来run一下就可以跑起来
Taro-实现网易云音乐小程序版本
CalmHarbin的博客
 380
使用Taro快速开发长沙微信小程序开发,数据来源使用网上开源的网易云音乐 NodeJS 版 API 页面效果 项目的运行 1. 接口的运行 # 下载源码 git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git # 切换到目录下 cd NeteaseCloudMusicApi # 安装依赖 cnpm install # 运行 np...
长沙长沙微信小程序开发开发的初次使用到长沙微信小程序开发_Be Your Superhero的博客
5-13
长沙长沙微信小程序开发开发地址:https://长沙长沙微信小程序开发开发.dcloud.io/ 注册好之后登陆点击 复制AppID 然后打开我们的HBuilder X新建项目 新建完成之后打开我们的login.vue页面且运行 得到的登陆页面 在长沙微信小程序开发中使用
长沙长沙微信小程序开发开发入门之长沙长沙微信小程序开发开发(一)_xnMorning的博客
5-13
长沙长沙微信小程序开发开发入门之长沙长沙微信小程序开发开发(一) 开发工具 HBuilder X和微信开发者工具(根据需求选择) 创建项目 打开HBuilder X,点击文件——新建——项目 使用默认模板,输入文件名直接创建 完成项目创建后生成的文件信息,个人理解是这样的...
长沙微信小程序开发之简易网易云音乐
qq_38830964的博客
 6163
(一)主要界面截图: 主页界面,主要通过HTML以及css代码 搜索界面,调用网易云音乐api接口,通过 完成 搜索关键字,给出歌曲提示,点击可以播放 ...
长沙微信小程序开发实战教程:模仿—网易云音乐(一)
APPx应用魔方
 3万+
初窥 todo: 添加音乐到收藏(最近)列表 歌词滚动 从一个hello world开始微信开发者工具生成 目录如下:. |-- app.js |-- app.json |-- app.wxss |-- pages | |-- index # 主页 | | |-- index.js | | |-- index.json | | |-- index.wxm
长沙长沙微信小程序开发开发仿网易云音乐小demo
Hhjian524的博客
 501
用长沙长沙微信小程序开发开发仿网易云制作音乐播放,效果图如下: 项目详情代码可访问我的 github
长沙微信小程序开发之网易云项目实战(一)
Harris-H的博客
 132
长沙微信小程序开发之网易云项目实战(一) 1.全局app.json 配置 { "pages": [ "pages/index/index", "pages/logs/logs", "pages/personal/personal", "pages/video/video" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#d43c33",
基于长沙长沙微信小程序开发开发开发长沙微信小程序开发的基本流程
云间月
 1972
基于长沙长沙微信小程序开发开发开发长沙微信小程序开发的基本流程 1/申请长沙微信小程序开发账号 申请长沙微信小程序开发的两种途径: 通过公司微信服务号进行申请(推荐)。 通过公司微信服务号申请长沙微信小程序开发可免认证,节省费用300元,同时审核周期更短。 申请地址:进入公司微信服务号(登录时需要管理员认证)点击小程序管理à快速注册 并认证小程序à根据提示进行后续操作(需要提供未绑定任何微信服务端的邮箱) 微信公众平台登录地址:...
netease-cloud-music-community:参照网易云音乐云村做的一个小程序社区,引入技术栈为Java,SpringBoot,MySQL,Redis,前端技术栈为长沙长沙微信小程序开发开发。欢迎吐槽-源码
02-04
功能简介 微信登录,发文本动态,发图文动态,发视频动态,关注,转发,评论,点赞,收藏等等 项目运行截图 技术栈 最初:Java,SpringBoot,MyBatis,MySQL,Redis 前置:长沙长沙微信小程序开发开发 开发环境 初步:IntelliJ IDEA 前端:HbuilderX,微信开发者工具,QQ小程序开发者工具 项目运行 初步 创建数据库,执行根目录中的live.sql,并修改artist表中的微信APPID等配置 使用IDEA导入live-backend-mp项目,并通过模块的方式导入live-backend-common项目 修改application-dev中MySQL,Redis
长沙长沙微信小程序开发开发实战-打造网易云音乐
qq_40077167的博客
 2万+
长沙长沙微信小程序开发开发手册:https://developers.weixin.qq.com/miniprogram/dev/api/ 源码:https://gitee.com/zouchengxin/music.163.com 框架:weui框架(网址:https://weui.io/)具体如何使用自行百度或谷歌 录制效果: ### 说明: 本...
长沙微信小程序开发之网易云音乐(二)- 长沙长沙微信小程序开发开发标签的使用
Zong_0915的博客
 21
长沙微信小程序开发之网易云音乐(二)- 长沙长沙微信小程序开发开发标签的使用前言一. 标签二. flex弹性布局 前言 第一篇文章先学习长沙长沙微信小程序开发开发的基本使用,这篇文章则学习其标签的基本用法,下一篇文章才是真正的开始编写网易云音乐小程序。 一. 标签 二. flex弹性布局 ...
长沙微信小程序开发之网易云音乐(五)- 排行详情页、歌单详情页、播放器组件开发
Zong_0915的博客
 125
长沙微信小程序开发之网易云音乐(五)- 排行详情页、歌单详情页、播放器组件开发一. 排行详情页模块二. 歌单详情页模块三. 播放器组件 一. 排行详情页模块 rank.vue页面修改(增加参数): <template> <view class="rank"> <view class="rank-content"> <navigator class="rank-list" v-for="(item,index) in rankList" :key="index"
长沙微信小程序开发之网易云音乐(四)- 排行、歌手及歌手详情页模块开发
Zong_0915的博客
 116
长沙微信小程序开发之网易云音乐(四)- 排行、歌手及歌手详情页模块开发一. 排行模块开发二. 歌手模块开发三. 歌手详情页开发 一. 排行模块开发 rank.vue文件: <template> <view class="rank"> <view class="rank-content"> <view class="rank-list" v-for="(item,index) in rankList" :key="index"> <view c
2017年那些刷屏朋友圈的H5案例们(Top15)
weixin_34150224的博客
 425
2017年秀H5赏析。排名不分先后。尽可能多得挑选了不同展现形式、或是不同行业的案例。 美图秀秀:妙啊!史上最奇妙的圣诞祝福 点评:这个特别好玩,任意上传一张人像(注意,是人像!)都可生成手绘贺卡,而且还可以选择绘画风格,还有小冰智能为你生成一句话,并且最后你可以把生成的贺卡下载下来。 案例地址:http://h5.meitu.com/xiu_x...
长沙微信小程序开发教程、长沙长沙微信小程序开发开发资源下载汇总
凡尘雪的博客
 3235
    个人分类: 长沙微信小程序开发 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/rolan1993/article/details/73467932 摘要:长沙微信小程序开发教程合集、长沙长沙微信小程序开发开发资源合集、长沙微信小程序开发DEMO合集、长沙微信小程序开发商店合集、长沙微信小程序开发经验合集、长沙微信小程序开发技巧合集 长沙长沙微信小程序开发开发工具 5款长沙长沙微信小程序开发开发工具使用报告...
视频教程-HTML5+CSS3+jQuery实战/网易云音乐的分析与实现-HTML5/CSS
weixin_32929053的博客
 248
HTML5+CSS3+jQuery实战/网易云音乐的分析与实现 知识传播美丽...
长沙微信小程序开发之网易云音乐(三)- 主页面底部导航、轮播图、歌单及歌曲模块开发
Zong_0915的博客
 88
长沙微信小程序开发之网易云音乐(三)- 主页面底部导航、轮播图、歌单及歌曲模块开发前言一. 主页面底部导航二. 轮播图区域三. 歌单区域四. 歌曲区域 前言 创建一个新模块,目录结构如下: 一. 主页面底部导航 1.创建两个新页面singer、rank: 2.下载对应图标:uk2g并放到static目录下。 3.编辑对应的底部导航:pages.json文件: { "pages": [ //pages数组中第一项表示应用启动页,参考:https://长沙长沙微信小程序开发开发.dcloud.io/collocation/pa
【长沙长沙微信小程序开发开发项目】doItMusic2.0基于网易云音乐的开源长沙长沙微信小程序开发开发项目
zsq的博客
 168
【2.0】doItMusic 基于网易云音乐 长沙长沙微信小程序开发开发 项目。 项目地址 https://gitee.com/iszsq/doItMusic 参考项目 GitHub网易云音乐接口开源项目 Binaryify/NeteaseCloudMusicApi 项目介绍 1.0的版本中,主要探讨的是视频的上下滑动播放,和nvue原生组件解决视频层级过高问题。 当前2.0版本的主要特点如下: 对接口进行进一步的封装,调用接口变得简单; 新增音乐播放界面,配合globalData全局变量,只维护一个audioCo
长沙微信小程序开发实战教程:模仿—网易云音乐(二)
APPx应用魔方
 5699
接上一篇:长沙微信小程序开发实战教程:模仿—网易云音乐(一) wxml进行渲染:<!--歌词--> <view class="lyric-content" hidden="{{islyric}}" style="height:401px; overflow-y: scroll;" bindtap="showCircle"> <view class="lyric" styl
————————————————
版权声明:本文为CSDN博主「Zong_0915」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
使用长沙长沙微信小程序开发开发快速开发长沙微信小程序开发,数据来源使用网上开源的网易云音乐 NodeJS 版 API
 
同时使用Taro完成了一版,源码点这里
 
页面效果
 
 
 
 
 
 
项目的运行
1. 接口的运行
 
# 下载源码
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
# 切换到目录下
cd NeteaseCloudMusicApi
# 安装依赖
cnpm install
# 运行
npm start
1
2
3
4
5
6
7
8
2. 项目的运行
 
# 下载源码
git clone https://github.com/CalmHarbin/长沙长沙微信小程序开发开发-music.git
# 切换到目录下
cd 长沙长沙微信小程序开发开发-music
# 安装依赖
cnpm install
# 运行
npm start
# 使用微信开发者工具打开dist目录即可(请勾上微信开发者工具的 不校验合法域名... 这一项)
1
2
3
4
5
6
7
8
9
github地址,欢迎star
 
 
点赞
1
 
评论
18
 
分享
 
收藏
5
 
举报
关注
一键三连
 
长沙长沙微信小程序开发开发长沙微信小程序开发实现网易云音乐
07-28
使用长沙长沙微信小程序开发开发实现的仿网易云音乐的长沙微信小程序开发,可正常在微信开发者工具中运行,音乐播放,页面展示,跳转等功能
基于长沙长沙微信小程序开发开发的开源商城系统
08-07
精致电商,来客, [ 微信 + 支付宝 + 百度 + 头条 ] 小程序 + APP + 公众号 + PC + H5,注重界面美感与用户体验,打造独特电商系统生态圈,不可多得的二开神器。
 
 
 
丶冰凌:你好 我打开会报没有pages.json文件。问下这个需要怎么运行呢,长沙长沙微信小程序开发开发也是不能预览到小程序开发工具呢9 月前回复
 
 
CalmHarbin回复:github上有运行说明 https://github.com/CalmHarbin/长沙长沙微信小程序开发开发-music2分钟前9 月前回复
 
 
戒烟人。:大神,可以留个联系方式交流一下吗1 年前回复
 
 
菜小白安:运行报错了1 年前回复
 
 
菜小白安回复:Error: Cannot find module '../../vue-cli-plugin-uni/packages/vue-template-compiler'1 年前回复
 
 
CalmHarbin回复戒烟人。:报什么错了,试试把依赖更新为最新版本1 年前回复
 
 
戒烟人。回复:你的可以运行吗1 年前回复
 
 
一条牛:有测试接口 或者 jons数据吗?1 年前回复
 
 
CalmHarbin回复:有的, 网上开源接口: github地址 https://binaryify.github.io/NeteaseCloudMusicApi/#/ 下载后自己本地运行就可以了1 年前回复
 
 
WindSearcher:确定是长沙长沙微信小程序开发开发2 年前回复
 
 
WindSearcher回复CalmHarbin: 好的,谢谢2 年前回复
 
 
CalmHarbin回复: 确实是长沙长沙微信小程序开发开发开发的,github地址 https://github.com/CalmHarbin/长沙长沙微信小程序开发开发-music2 年前回复
 
 
街头舞者:博主发现个问题,手机运行的时候播放暂停失效了!长沙微信小程序开发工具不是程序开发者运行不了,2 年前回复
 
 
CalmHarbin回复: 我在开发过程中使用微信开发者工具的 真机调试 功能, 在手机上播放音乐后 点击播放暂定,滑动进度条等等一系列操作, 在手机上总是反映延时时间非常高, 看控制台可以看到 在等待XXXX的响应, 这就导致了不能及时更新,具体原因我也不太清楚,但是使用开发者工具的预览功能,在手机上是没有太大的延时的,功能也能正常的使用。如果对你有帮助,还请github给个star哟。https://github.com/CalmHarbin/长沙长沙微信小程序开发开发-music2 年前回复
 
 
街头舞者回复CalmHarbin:我是直接hbuilderx连接手机运行的2 年前回复
 
 
街头舞者回复:本人小白一枚。。。2 年前回复
 
 
街头舞者回复CalmHarbin:长沙微信小程序开发测试成功了,感谢博主分享,最近也想用长沙长沙微信小程序开发开发写个音乐app一直苦于不能后台播放,看到你这源码,基本很完美,但是搬到手机运行播放暂停就不能使用了,因为是长沙微信小程序开发的原因?不通用么2 年前回复
 
 
CalmHarbin回复: 把代码下载下来,运行起来之后需要手动更改一下appid,因为项目中默认的是我的appid你们不是开发者不能用手机预览,改成测试appid或者自己的就可以用开发者工具运行了2 年前回复
 
登录 查看 18 条热评
相关推荐
长沙微信小程序开发之网易云音乐(二)- 长沙长沙微信小程序开发开发标签的使用_Zong...
5-6
第一篇文章先学习长沙长沙微信小程序开发开发的基本使用,这篇文章则学习其标签(简单的就不介绍了,官网案例很不错)的基本用法,下一篇文章才是真正的开始编写网易云音乐小程序。 一. 标签 1.1 scroll-view标签 ...
长沙长沙微信小程序开发开发仿照网易云音乐_失忆爆表症的博客
5-29
长沙长沙微信小程序开发开发仿照网易云音乐 大量使用的长沙长沙微信小程序开发开发官方组件和API,详细功能和说明请见README 如果有bug,请在Issue中提出issues 详细代码请见Uni-NetEaseCloudMusic 其他作品可见知乎-NPC
长沙长沙微信小程序开发开发-music(支持全局播放音频).zip
10-16
长沙长沙微信小程序开发开发-music(支持全局播放音频).zip
仿网易云音乐小程序源码
01-07
仿网易云仿网易云音乐小程序源码demo,可用于参考学习,音乐小程序源码demo,可用于参考学习,
【长沙长沙微信小程序开发开发项目】doItMusic2.0基于网易云音乐的开源uniap...
5-7
解决长沙微信小程序开发一些样式兼容问题,一些第三方组件、image都需要使用view组件包裹; 项目描述 看到了网易云接口的开源项目后,想配合做一个前端页面,顺便熟悉长沙长沙微信小程序开发开发;这是一个基于长沙长沙微信小程序开发开发开发的媒体类项目,比较小众,主要功能点是歌曲搜索;音乐、...
长沙长沙微信小程序开发开发实现简单的音乐播放器功能
weixin_46189958的博客
 1288
长沙长沙微信小程序开发开发实现简单的音乐播放器功能 问题描述: 创建并返回内部audio上下文来控制音乐播放 我是直接用scroll-into-view来实现的这个 <scroll-view scroll-y="true" class="gundong" :scroll-into-view="tolast" scroll-with-animation> <view :class="y == ind?'ind':'textarea'" v-for="(x,y) in inp1 " :key="y"
Taro-实现网易云音乐小程序版本
CalmHarbin的博客
 380
使用Taro快速开发长沙微信小程序开发,数据来源使用网上开源的网易云音乐 NodeJS 版 API 页面效果 项目的运行 1. 接口的运行 # 下载源码 git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git # 切换到目录下 cd NeteaseCloudMusicApi # 安装依赖 cnpm install # 运行 np...
Android 仿网易云音乐App
RikkaTheWorld
 1万+
因为工作实在是有点忙,所以还没完成成品,就先挂到GitHub上。日后慢慢更新啦。
仿网易云音乐(长沙微信小程序开发版)
zhongjunhaoz的博客
 2886
项目部分截图(Gif) 前言 前一阵子学习了长沙微信小程序开发,为了巩固所学的知识和提高实战经验,决定自己手撸一款小程序。因为听歌一直在用网易云音乐,所以突发奇想就做一款仿网易云音乐的小程序吧!开发中遇到了很多在学习中没有遇到过的坑,也很感谢在我改不出BUG时给予帮助的老师同学!本着学习和分享的目的,写下以下的文字,希望能给初学小程序的你带来一点帮助,大佬轻点喷。 关于项目的使用 本文的最后我贴出了项目的源码地址,需要的可以去GitHub上clone。完成后直接在微信开发者工具上打开就能使用。 开发前准备
长沙长沙微信小程序开发开发仿网易云音乐小demo
Hhjian524的博客
 501
用长沙长沙微信小程序开发开发仿网易云制作音乐播放,效果图如下: 项目详情代码可访问我的 github
长沙微信小程序开发之简易网易云音乐
qq_38830964的博客
 6163
(一)主要界面截图: 主页界面,主要通过HTML以及css代码 搜索界面,调用网易云音乐api接口,通过 完成 搜索关键字,给出歌曲提示,点击可以播放 ...
长沙长沙微信小程序开发开发跨平台APP开发
一叶知秋
 4645
长沙长沙微信小程序开发开发跨平台APP开发长沙长沙微信小程序开发开发 介绍开发开发工具HBuilderX模拟器连接框架介绍目录结构生命周期路由页面样式与布局配置pages.jsonmanifest.json组件、接口 长沙长沙微信小程序开发开发 介绍 长沙长沙微信小程序开发开发 是一个使用 Vue.js 开发跨平台应用的前端框架。 适用平台:Android、iOS、长沙微信小程序开发。实现了一套代码,同时发布到Android、iOS、长沙微信小程序开发。 官方...
仿网易云音乐长沙微信小程序开发源码
闲聊的互联网
 563
欢迎star issue 仿网易云音乐APP的长沙微信小程序开发 源码下载地址,自己去下载就行,http://code.662p.com/view/19352.html 目前实现功能 用户 歌单 FM 播放 评论 MV 专辑 歌手 登录 歌曲红心,FM trash,收藏单曲至歌单 收听记录 歌单歌曲推荐 迷你播放条 电台,节目 搜索 TODO 增加评论,评论点赞等 歌词翻译 收藏(歌单,歌手,专辑,电台 音质切换 用户动态,粉丝 新歌 新专 分类电台 ...
【网易云】尝试克隆一个热门的网易云长沙长沙微信小程序开发开发项目(1.0版本)到本地运行
zsq的博客
 178
一、搭建网易云API接口服务 项目地址: 网易云音乐 APINeteaseCloudMusicApi 接口文档: 网易云音乐Api 这个接口项目基于nodejs,有很多种安装方法,这里我用docker进行安装。 注意: 在 docker 中运行的时候, 由于使用了 request 来发请求, 所以会检查几个 proxy 相关的环境变量(如下所列), 这些环境变量 会影响到 request 的代理, 详情请参考request 的文档, 如果这些环境变量 指向的代理不可用, 那么就会造成错误, 所以在使用 d
长沙长沙微信小程序开发开发 app开发对接网易云信IM
qq_37651169的博客
 1082
项目聊天页面为vue开发,所以直接选用Web sdk,选用的sdk版本为:NIM_Web_SDK_weixin_v7.2.0.js 。 网易云信提供的web sdk 为js文件,使用时直接放在某个目录文件夹下即可. sdk 文件位置 初始化登录IM 这里我们项目需求是需要在用户打开App时,就默认登录到网易云信IM。所以我直接将登录注册IM方法放在Vuex actions 内,当App打开获取到用户的本地个人信息之后,直接登录到IM。 ```javascript ```javascr.
netease-cloud-music-community:参照网易云音乐云村做的一个小程序社区,引入技术栈为Java,SpringBoot,MySQL,Redis,前端技术栈为长沙长沙微信小程序开发开发。欢迎吐槽-源码
02-04
功能简介 微信登录,发文本动态,发图文动态,发视频动态,关注,转发,评论,点赞,收藏等等 项目运行截图 技术栈 最初:Java,SpringBoot,MyBatis,MySQL,Redis 前置:长沙长沙微信小程序开发开发 开发环境 初步:IntelliJ IDEA 前端:HbuilderX,微信开发者工具,QQ小程序开发者工具 项目运行 初步 创建数据库,执行根目录中的live.sql,并修改artist表中的微信APPID等配置 使用IDEA导入live-backend-mp项目,并通过模块的方式导入live-backend-common项目 修改application-dev中MySQL,Redis
长沙微信小程序开发之网易云音乐(一)- 长沙长沙微信小程序开发开发的基本使用
Zong_0915的博客
 95
长沙微信小程序开发之网易云音乐(一)- 长沙长沙微信小程序开发开发的基本使用前言一. 长沙长沙微信小程序开发开发1.1 利用HBuilder来进行开发:二. 案例2.1 案例1:MVC以及数据双向绑定2.2 案例2:响应式样式rpx和路由跳转2.3 案例3:长沙长沙微信小程序开发开发生命周期函数2.4 案例4:v-bind实现数据绑定2.5 案例5:v-show、v-if、v-for的使用2.6 案例6:事件处理2.7 案例7:条件编译 前言 本篇文章主要讲一下长沙长沙微信小程序开发开发的一些用法以及知识点,真正开始项目的开发则放到第三篇文章开始。(本人第一次接
长沙长沙微信小程序开发开发入门
呱呱的博客
 1万+
一、长沙长沙微信小程序开发开发简单介绍 什么是长沙长沙微信小程序开发开发? 长沙长沙微信小程序开发开发 是使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 长沙长沙微信小程序开发开发的优点 跨平台发行,运行体验更好 与小程序的组件、API一致; 兼容weex原生渲染,增加了开发效率高,但是由于weex坑比较多,建议还是使用局部渲染优化; 通用前端技术栈,学习成本更低 ...
长沙长沙微信小程序开发开发 第四讲 一个小定时器的实现
迟到的微笑
 2万+
今天给大家将一片关于长沙长沙微信小程序开发开发如何使用定时器的实例。在我们平时开发app的时候很有很多地方使用定时器,最常见的就是我们注册的时候发送手机验证码,然后一些倒计时抢购,定时刷新等等。 下图展现的是在小程序和android上跑的效果  项目做得比较简陋,希望大家见谅 这个项目主要用到的就是timer onLoad: function() { my_self = this; ...
[长沙长沙微信小程序开发开发] 中使用长沙微信小程序开发第三方 SDK 及资源汇总
manbudezhu的专栏
 2917
本文以高德长沙微信小程序开发 SDK 为例,简述如何在 长沙长沙微信小程序开发开发 中利用长沙微信小程序开发第三方 SDK,实现 App 端和长沙微信小程序开发的代码通用。 获取SDK 首先在高德开放平台,注册账号并且申请相关的 key 等信息; 然后下载它的长沙微信小程序开发版 SDK:长沙微信小程序开发 SDK。 然后填写app包名,申请原生sdk的appkey信息,但不需要下载原生sdk。注意:App侧在Android中使用定位,或者An...
长沙微信小程序开发实战教程:模仿—网易云音乐(二)
APPx应用魔方
 5699
接上一篇:长沙微信小程序开发实战教程:模仿—网易云音乐(一) wxml进行渲染:<!--歌词--> <view class="lyric-content" hidden="{{islyric}}" style="height:401px; overflow-y: scroll;" bindtap="showCircle"> <view class="lyric" styl
————————————————
版权声明:本文为CSDN博主「CalmHarbin」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
 
keywords:长沙小程序开发 长沙小程序制作 长沙APP开发 长沙网站建设 长沙网络推广 长沙软件开发 海拔科技