zoukankan      html  css  js  c++  java
  • ​凌云KTV点歌系统功能简介

    19级青鸟三班 凌云小组

    指导老师:穆雄雄老师    

    班主任:王欣欣老师

    小组成员:

    组长:李磊    副组长:杨云浩

    组员:高启航  朱齐 李欣然 高松 张方仪 王浩如 苏荟旭 贾增伟

    制作周期:2020年9月25日-10月13日

    项目整体运行视频:

    凌云小组KTV项目演示视频

    总结:

    本次KTV项目总结。总体来说,相比于一期的:“HTML网页制作项目”难度要大很多。刚接手时,我们每一个人都有一定的压力。心想着,凭借自己的能力能不能做好这次项目?怎样将它完美无瑕地展现在观众的面前。经过一天的紧密筹划与分配。用时一周制作的KTV项目终于从我们的手中打造而成,展示观众的面前。

    logo

    本组所制作的KTV系统点歌系统,实现了让客户进行基本的查歌、点歌、切歌的功能。以及后台开发人员对系统的维护、对歌曲信息进行的增删改等等的操作。

    1

    这些功能的实现,都离不开项目开发人员的精诚团结、刻苦钻研的精神。我们会认真地对待每一个细节,用心去做它。让它完美地展现在你们的面前!

    主页

    页面布局:

    由右边的酒水,娱乐,点歌等字样组成的类似于导航栏的功能

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

    KTV主页的主体

    由榜单,歌星,语种,拼音,MV,分类,字数组成

    功能:

    1. 可以实现通过主页来进入不同的点歌样式页面

    2. 实现了对歌曲的暂停播放,切歌气氛重唱音量加减唱歌返回主页上一首下一首的功能

    特色:

    1. 鼠标悬浮在主页主体上会有浮动的效果

    2. 按住或单击播放等功能会变色

    3. 创新的加入了音量进度条可以通过单击或者滑动来改变音量

    4. 提示功能——背景均由半透明的黑色或白色打底

    5. 创新-加入了歌曲进度条功能可以根据当前播放的时间而前进

    榜单

    字母点歌

    歌单列表

    搜索框是搜索歌名,默认是歌曲的榜单

    功能:

    1. 默认是歌曲的榜单

    2. 可以通过点击字母来搜索歌曲

    3. 可以输入歌名查询歌曲

    4. 歌单列表有上下页的功能(本项目的所有数据都是数据库里的)

    特色:

    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

    点分享

    点点赞

    点在看

  • 相关阅读:
    【译文】HTML5 Canvas的点击区域检测以及如何监听Canvas上各种图形的点击事件
    快速排序法精简理解
    数据结构--堆
    数据结构--哈希表
    数据结构--队列
    数据结构--栈
    数据结构--数组
    数据结构--链表
    算法的基本知识
    Arthas
  • 原文地址:https://www.cnblogs.com/a1111/p/14877386.html
Copyright © 2011-2022 走看看