点滴小组KTV点歌系统简介

妖狐艹你老母 2022-10-10 01:26 182阅读 0赞

‍‍

![db43810209a91d159568e8c6de3ddd92.png][]

20级青鸟四班 点滴小组

指导老师：穆老师 班主任：佟老师

小组成员：

组长：路鑫 副组长：戴洁 王硕

组员：马蓥芳   组员：徐圣乾

组员：徐圣坤 组员：赵昌杰

**制作周期：2021年5月25日-6月10日**

点滴

1.首页 2.项目前台 3..项目后台

总结：

刚开始做“KTV点歌系统”这个项目的时候压力还是挺大的。从无从下手到项目完结也经历了各种各样困难：上下页功能怎么实现、已点列表怎么实现、设计页面时排版越来越乱还有歌词怎么实现同步……克服每一个困难的同时都会给自己积累一些经验。甚至做了一周项目比听了两周课学到的东西还多

我们要始终清楚学到的永远只是皮毛，那些学不到的才可以成为宝贵的财富。因为我们所学到的别人一样可以学到，而别人学不到的就是我们积累的经验。

**主页：**

![2c737b720577aca81dc49dd334388aba.png][]

页面布局：

由右边的饮品，首页，点歌等字样组成菜单栏的功能

![1faf1860e9b2ed495cf9e843d3c736c5.png][]

图.1

由上述图片图.1组成的KTV点播功能

![0550cc019f9eb732e61c225ad98ef198.png][]

图.2组成了的KTV主页的主体

由榜单，歌星，拼音，MV，分类，字数，字母组成

**功能：**

1.  可以实现通过主页来进入不同的点歌样式页面
2.  实现了对歌曲的暂停播放，切歌，重唱，音量加减，唱歌，返回主页，上一首，下一首的功能

**特色：**

1.  鼠标悬浮在主页主体上会有浮动的效果
2.  按住或单击播放等功能会变色
3.  创新的加入了音量进度条
4.  提示功能——背景均由半透明的黑色或白色打底
5.  创新-加入了歌曲进度条功能

![e88578ecffea0527ad76a15d772aae0c.png][]榜单：

**页面布局：**

![b5f07d0840c78bd943d5bdadae13450b.png][]

拼音点歌

![a98485e6df6e3ab7423bb5572b6c2d62.png][]

歌单列表

搜索框是搜索歌名

默认是歌曲的榜单

**功能：**

1.  默认是歌曲的榜单
2.  可以通过点击字母—>确定来搜索歌曲
3.  歌单列表有上下页的功能（本项目的所有数据都是数据库里的）

**特色：**

查询的歌曲的同时查询歌曲歌手的名字显示在歌曲后面

单击歌曲会变色提示添加已点成功

**已点功能：**

![6a42c5afbb33f72ce06c5513fba1a1f0.png][]

页面布局：由已点组成

**功能：**

删除歌曲

点播歌曲

**特色：**

可以上下页

已点的图标里的数字可以根据已点歌单的数量而变化

点已点图标显示再点一下隐藏

**歌星点歌**：

![7065473e901da7c34c9526219f195bac.png][]

页面布局：由歌单列表和歌星点歌页面组成

![ca470c98522d33cc20c62590374b5911.png][]

**功能：**

可以通过点击歌星姓名来查询歌曲

可以通过点击歌星姓名，会显示歌手图片、姓名、

性别、介绍，如右图所示：

**特色：**

图标和选择的功能都有浮动的特效

支持上下页

歌手的照片都有浮动的特效

背景都是半透明的黑色

**分类点歌：**

![3445d73a930e6266727cc2ebf5da6688.png][]

**页面布局：**

由歌单列表和分类点歌页面组成

分类点歌里面有DJ，影视金曲，热门流行，经典老歌，全部成

**功能：**

可以通过点击DJ，影视金曲，热门流行，经典老歌，全部等来查询歌曲

可以通过点击返回显示主页

可以将查询的歌曲通过点击加入到已点中

**特色：**

图标和选择的功能都有浮动的特效

背景都是半透明的黑色

![f8cf91237a13a11ace63171311882532.png][]

**字数点歌：**

![fa80e1721c02c8b4922d78bc22a244d2.png][]

**页面布局：**

由歌单列表和字数点歌页面组成

**功能：**

可以通过点击一字歌，二字歌，三字歌，四字歌，五字歌，多字歌，等来查

字数为当前数字的歌曲

可以通过点击返回显示主页

可以将查询的歌曲通过点击加入到已点中

**特色：**

图标和选择的功能都有浮动的特效

背景都是半透明的黑色

![5f242684244154a7b48cff3932b910eb.png][]

**换肤功能：**

![146e1e610e04f50d2ca104c9afc578fd.png][]

由内置的3个皮肤预览图组成

单击可以切换皮肤

**皮肤：**

![9ec436077376bd761de3804ce1d35c8f.png][]

**饮品页面：**

![c3612c272305bc124a24a9144e32f478.png][]

**页****面布局：**

由酒水的点击按钮，酒水，支付构成

**功能：**

单击饮品可以打开饮品的窗体单击一款酒水或者饮料会显示共多少元

饮品的上面会根据你点了几下而变化

支付可以选择支付宝和微信的方式支付

‍

[db43810209a91d159568e8c6de3ddd92.png]: /images/20221005/f86833467f8f48218950f3ddc01c1a06.png
[2c737b720577aca81dc49dd334388aba.png]: /images/20221005/4d462bc808d14a06acc5a56a9db9fef4.png
[1faf1860e9b2ed495cf9e843d3c736c5.png]: /images/20221005/8a733a1471ca445a91bc8484c0a17bd0.png
[0550cc019f9eb732e61c225ad98ef198.png]: /images/20221005/9ab0b65efc314edfb7861a03237e6e3f.png
[e88578ecffea0527ad76a15d772aae0c.png]: /images/20221005/efca34259cd44afb907584458502a346.png
[b5f07d0840c78bd943d5bdadae13450b.png]: /images/20221005/a72f9664d47440e3951aa36ac0f8732d.png
[a98485e6df6e3ab7423bb5572b6c2d62.png]: /images/20221005/96961ecb71544ac594efd2a24d38e6d3.png
[6a42c5afbb33f72ce06c5513fba1a1f0.png]: /images/20221005/033cd21a590248729d5cdcc16df495d7.png
[7065473e901da7c34c9526219f195bac.png]: /images/20221005/eba01056d16f4309a12d2b55d4fc0492.png
[ca470c98522d33cc20c62590374b5911.png]: /images/20221005/44d90fca8b7e4eb982ef7d265812e369.png
[3445d73a930e6266727cc2ebf5da6688.png]: /images/20221005/b5ae1c234449467eab876166167022ad.png
[f8cf91237a13a11ace63171311882532.png]: /images/20221005/bc4ecd43ce9249d582e1a78979500866.png
[fa80e1721c02c8b4922d78bc22a244d2.png]: /images/20221005/3ac15b1b32724c588ae05c44025812f8.png
[5f242684244154a7b48cff3932b910eb.png]: /images/20221005/56ee7b55596846089d8b9ff1217efd35.png
[146e1e610e04f50d2ca104c9afc578fd.png]: /images/20221005/558970f9af2d4590b183c8e81dff63ec.png
[9ec436077376bd761de3804ce1d35c8f.png]: /images/20221005/a4cfbbe1b29340428409cc61d8631284.png
[c3612c272305bc124a24a9144e32f478.png]: /images/20221005/eb770dfd26e04823b38961082765b802.png