麻将音乐小程序

MAHJONG-MUSIC WECHAT MINI PROGRAM

答辩时间：2021.9.24

答辩人：四人凑张麻将桌

SLOGAN：今天还是我胡

目 录

C O N T E N T S

项目简介 1 PROJECT DESCRIPTION

项目运行截图 2 PROJECT RUNNING SCREENSHOT

小组分工 3 GROUP DIVISION

项目总结 4 PROJECT SUMMARY

项目简介

PROJECT DESCRIPTION

A 主要设计

B 实现功能

C 图标和色调

主要设计

小程序

4个主要模块

首页

歌单 排行 歌手

音乐

推荐 说唱 流行

电台

有声

书

排行 分类

我的

我的

喜欢

我的

歌单

其余界面

播放

界面

歌单

界面

实现功能

丰富的正版曲库，领先的

播放品质，跟随最新最潮

的音乐，探索自由空间

;

无论是带你进入甜美梦乡

的有声读书，还是给你的

生活添加情趣和欢乐的相

声评书，亦或是连接生活

和万物的声音直播，在这

里你都可以找到；

无论是在沙发上，还是在

地铁里，多终端多平台的

产品，让您用最喜欢的姿

势聆听您最喜欢的歌曲，

音乐你的生活；

在这里，你可以创建属于

你自己的麻将音乐个性账

号，也可以收藏你自己喜

爱的音乐，设置专属于你

自己音乐品味的歌单，让

音乐填充你单调却不单调

的平凡生活。

首页 音乐

电台 我的

图标和色调

使用到的主要颜色：

#031e09

#9aa59d

#cd7f32

#709e7c

使用到的底部导航图标设计为

麻将模块，色调为绿色系。

一些图标：

项目运行截图

PROJECT RUNNING SCREENSHOT

A 首页模块运行截图

B 音乐模块运行截图

C 播放界面和歌单界面运行截图

D 电台模块运行截图

E 我的模块运行截图

首页模块

首页-歌单 BY-吴

由顶部盒子导航栏及底部导航栏，以及搜索框，中间分割线，和由盒子模型和文本框组成的图片模块

组成，实现：1）顶部导航和底部导航的界面之间来回切换，2)搜索框可输入搜索的歌曲，3)点击其中

一个图片模块，能够切换到歌单界面。

首页-排行 BY-吴 首页-歌手 BY-吴

音乐模块

音乐-推荐 BY-江

由顶部盒子导航栏及底部导航栏，顶部及中间分割线，和由盒子模型和文本框组成的图片模块组成，

实现：顶部导航和底部导航的界面之间来回切换。

音乐-流行 BY-江 音乐-说唱 BY-江

播放和歌单

音乐播放 BY-吴

由主要的播放乐符图标，以及进度条，播放按钮等组成播放界面，以及由文本框和盒子模型组成的歌

单列表，实现：播放音乐，前后切换音乐列表中的音乐。

歌单列表 BY-吴

电台模块

电台-有声书 BY-许

由顶部盒子导航栏及底部导航栏，以及顶部搜索框，底部加载框，中间分割线，和由盒子模型、按钮

组件和文本框组成的图片文字模块组成，实现：1）顶部导航和底部导航的界面之间来回切换，2)搜索

框可输入搜索的频道。

电台-排行 BY-许 电台-分类 BY-许

我的模块

我的-我的喜欢 BY-赖

由顶部盒子导航栏及底部导航栏，顶部图标，和由盒子模型和文本框组成的图片模块组成，

实现：1）顶部导航和底部导航的界面之间来回切换，2）点击其中一个图片模块，能够切换到歌单界

面。

我的-我的歌单 BY-赖

小组分工

GROUP DIVISION

模块分工& 其余分工

小组分工

首页&播放&歌单（BY-吴）

吴杏花（技术组组长）：主要负责底部导航的“首页”模块界面的编程

开发设计，包括歌手模块、排行模块、分类歌单模块等， 以及音乐播放

界面和歌单界面的开发设计，编辑项目报告；

江楚荧（学习组组长）：主要负责底部导航的“音乐”模块界面的编程

开发设计，包括推荐模块、说唱模块、流行模块等，编辑项目报告；

音乐（BY-江）

小组分工

电台（BY-许）

许佳虹（总组长）：主要负责底部导航的“电台”模块界面的编程开发

设计，包括有声书模块、排行模块、分类模块等，以及答辩PPT的制作，

编辑项目报告；

赖海燕（设计组组长）：主要负责底部导航的“我的”模块界面的编程

开发设计，包括我的喜欢模块、我的收藏模块等，以及底部导航图标的

主要设计，编辑项目报告。

我的（BY-赖）

项目总结

PROJECT SUMMARY

A 前期规划

B 实施过程

C 后期整合

总结

1、前期规划

在小组成立之初有了大概的小程序制作类型和方向，进行了大概的小组分工，确定了制作的基本框架，所

以在后期的实施过程没有什么出现责任分工的矛盾。

2、实施过程

在麻将音乐小程序的代码实现过程中，由于技术组组长比较给力，搭建出了基本的导航框架，所以其余小

组成员在这个基础上进行了各自页面的设计，在遇到问题时，各个成员之间彼此帮助，及时沟通，即使困

难重重，好在顺利完成。

3、项目整合

在后续收尾工作的过程中，比如说项目整合，PPT制作，项目报告撰写，能者多劳，成员之间互相帮助，

使得收尾工作得以顺利进行。

感谢各位老师批评指正

—— T H A N K Y O U ——

答辩时间：2021.9.24

答辩人：四人凑张麻将桌

SLOGAN：今天还是我胡