亦云小组KTV点歌系统简介

举报
穆雄雄 发表于 2022/12/09 22:29:10 2022/12/09
【摘要】 20级青鸟四班 亦云小组指导老师:穆老师   班主任:佟老师小组成员:组长:靳天宇组员:王晓丹 谢佳泽 王睿志 蒲璐颖 张铨政目录:1.首页 2.项目前台 3…项目后台总结:本次KTV项目总结。总体来说,相比于一期的:“HTML网页制作项目”难度要大很多。刚接手时,我们每一个人都有一定的压力。心想着,凭借自己的能力能不能做好这次项目?怎样将它完美无瑕地展现在观众的面前。经过一天的紧密筹划与分...

20级青鸟四班 亦云小组

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

小组成员:

组长:靳天宇

组员:王晓丹 谢佳泽 王睿志 蒲璐颖 张铨政

目录:

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

总结:

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

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

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

主页:

​编辑

页面布局:

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

​编辑

图.1

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

​编辑

上图组成了的KTV主页的主体

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

功能:

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

特色:

  1. 按住或单击播放等功能会变色
  2. 创新的加入了音量进度条可以通过单击或者滑动来改变音量
  3. 提示功能——背景均由半透明的黑色或白色打底
  4. 创新-加入了歌曲进度条功能可以根据当前播放的时间而前进

已点功能:

页面布局:由已点组成

功能:

  • 可以删除歌曲
  • 点播歌曲
  • 点击歌曲后切换歌曲

特色:

  • 可以上下页
  • 已点的图标里的数字可以根据已点歌单的数量而变化
  • 点已点图标显示再点一下隐藏

歌星点歌:

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

功能:

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

特色:

  • 选择歌曲会变色
  • 支持显示歌星照片并进行上下页
  • 背景都是半透明的黑色

语种点歌:

页面布局:

由歌单列表和语种点歌页面组成

功能:

可以通过点击大陆,日韩,香港等来查询歌曲

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

特色:

  • 支持语种页进行上下页
  • 支持显示歌曲和歌手姓名并进行上下页
  • 背景都是半透明的黑色

分类点歌:

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

分类点歌里面有热门流行,经典老歌,游戏动漫组成(更多分类可在后台添加)

功能:

  • 可以通过点击热门流行,经典老歌,游戏动漫等来查询歌曲
  • 可以通过点击返回显示主页
  • 可以将查询的歌曲通过点击加入到已点中

特色: ​编辑

  • 背景都是半透明的黑色
  • RGB颜色切换渲染气氛
  • 分类可上下页

字数点歌:


页面布局:

  • 由歌单列表和字数点歌页面组成
  • 字数点歌里面由数字和查找删除组成

功能:

字数点歌里面可以输入查询歌曲字数

  • 不输入数字则查询全部歌曲
  • 可以通过点击返回显示主页
  • 可以将查询的歌曲通过点击加入到已点中

特色:

  • 歌曲添加到已点列表后变色
  • 背景都是半透明的黑色

换肤功能:

  • 由内置的4个皮肤预览图组成
  • 单击可以切换皮肤

皮肤:

酒水页面:

页面布局:由酒水的点击按钮,酒水,支付页面 构成

功能:

  • 单击酒水可以打开酒水的页面 单击一款酒水或者饮料会显示共多少元
  • 名称的后面会根据你点了几下而变化
  • 点击支付可以选择支付宝和微信的方式支付
  • 点击取消关闭酒水页面并全部清0

登录页面:

主后台页面:

页面布局:由导航栏和主页面构成

功能:

可以点击导航栏来增删改查

后台查询:

依次是查询歌曲信息,查询歌手信息,查询歌手类型,查询歌曲类型

鼠标通过右击进行修改或删除歌手信息,歌曲信息,歌手类别,歌曲类别

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。