19级青鸟三班 凌云小组
指导老师：穆雄雄老师
班主任：王欣欣老师
小组成员：
组长：李磊 副组长：杨云浩
组员：高启航 朱齐 李欣然 高松 张方仪 王浩如 苏荟旭 贾增伟
制作周期：2020年9月25日-10月13日
项目整体运行视频：
总结：
本次KTV项目总结。总体来说，相比于一期的：“HTML网页制作项目”难度要大很多。刚接手时，我们每一个人都有一定的压力。心想着，凭借自己的能力能不能做好这次项目？怎样将它完美无瑕地展现在观众的面前。经过一天的紧密筹划与分配。用时一周制作的KTV项目终于从我们的手中打造而成，展示观众的面前。
logo
本组所制作的KTV系统点歌系统，实现了让客户进行基本的查歌、点歌、切歌的功能。以及后台开发人员对系统的维护、对歌曲信息进行的增删改等等的操作。
1
这些功能的实现，都离不开项目开发人员的精诚团结、刻苦钻研的精神。我们会认真地对待每一个细节，用心去做它。让它完美地展现在你们的面前！
主页
页面布局：
由右边的酒水，娱乐，点歌等字样组成的类似于导航栏的功能
由上述图片组成的KTV点播功能
KTV主页的主体
由榜单，歌星，语种，拼音，MV，分类，字数组成
功能：
可以实现通过主页来进入不同的点歌样式页面
实现了对歌曲的暂停播放，切歌，气氛，重唱，音量加减，唱歌，返回主页，上一首，下一首的功能
特色：
鼠标悬浮在主页主体上会有浮动的效果
按住或单击播放等功能会变色
创新的加入了音量进度条可以通过单击或者滑动来改变音量
提示功能——背景均由半透明的黑色或白色打底
创新-加入了歌曲进度条功能可以根据当前播放的时间而前进
榜单
字母点歌
歌单列表
搜索框是搜索歌名，默认是歌曲的榜单
功能：
默认是歌曲的榜单
可以通过点击字母来搜索歌曲
可以输入歌名查询歌曲
歌单列表有上下页的功能（本项目的所有数据都是数据库里的）
特色：
1.查询的歌曲的同时查询歌曲歌手的名字显示在歌曲后面
2.单击歌曲会变色提示添加已点成功
3.删除图标是一个个的删除比较符号逻辑
4.点击“#”查询全部
2
已点功能
功能：
可以置顶歌曲，删除歌曲，点播歌曲
特色：
可以上下页
已点的图标里的数字可以根据已点歌单的数量而变化
点已点图标显示再点一下隐藏
歌星点歌
歌星点歌
由歌单列表和歌星点歌页面组成
歌星列表
功能：
可以通过点击男歌星，女歌星，组合来查询歌曲
可以通过点击全部歌星来查找如右图所示的歌手页 面
点击歌手的图片或者姓名可以查询有关于他的歌曲
特色：
图标和选择的功能都有浮动的特效
支持显示歌星照片并进行上下页
歌手的照片都有浮动的特效
背景都是半透明的黑色
3
语种点歌：
语种点歌
页面布局：
由歌单列表和语种点歌页面组成
功能：
可以通过点击大陆，日韩，香港等来查询歌曲
语种列表
特色：
图标和选择的功能都有浮动的特效
支持显示歌曲和歌手姓名并进行上下页
背景都是半透明的黑色
分类点歌：
分类点歌
由歌单列表和分类点歌页面组成
分类点歌里面有DJ，影视金曲，热门流行，京剧戏曲，经典老歌，游戏动漫， 儿歌组成
功能：
可以通过点击DJ，影视金曲，热门流行，京剧戏曲，经典老歌，游戏动漫， 儿歌等来查询歌曲
可以通过点击返回显示主页
可以将查询的歌曲通过点击加入到已点中
分类点歌
特色：
图标和选择的功能都有浮动的特效
背景都是半透明的黑色
点击DJ歌曲进度条后有跑马灯的 灯效
RGB颜色切换渲染气氛
字数点歌：
字数点歌
页面布局：
由歌单列表和字数点歌页面组成
字数点歌里面有一字歌，二字歌，三字歌，四字歌，五字歌，多字歌，组成
字数点歌
功能：
可以通过点击一字歌，二字歌，三字歌，四字歌，五字歌，多字歌，等来查
字数为当前数字的歌曲
可以通过点击返回显示主页
可以将查询的歌曲通过点击加入到已点中
特色：
图标和选择的功能都有浮动的特效
背景都是半透明的黑色
换肤功能：
换肤功能
由内置的6个皮肤预览图组成
有浮动的特效
单击可以切换皮肤
皮肤：
换肤
换肤
换肤
换肤
小游戏-华容道：
华容道
页面布局：
由游戏主体构成
华容道
功能：
可以单击“X”关闭游戏
点击开始开始游戏可以通过鼠标摁住来变换角色的位置
同时步数加1
点击重置可以重新开始游戏
特色：
可以通过鼠标的拖动变换位置
电影页面：
电影界面
页面布局：
由推荐的四部电影构成
功能：
可以通过点击电影的图片或者电影的名称来打开观看电影
电影播放界面
酒水界面：
酒水列表
页面布局：
由酒水的点击按钮，酒水，支付页面 构成
酒水列表
功能：
单击酒水可以打开酒水的窗体 单击一款酒水或者饮料会显示共多少元
名称的后面会根据你点了几下而变化
点击支付可以选择支付宝和微信的方式支付
点击取消所有清0
4
KTV后台
主后台页面：
后台界面
页面布局：
由导航栏和主页面构成
功能：
可以点击导航栏来增删改查
点击会有变色的效果
关于我们
后台查询：
查询歌曲类别
歌手类别
歌曲信息
歌手信息
依次是查询歌手信息，查询歌曲信息，查询歌手类型，查询歌曲类型
空调通过右击进行添加修改删除等效果的实现
往期精彩
注意！在subList生成子列表之后，一定不要随便更改原列表
点分享
点点赞
点在看