微信小程序开发——“狗蛋电视”

狗蛋电视

logo.png

狗蛋电视是一款基于微信小程序开发的app。每天，戈尔丹·李都会推荐一首歌、一篇文章、一段短视频，每天花十分钟点燃内心的光芒。目前分为三个模块：音乐、短视频和影评。

横幅

给我竖起大拇指！

启动页面

音乐页

短视频页面

电影评论页

搜索页面

以下所有API都是由产品公司自己提供的，我是从互联网上获得的。获取和分享的行为或涉嫌侵犯产品权益的行为。如果被告知停止共享和使用，我将及时删除此页面和整个项目。请了解相关情况并遵守产品协议。

为了方便您的学习和测试，我们提供了https接口供您使用和珍惜。请在微信开发设置中添加请求的合法域名，或选中-不要在开发设置中验证合法域名、web视图（商业域名）、TLS版本和HTTPS证书。

感谢和支持

-狗蛋TVapi：https://api.gordantv.top

-豆瓣酱api：https://api.douban.com

-QQ音乐api：https://y.qq.com

项目简介

Goudan TV是基于微信小程序+ES6开发的，可以同时在Android和iOS环境中运行。它涵盖了音乐、短视频和电影评论。

打开屏幕引导图

调用微信wx.onAccelerometerChange重力感应设备API，实现水的涟漪。

调用wx.getUserInfo获取用户配置文件。

工具类别

封装wx。request（）与Promise一起简化代码结构：

const$get=（url，数据）=>{

return new Promise（（resolve，reject）=>{

wx.请求({

url，

数据

标头：｛“Content-Type”：“json”｝，

成功：决心，

失败：拒绝

})

})

}

电影评分实现

const convertToStarsArray=（平均值）=>{

恒定长度=5；

const CLS_ ON=“ON”；//全明星

常量CLS_HALF=“一半”；//半明星

const CLS_OFF=“关闭”；//无星的

让结果=[]；

let score=数学。圆形（平均）/2；

让hasDecimal=分数%1！==0

let integer=数学地板（分数）

对于（假设i=0；i<整数；i++）{

结果推送（CLS_ON）

}

if（hasDecimal）{

结果推送（CLS_HALF）

}

而（结果长度<长度）{

结果推送（CLS_OFF）

}

返回结果；

}

小程序的内部组件实现上拉刷新和下拉加载

方法1：滚动视图组件

方法2：onPullDownRefresh和onReachBottom方法实现小程序下拉加载和下拉刷新

读取模块

在项目中，遇到音乐文章的内容需要在微信小程序中显示，文章内容是通过界面读取的服务

服务器中的富文本内容为html格式，小程序默认不支持显示html内容，

然后我们可以使用wxParse来显示html内容。

项目安装

git克隆git@github.com：lishuixingNewBee/gordanTv.git

目录结构

|---实用程序和公共功能

|---组件和组件公共视图组件和模板模板

|---图像和图像资源

|---页面视图目录页面（&V）

○ 更新记录

2018.5.17

-解决日期问题。parse（）与微信小程序中的IOS不兼容（IOS为NaN）