19级青鸟三班 凌云小组
指导老师:穆雄雄老师
班主任:王欣欣老师
小组成员:
组长:李磊 副组长:杨云浩
组员:高启航 朱齐 李欣然 高松 张方仪 王浩如 苏荟旭 贾增伟
制作周期:2020年9月25日-10月13日
项目整体运行视频:
凌云小组KTV项目演示视频
总结:
本次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后台
主后台页面:
后台界面
页面布局:
由导航栏和主页面构成
功能:
可以点击导航栏来增删改查
点击会有变色的效果
关于我们
后台查询:
查询歌曲类别
歌手类别
歌曲信息
歌手信息
依次是查询歌手信息,查询歌曲信息,查询歌手类型,查询歌曲类型
空调通过右击进行添加修改删除等效果的实现
往期精彩
凌云小组KTV项目演示视频
2020-10-16
注意!在subList生成子列表之后,一定不要随便更改原列表
2020-10-15
19级:班级日常分享,一天一瞬间
2020-10-15
神奇!一行代码实现删除某集合下标20-30的元素
2020-10-14
班级日常分享,一天一瞬间
2020-10-14
‘小会计’的转行之旅
2020-10-13
子列表只是原列表的一个视图
2020-10-12
点分享
点点赞
点在看